In the previous WordPress News Theme Tutorial, I finished the blog part of my theme. In this part I will finish styling: archive.php, page.php, search.php and single.php.
It sounds like a lot of work, but I’m basically copying and pasting all the code from index.php.
If you make sure your styling is done right during the design phase everything else just falls into place.
In this tutorial, I’m going to pull everything together. After this we will be very close to being finished.
I’ll create the menu bar for the theme. Then I finish styling the front blog page. I show you how to make sure your images always align properly. To finish everything else I style the final pages I’ll make in the next tutorial.
We are almost done. If you missed part 1 of this tutorial it is here WordPress News Theme.
In this part of the WordPress News Theme I finish the sidebar for the theme and create styling for the sidebar and footer.
I’ll cover how to style the output you receive from the wp_list_pages and wp_list_categories functions.
If you missed the tutorials previous to this one check out WordPress News Theme Part 1. All of the code follows the video and you can use it however you’d like.
In this tutorial I finish creating the index.php and footer.php code for my WordPress News Theme.
In this tutorial, I mention that I created a Social Network Plugin. The code for that plugin is available here WordPress Plugin Howto.
Like always, all of the code follows the video. You can use it however you’d like. If you want to see the News Theme in the real world checkout My Investment Services. That site is using my News Theme and Featured Content Slider.
In this tutorial I continue building the WordPress News Theme. If you missed the first part of this tutorial click that link.
I paused this tutorial so that I could make my WordPress Featured Content Slider. So, now that that is out of the way I’ll turn the HTML and CSS, I made previously, into a WordPress Theme.
I’ll start out by making header.php. Then I’ll show you how to grab the first image from a WordPress post and much more.
Here I finish all of the HTML and CSS for the WordPress News Theme. Here is all of the code and images from the tutorial zipped archive. It’s licensed under the GNU License, so you can do whatever you want with it.
I’m really proud of this tutorial series because I’ve received many emails crediting this tutorial with getting them a job.
If you haven’t seen my first WordPress Theme Video Tutorial, check it out first.
If you want to know how to create professional grade WordPress Themes and plugins, you are in the right place.
If you don’t know anything about how to create a WordPress theme check out WordPress How To first. There you’ll learn how to create WordPress themes, plugins, widgets, shortcodes, etc.
When you’re ready you can proceed to this tutorial. Of course you should watch part 1 first WordPress Newspaper Theme.