You know what’s awesome? When you put two things together to create a magical symbiotic harmony. Like peanut butter and jelly. Like mashed potatoes and gravy. This course will explore another dynamic duo: WordPress and Bootstrap 3.
If you build themes on a regular basis, you’re probably always on the lookout for new ways to speed up the process of developing a new theme. Theme and CSS frameworks help you do that, but which one should you use? This course will show you how to integrate Bootstrap 3 into a WordPress theme framework that makes the most of what both have to offer.
Chris is a freelance WordPress theme and plugin developer, one half of the design studio Arcane Palette Creative Design, lead developer of WordPress theme shop Museum Themes and Project Manager for the event management plugin Event Espresso. In his free time, he makes electronic music.
Bootstrapping WordPress: Sidebar & Content Area Now we get to the fun part: Filling all the space between the header and the footer with stuff. With the exception of the sidebar, all the template files I'll be talking about in this module will be based on the WordPress loop in one form or other. Remember, we talked about the loop earlier. It looks like this: If have posts, while have posts, the post. Eventually, you'll be writing WordPress loops in your sleep. But for now, we'll keep coming back to it because it's the foundation for all of the files in a theme that served content. In this module, we'll build all the template files a WordPress theme needs and a few others to serve up specific content in certain views. I'll walk through building the index. php, page. php, and single. php that we talked about earlier, as well as template parts to cover post formats and other utilitarian functions that will get reused in different templates. The search results page is another kind of archive page that also uses the loop based on URL query parameters. I'll show you how to customize the search results template and how to modify and bootstrap the search form. WordPress will take care of your 404 pages, too. 404 pages are mostly static, but have whatever kind of content on them you want. We'll look at the 404 template file and build our own with some links to help the user get back on track. The archive template takes care of category and tag archives, as well as archives of other post types if more specific archive templates don't exist. We'll build the general archive templates, as well as author- specific archives, which are particularly useful for multi-authored blogs or cases when you want to have a specific author page. Finally, you can customize how the comment forms and posted comments display on your theme. We'll be looking at the comments template, bootstrap that, and look at modifying how comments are displayed with a filter.