Creating Themes

Understanding WordPress Themes Daisy Olsen http://wpmama.com @DaisyOlsen

Stylesheet Heading /* Theme Name: Origins Theme Theme URI: http://wpmama.com/origins-theme Description: A blank theme Version: 1.0 Author: Daisy Olsen Author URI: http://wpmama.com/ Template: origins (for use when creating a child theme) Tags: blank, empty, minimal */

Importing other Stylesheets @import url(css/reset.css);

The Simplest Index.php file <?php get_header(); if (have_posts()) : while (have_posts()) : the_post(); the_content(); endwhile; Endif; get_sidebar(); get_footer(); ?>

“ The Loop” <?php if (have_posts()) : while (have_posts()) : the_post(); ?> Stuff to display for each Post <?php endwhile; ?> <?php else : ?> Stuff to display if no posts are returned by the have_posts() function <?php endif; ?>

Extending Your Theme
Template Files
Include Tags
Template Tags
API Hooks
Filter Hooks

Include Tags Used within a Template file to execute code found in another template file
get_header(); /* header.php */
get_footer(); /* footer.php */
get_sidebar(); /* sidebar.php */
get_search_form(); /*searchform.php*/
comments_template(); /*coments.php */
Include( TEMPLATEPATH . '/header2.php');
Include( STYLESHEETPATH . '/header2.php');

Template Files
style.css
index.php
header.php
footer.php
sidebar.php
comments.php
functions.php
archive.php
single.php
page.php
search.php
searchform.php
404.php
Page Templates

Template Tags
An instruction for WordPress to “do” or “get” something
Parameters can be passed in template tags
A Basic Template Tag Function
<?php the_content(); ?>
With the $more_link_text parameter set
<?php the_content('Read more...'); ?>

Basic API Hooks
Placed inside the <head> element of the theme. Usually in header.php
wp_head ();
Placed inside the <head> element of the theme. Usually in header.php
wp_footer();
Place at the bottom of the theme. Usually in footer.php
comment_form();

Filter Hook – Modify Core Function Behavior
Filtering the More Link (Thanks to Justin Tadlock)
add_filter( 'the_content_more_link', 'my_more_link', 10, 2 ); function my_more_link( $more_link, $more_link_text ) { return str_replace( $more_link_text, 'Continue reading →', $more_link ); }

Functions.php
Sidebars are Registered in this file
Additional code placed here
Can extend functionality of a theme to include anything that a plugin can do.

Look at a Working Theme

Questions? Daisy Olsen wpmama.com @DaisyOlsen

http://wpmama.com	232
http://translate.googleusercontent.com	1
http://www.slideshare.net	1

Creating Themes

by DaisyOlsen on Nov 14, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 234

Statistics

Creating Themes — Presentation Transcript