Lifetime Access to Videos Learn to build a Wordpress theme from scratch!
In this series, Ben Falk steps the viewer through the entire design and development process, starting with doing the design in Photoshop, then building an HTML/CSS template, and finally integrating that template into a fully functioning Wordpress theme.
The author demonstrates a wide range of Wordpress functionality, including Wordpress search, menus, sidebars and widgets, and how to theme posts, pages, categories and archives. In addition, install and use a favorite Wordpress plugin: the Advanced Custom Fields plugin.
This course is aimed at intermediate designers/programmers. To follow along, you are expected to have a basic understanding of Photoshop, HTML, CSS and PHP. The author demonstrates Wordpress using a local install on a computer, meaning that web hosting isn't required to follow along.
Table of Contents:
Total Running Time: 7 hours 15 minutes
Total File Size: 2.1 GB
Project Files
Design Videos
- Introduction (2:36)
- The Design Process (2:48)
- Working with Photoshop: Part 1 (10:56)
- Working with Photoshop: Part 2 (16:22)
- Working with Photoshop: Part 3 (12:02)
- Working with Photoshop: Part 4 (7:35)
- Working with Photoshop: Part 5 (9:58)
- Working with Photoshop: Part 6 (6:00)
Development Videos
- Slicing Up the Photoshop File: Part 1 (9:52)
- Slicing Up the Photoshop File: Part 2 (9:45)
- HTML Structure: Part 1 (8:39)
- HTML Structure: Part 2 (11:31)
- HTML Structure: Part 3 (5:16)
- Adding CSS: Part 1 (6:53)
- Adding CSS: Part 2 (8:50)
- Adding CSS: Part 3 (14:06)
- Adding CSS: Part 4 (16:44)
Wordpress Theme Creation Videos
- Installing Wordpress (6:50)
- Wordpress Interface (13:06)
- Wordpress Settings (4:36)
- Wordpress File Structure (5:44)
- Starting the Theme (12:03)
- Integrating the HTML/CSS Template (10:18)
- Additional Edits & Content Area Integration (8:12)
- More Content Area Integration (15:34)
- Post Excerpt Changes (11:47)
- Previous / Next Post Links(5:34)
- Theming the Single Post View (11:24)
- Theming Comments: Part 1 (14:05)
- Theming Comments: Part 2 (12:39)
- Functions.php (11:17)
- Styling the 404 Error Page (4:38)
- Adding Search Functionality (13:03)
- Adding Menu Functionality (7:55)
- Wordpress Sidebars & Widgets: Part 1 (10:05)
- Wordpress Sidebars & Widgets: Part 2 (8:53)
- Styling Category Pages (6:10)
- Styling Archive Pages (9:08)
- Styling Wordpress Pages (10:32)
- Featured Images (11:02)
- Home Page Slideshow & ACF Plugin: Part 1 (12:43)
- Home Page Slideshow & ACF Plugin: Part 2 (11:07)
- Adding Slideshow Functionality (10:10)
- Putting the Site Live (13:02)
- Final Tweaks & Conclusion (6:00)