The document discusses WordPress themes and templates. It provides information on the 6 main template files that make up a WordPress theme: the stylesheet, header, main index, sidebar, footer, and functions files. The stylesheet contains the CSS formatting and style. The header, main index, sidebar and footer files define different sections of the site. The functions file contains theme functions. Overall the document is an introduction to the basic files and structure of a WordPress theme.
1 of 33
More Related Content
Oh The Themes That You'll Do! - WordCamp Philly 2012
31. 油three:
WordPress For Dummies
WordPress All In One
WordPress Web Design For
Dummies
@LisaSabinWilson | WordCamp Philly - Oct. 2012
32. Congratulations! Today is
your day.
Youre off to create
Themes!
Youre off and away!
@LisaSabinWilson | WordCamp Philly - Oct. 2012
33. You have brains in your head.
You have nothing to lose.
You can pick a WordPress
theme and style it up how you
choose.
@LisaSabinWilson | WordCamp Philly - Oct. 2012
92. 油逮顎壊岳!
A Bracket ...
A Question Mark ...
php, true
Before the tag youre intending to use
A semicolon ...
A Question Mark...
All comes before
You close that bracket again
so you can do more!
@LisaSabinWilson | WordCamp Philly - Oct. 2012
102. Themes Live - yes they do
Themes live, yes they do
on a server, its true!
They stay, and they live...
I would say that they do
They live, with no doubt
Where you store them, it seems
Those 鍖les surely live
in a folder called THEMES
@LisaSabinWilson | WordCamp Philly - Oct. 2012
103. Themes Live - yes they do
Each theme has its own folder
can even stay as it grows older:
/wp-content/themes/your-awesome-theme/
/wp-content/themes/your-lame-theme/
@LisaSabinWilson | WordCamp Philly - Oct. 2012
104. 6 Main Template
Files:
Stylesheet (style.css)
Header (header.php)
Main Index (index.php)
Sidebar (sidebar.php)
Footer (footer.php)
Theme Functions (functions.php)
@LisaSabinWilson | WordCamp Philly - Oct. 2012
105. 6 Main Template Files:
Stylesheet = Contains the CSS that de鍖nes the formatting and style
Header = Starting point for every page of a web site
Main Index = contains template tags that display the content
Sidebar = Navigation items, links, banners, etc
Footer = copyright statements, menus, etc.
Functions = contains functions to include features in your theme such as
thumbnails, menus, custom backgrounds, etc.
@LisaSabinWilson | WordCamp Philly - Oct. 2012
106. Creating a Theme from Scratch:
part slides / part live demo.
Download sample 鍖les here:
http://lisas.co/wcatl-demo
@LisaSabinWilson | WordCamp Philly - Oct. 2012
107. Theme Stylesheet (style.css)
Contains the CSS style information for your
site
ALSO must contain theme information in
the form of comments so WordPress
recognizes the unique theme.
@LisaSabinWilson | WordCamp Philly - Oct. 2012
109. Theme Stylesheet
(style.css)
Comments in the style.css 鍖le
display in the Theme Information
section in the Dashboard under
Manage Themes
Create a 300 x 225 JPG or PNG 鍖le
called screenshot to display the
theme thumbnail.
@LisaSabinWilson | WordCamp Philly - Oct. 2012
110. Theme Stylesheet (style.css)
Follow coding standards for CSS for best results:
http://codex.wordpress.org/CSS_Coding_Standards
@LisaSabinWilson | WordCamp Philly - Oct. 2012
114. Use Simple includes to pull
template files into the Main Index:
To include the header, use get_header()
To include the sidebar, use get_sidebar()
To include the footer, use get_footer()
To include the search form, use get_search_form()
@LisaSabinWilson | WordCamp Philly - Oct. 2012