Here I finish the Featured Content Slider I started in the last tutorial.
You can find all of the code and part 1 of this tutorial series at Make a Featured Content Slider. The goal of this series wasn’t to make a static slider, but instead to provide a tool you could shape into any type of slider, gallery, or lightbox.
In fact, after this tutorial you should check out How to Make a Slideshow, if you want to turn this into a slideshow?
Here I’ll show you how to make a featured content slider. With it you will be able to make any type of slider, gallery, or light box.
It is cross browser and highly customizable. It is based off of the great Coda Slider which is available here for download.
Along the way you will also learn a lot about JQuery, HTML and CSS. All of the code follows the video below. Also the code is in a zipped archive for download.
Here I finish my WordPress Theme Tutorial by showing you how to create the archive and 404 pages.
I also show you how to issue custom queries and how to use a bunch of other WordPress functions in this tutorial.
All of the code for this whole theme is here Create a WordPress Theme. You can also download the finished theme there for free. And, if you missed part 1 of this series check out How to Layout a Website.
Here I show you how to make single.php, page.php and search.php. All of the code and theme is available here Create a WordPress Theme 1. You should definitely check out that video before you watch this one.
As well, I show you how to retrieve post data like post authors, dates, categories, comments and articles.
We are almost done with the theme!
In this part of my WordPress Theme Tutorial I fix all of the CSS for the main blog page. I layout the sidebars and fix up any errors that may have come out while making this theme.
All of the code from this tutorial is available in part 1 of this tutorial here Create a WordPress Theme. You can use the code however you’d like.
Feel free to also download the theme. It is free to use as well.
Here I continue showing you how to create a WordPress theme from scratch. Definitely watch part 1 of this tutorial as well as How to Layout a Website before watching this video.
I focus on how to make dynamic sidebars in this tutorial. You’ll learn how to make static sidebars as well as sidebars that work with widgets but also have embedded functionality.
If you want to download the theme it’s here WordPress Theme 3.
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.
I’ve created numerous WordPress Video Tutorials. Here I provide you with an easy location to find all 40 of them.
I cover how to install WordPress on a development system. As well I provide a deep understanding of Taxonomies, Shortcodes, WP Nav Menu, the WordPress database and much more.
All of the code and the original articles follow all of the videos.
Continue reading WordPress Video Tutorials
Every once in a while I take a deep breath and reorganize my whole site. I never would have imagined that in 3 years I would have created over 700 articles and 500 videos.
So, here I have every article and video organized. I’ve added a new category for just WordPress Theme Development since I’ve made over 50 articles / videos on that subject alone.
Feel free to submit your tutorial requests below. Everything I make is based off of the requests that you make.
In this tutorial I finish up the How to Layout a Website Tutorial. If you missed the previous videos you can see them here at How to Layout a Website Pt 1, Pt 2, Pt 3 and Pt 4.
Here I’ll finish making the template used by all the individual web pages.
This time I create the template without any planning at all. I create the whole page completely out of my head. In the end I think it looks really nice.
All of the code follows the video.
Here I finish off the website I started creating in part 1 of How to Layout a Website.
I finish up the right sidebar and the footer. Then I move on to clean up any loose ends that exist.
I’ve made this whole website out of my head using just a photograph as a reference so that you can see how a designer thinks. Maybe more importantly you get a chance to see what mistakes I make and how to easily correct those mistakes.
In the previous tutorials How to layout a website Part 1 and Part 2 I created a website template from scratch. Here I continue that process.
As you see making a website is a process of placing each individual part of the page in a box (DIV) and then moving this boxes into the correct position.
I hope is that through repetition you will be able to recreate any design. It really isn’t that hard to make custom website templates. It just takes some practice.
In the last video / article How to Layout a Website, I showed you how to set up the header, import Google Web Fonts and the basics of CSS.
In the tutorial, I’ll show you how to make pretty complicated layouts. I show you how to overlay divs and how to make adjustments with CSS until everything looks perfect.
If you need to brush up on HTML or CSS here are video tutorials on those subjects.