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 […]

June 15, 2014

WordPress Date, Author, Category Output in Theme

In this lesson we learn how to output the date (and control the formatting) as well as the author name and category. The author and category text are links to relevant archive pages. Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet and […]

June 15, 2014

WordPress Child Page Menu (parent and subpages)

In this lesson we learn about “parent” and “child” pages in WordPress. We also learn how to code a menu that will automatically output links to any children pages relative to the currently viewed page, as well as a link to the relative top most ancestor page. Link to download .zip of theme files as […]

June 15, 2014

WordPress Page Templates Tutorial

In this lesson we learn how to use page templates and conditional logic to apply different layouts to different WP pages. 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). […]