In Class 10 of Introduction to WordPress, we covered:
- Design elements considered the “most hated” in web design.
- What design elements make you trust a website.
- CSS in WordPress revisited: How to find your CSS styles in WordPress.
- The WordPress
body_class()template tag. - The WordPress Theme Template File Hierarchy.
- WordPress Conditional Tags.
- Presentation of Final Class Project teams and assignments.
NOTE: On Thursday, February 16, we will be doing video and audio. Bring your digital cameras and recording devices and be willing to share if you have extras.
Class Final Project: Connect with your teammates for your Introduction to WordPress Final Class Project Teams.
Homework
Read the following:
- Prove It: What Makes You Trust a Website?
- Finding Your CSS Styles « WordPress Codex
- CSS: Studying Your CSS Styles
- Template Hierarchy « WordPress Codex
- Conditional Tags « WordPress Codex
- Function Reference/body class « WordPress Codex
- WordPress Theme – The Anatomy, an Infographic – Yoast
- How to Install WordPress on Your Computer or USB
Get your blog’s updated per the list below. Remember, your class site represents a large part of your final grade.
Example of sidebar conditional tag statement in a WordPress Theme:
<div id="sidebar"><?php // the story of how conditional tags can change the sidebar depending upon pageview
if ( is_home() ) {
// the home page is the front page so show only the top level parent categories
echo "<ul>"; wp_list_categories( 'sort_column=name&list=1&children=0' ); echo "</ul>"; }
elseif ( is_category() ) {
// this is the category pageview so show all the categories in the sidebar to increase navigation
echo "<ul>"; wp_list_categories( 'sort_column=name&list=1&children=1&hierarchical=1' ); echo "</ul>";
} elseif ( is_single() ) {
// this is a single pageview so let's not show the sidebar for reasons that mystify
} elseif ( is_page() ) {
// This is a pseudo-static page but we want two to look different from others
if ( is_page( 'About' ) ) { // our about page.
echo "<p>This page is all about me!</p>";
} elseif ( is_page( ‘Contact' ) ) {
echo "<p>This is how to contact me"."</p>";
} else { // catch-all for other pages
echo "<p>We love dancing!</p>"; }
} else { // catch-all for everything else we've missed along the way (archives, searches, 404s, etc)
echo "<p>Dancers are hot!</p>";
} // That's all, folks! ?> ?>
Under the Hood
- How to Create Dynamic Body Classes
- WordPress 2.8 and the body_class() Function
- Query Posts Function
- Theme Review: Digging Into Twenty Eleven
- Advanced Guide to WordPress Queries
Your Blog So Far
The following must be on your blog by now.
- Pages
- About Page
- Contact Page
- Policies Page
- Copyright
- Comments Policy/Guidelines
- Privacy Policy
- Subscription Page
- Blog Posts (NOTE: Homework assignments MUST be in “assignments” or “class assignments” category. They may also be in other categories.)
- Multimedia
- Post with three images with text wrapped around them.
- Post with one video and text.
- 2 posts featuring multimedia, your choice.
- A post featuring a gallery of images.
- Multimedia
- A List Post.
- A PollDaddy Poll.
- The Post Sandbox Text in a post for testing Themes.
- A post about searching for WordPress Themes and why you’ve chosen the one you have.
- A Private post with the password ctec280 with something to make the students laugh.
- Three different Post Format posts (Aside, Status, Link, Photo, etc.) NOTE: Not all Themes recognize Post Formats.
- A WordPress tip article with screenshots or examples of code.
- Core categories visible with 3-5 blog posts under each one which can be filled through above post content. (Should have no more than 5-7 categories.)
- At least three comments from every student in class on your blog.
- Link List of fellow students
- Search Widget
- Pages Widget
- Categories Widget
- Tag Cloud
- Recent Posts Widget
- Subscribe by Email Widget
- Subscribe by Follow Widget/option
- Feed Links Widget
- Social Media Widgets for Twitter, Facebook, etc.
- Profile completed and Gravatar set.
- Share button on posts
- Like to posts
- Publicize share features with social networks you belong to (LinkedIn at minimum)
Final Project Preparation and Resources
WordPress Checklists for WordPress Theme Design and Development
- WordPress Cheat Sheets, Checklists, and Infographics
- WordPress Theme Resources
- Web Design and Development
- Web Design Checklists
Working with Clients
Pingback: WordPress Intro Summer: Themes, Interactivity, Social Media | Learning from Lorelle