In this tutorial I’ll show you how to Create a WordPress Theme from scratch. I made all of the HTML and CSS code in this video tutorial How to Layout a Website.
You should definitely watch that tutorial before you try this one unless you are very experienced using HTML and CSS.
The theme is available in this zipped archive. This is a newer version of this theme. Everything is available under the GNU License.
After the video I provide all of the code used in the entire tutorial. Leave any questions below and if you find this theme useful feel free to share it [nttfblike]
If you like videos like this, tell Google [googleplusone] I really appreciate it 🙂
Code From the Video
Here are all of the files needed for a WordPress theme. Click on the link to see that code.
thank you very mutch for all your tutorials derek
a ctually i’m watching your php tutorials. all amazing like this one.
your last title Every Article helped to better navigate in your wevsite so now now i spend more time on it.
you’ve always been excelent. awesome
Hi there,
First off all i realy like your vieo tuturials a lot.
Im building my own wordpress time right now whit the help of this Tuturials.
But im stuck a little.
To show my post i used your code.
Like this one.
$wp_query->query(‘posts_per_page=6&category_name=Blog’);
But actualy i want to show all post except the post from the catagory Video.
Can you plz help me out, i cant find how to change the code to let it work.
Thnx a lot.
Here is your answer! If you want to Exclude Posts Belonging to Category prefixing its id with a ‘-‘ (minus) sign.
$query = new WP_Query( ‘cat=-12,-34,-56’ ); This excludes those posts in category 12, 34 and 56
Hope that helps
This code realy solved the problem thank you verry much.
You’re very welcome. I have about 40 more WordPress Development Videos here as well. I hope they help
I know, i’ve almost seen them all.
They help a lot.
But maby there is one little issue you can help me with.
When i come on my single page of a post and i have a image in that post. How do i delete the link on the image from the content.
I don’t want that poeple be linkt to the original image.
I hope you understand what i mean, because my englisch is not to good because im dutch.
If I’m understanding, you would just have to delete the anchor tags that would surround the image. Does that answer the question?
Yes thats what i mean, i want to delete the a href of the image in the content on the single page. There is the php for the content that gets the image and al of the text but the image is a link to the original i want to delete that link so they cant click the image at all
There is no way to keep people from getting your image. You could create stumbling blocks, but a screen grab is impossible to stop. The only way to keep people from using your images is to copyright them
WOW!
This is very nice…
Thank you 🙂
For getting the article information, how would the php code be if I am trying to pull the latest posts not specified by the categories? What I am refering is the lines 10 – 22 of index.php. Let’s say I am trying to get the recent 8 posts (in two columns (2×4) regardless of their categories and I have more than 2 categories, how would the code be like?
Anyways, thanks for the great tutorials 🙂
Check out my first WordPress Theme Tutorial instead for those answers. I cover how to pull in posts in every way you can imagine. And, thank you for taking the time to show your appreciation. Thank you 🙂
I’m having a problem WordPress is telling me Broken
Themes
The following themes are installed but incomplete. Themes must have a stylesheet and a template.
Name Description
RedBox/style.css File not readable.
I’m not sure whats it is wanting.. I tried writing my own it didn’t work so I copied and paste yours and it still is saying that.
It’s looking for the style.css file. It has to be in your theme folder inside of wp-content.
I found out what it was my permissions were turned off. Thank you for your help.. I’m just starting coding and all your videos are a big help.. I watch a lot of other ones and your by far the easiest and best for the help..
Once I get up and running I would like to make an ad for your Website on all my sites.
So now that I have it to be able to preview or activate, when I click on preview it comes up as a blank screen nothing but white.
What happens when you click activate? Don’t worry you can easily re-activate your old theme
Thank you. I’m glad you like the videos. Creating WordPress themes is pretty advanced. Very few people know how to do that. Keep at it
is there any way that I could send you my CSS coding.. My dumb menu wont change, to what it should look like.
I’m sorry, but I can’t correct large blocks of code. I just don’t have time to do that as well as continue to make tutorials.
I understand that, I’ve been looking at your source code, and mine to see where my mess up is.
I have this code right after the HorcontentRule just like you did in the Index.php folder.
p class=”contentExcerpt”>post_excerpt; echo substr($ntt_the_excerpt, 0, 157); ?> <a href="” class=”clickForMore”>More</p
I did discard the at the beginning and end of the code.
but I can’t get my text to show up. I copy and pasted your code and it still didn’t work, what could be the issue.
Do you have excerpts in your posts?
Yes, I do its about 93 words in the excerpt.
When I put in ?php the_content();? it brings all the content but when I put in ?php $the_content = $post->post_content; echo substr($the_content, 0, 200); ? nothing comes up… I just want like part of it to come not all of it and not none of it.. anything you can think of?
Here is the code I used
post_excerpt; echo substr($ntt_the_excerpt, 0, 157); ?>
One thing I thought I should say to help is that it works for my Title. the code for my excerpt isn’t working in my sidebar either and all the Articles on my sidebar have over 200 words.
Great tutorial. I have two questions..
My drop down menu items work fine in firefox/safari but do not work in IE.. is there a fix somewhere i can use?
Also, is there anyway to set the drop down items side to side rather then on top of each other?
Thanks!
I’ve got you covered cross browser wise. These work on every browser back to IE 5.5
MAKE A WORDPRESS VERTICAL MENU
CROSS BROWSER HORIZONTAL MENU
CROSS BROWSER MENU TUTORIAL
Awesome! thanks for the response
Hi admin,
You are really a brilliant teacher.. the way you taught is really easy to understand, thanks for such helpful tutorials, I request you to add some more tutorials about wordpress designing and coding..
Best wishesBes:amir
Thank you very much 🙂 I’m glad you find them useful. I’ll make more WordPress themes in the future. Here is about 80 WordPress Development Tutorials if you missed them. I hope you like them
This is exactly what i’ve been looking for. thanks
You’re very welcome. I gathered about 80 tutorials here WordPress How To. I cover pretty much everything you’d ever want to know about WordPress 🙂
Hi,
Its wonderful tutorial. So how can we make the theme responsive? Any details on that?
Thanks
Thank you 🙂 checkout http://www.newthinktank.com/videos/web-programming/wordpress-how-to/ I have over 80 tutorials on WordPress theme, plugin development
you are great!
great explanations. everything is big and clear.
you even interact with the viewer, calming him down.
great!
all the best to you and thank you very much!
Thank you for the kind words 🙂 I do my best
Hi,
I’ve downloaded the theme and activated it. an error is showing on the top of my dashboard: “Notice: automatic_feed_links is deprecated since version 3.0! Use add_theme_support( ‘automatic-feed-links’ ) instead”.
there is another error showing on my site: “Notice: wp_deregister_script was called incorrectly. Scripts and styles should not be registered or enqueued until the wp_enqueue_scripts, admin_enqueue_scripts, or init hooks. Please see Debugging in WordPress for more information. (This message was added in version 3.3.)”.
both printed by: \wp-includes\functions.php
what should I do?
many thanks to you.
Search for
automatic_feed_links();in function.php and replace it withadd_theme_support('automatic-feed-links');To get rid of the second error replace
wp_enqueue_script('jquery');withfunction thematic_enqueue_scripts() {wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'thematic_enqueue_scripts');
That should fix it
the first error is gone, thank you!
the second one is still bugging us. just in case, here is the code for functions.php:
<?php
// Add RSS links to section
add_theme_support('automatic-feed-links');
// Load jQuery
function thematic_enqueue_scripts() {
wp_enqueue_script('jquery');
}
if ( !is_admin() ) {
wp_deregister_script('jquery');
wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"), false);
add_action('wp_enqueue_scripts', 'thematic_enqueue_scripts');
}
// Clean up the
...
I appreciate, lead to I found just what I used to be taking a
look for. You have ended my four day lengthy hunt! God
Bless you man. Have a nice day. Bye
You’re very welcome 🙂 I’m very happy to have helped you
Where can i find the blank theme?
I have a link to the Blank theme on this page WordPress How To
Hi Derek,
I like the series of your tutorial, it is not boring and very energetic. Thank you, by the way,
What is the best tutorial about the responsive website using wordpress?
Thanks and have a great day!!
You’re very welcome 🙂 What exactly are you trying to do in regards to a responsive website?
The problem is that only one box each for the articles and the videos show up and there appear to be in the first sidebar. They also don’t have anything in them, just the title and container.
Do I need to do something with the dashboard to make this work? I’m very new to WP; where do the article and videos come from?
Any help would be greatly appreciated.
P.S. I really like you edited style; I like not having to listen to someone umming and ahhing.
Hi Derek, I’m really enjoying your tutorials; thanks a lot for putting them up.
I’m having trouble getting the middle container to work (the Articles and the Videos.) I thought at first it was my coding but I used your NTT-Cindy-Theme straight from the zipped file on your website and got the same problem.
The problem is that only one box each for the articles and the videos show up and there appear to be in the first sidebar. They also don’t have anything in them, just the title and container.
Do I need to do something with the dashboard to make this work? I’m very new to WP; where do the article and videos come from?
Any help would be greatly appreciated.
P.S. I really like you edited style; I like not having to listen to someone umming and ahhing.
Hi Derek
I’ve managed to work out that I didn’t have any articles or video; or the categories for them (told you I was new to WP.) I figured this out watching the next video.
I’m still having trouble with the menu system, it’s just showing up as a normal list with bullet points.
I’m glad you got it working. For the menu to work, make sure that you define your menu under appearances in the WP dashboard. I bet you that is the problem
That’s fixed it,
Thanks a lot Derek!
Useful. I agree.
Thank you 🙂
Derek you are great!
Thank you 🙂
great tutorials, thank you..
You’re very welcome and thank you 🙂
Hi.. I have downloaded the correct one from digwp.com. Please ignore my question about it please.
Great! Sorry I couldn’t get to your question quicker
Can i change colors in wordpress my sefl theme?
Yes you can do anything in WP that you can do with any other website.
Hello, this weekend is nice for me, because this moment
i am reading this great educational article here at my home.
Thank you 🙂 I’m glad you are enjoying it.
hi there! im in LOVE with your tuts!!! very clear and presented in a way that my brain just gets! THANK YOU!!! However, I was wondering where the “blank theme” is for download? I’m not seeing it aywhere?
Thanks!!!
Thank you very much 🙂 The blank theme is available on this page.
Thanks so much! youre amazing!!!
Thank you 🙂 I try to do my best.