October 4, 2014

WordPress Setup Custom (Static) Homepage

Learn how to setup a custom (or static) homepage in WordPress. This involves creating WP pages, adjusting a few simple settings, and using a special page template. Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet and this download is only intended for […]

October 4, 2014

WordPress Widgets Tutorial

Learn how to manage widgets in the WordPress admin area, and also how to add widget locations to any theme. Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet and this download is only intended for educational purposes to dissect and review). View […]

October 4, 2014

WordPress Post Formats Tutorial

Learn what Post Formats are, what they are used for, and how to enable them within a theme. In this lesson we create unique presentations for an aside, a link, and a photo gallery. Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet […]

June 23, 2014

Redesign

This website has been redesigned as an effort to organize and showcase content so that it’s easier for students to find and follow a particular topic. This primarily involved redesigning the homepage. For quick reference here are the topic landing pages: Learn HTML Learn CSS Learn JavaScript Learn WordPress This redesign also marks a new […]

June 19, 2014

Bootstrap Responsive Layout Tutorial

In this lesson we learn how the Bootstrap column grid system makes creating responsive layouts incredibly simple. We also put together a responsive navigation menu, and finally, learn about Bootstrap’s “responsive utility classes” which we can use to hide and display certain content for certain viewport sizes. Responsive Web Design principles are easy to implement […]

June 19, 2014

WordPress get_template_part() – Theme Development Tutorial

In this lesson we learn how to use the “get_template_part()” function to avoid repeating nearly identical code throughout our various theme files. For example, posts are displayed very similarly on the blog homepage, the archives, and search results views, and “get_template_part()” is an excellent way to reuse a single chunk of code. Link to download […]

June 19, 2014

WordPress Search Form and Results Tutorial

In this lesson we learn how to add a search form to our theme’s header, and also how to control the output for the relevant search results screen. Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet and this download is only intended […]

June 19, 2014

WordPress Featured Image – Custom Size

In this lesson we learn how to register new “image sizes” which specify the size and aspect ratio of the image that WordPress should automatically generate. We then learn how to output these different sizes of the image in different places in our theme files. Link to download .zip of theme files as shown in […]

June 19, 2014

WordPress “Read More” links and Excerpts

In this lesson we learn how to add “Read more” or “Continue reading” links to our posts, as well as how to manage and customize excerpts in our theme’s output. Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet and this download is […]

June 19, 2014

WordPress Archive Theme Tutorial (archive.php)

In this lesson we add a new file named “archive.php” to our theme folder and learn how to control the title text that is displayed for different types of archive listings (category, author, date). Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet […]