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.
You’re off to create
Themes!
You’re 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. just!
A Bracket ...
A Question Mark ...
php, true
Before the tag you’re 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 files 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
105. 6 Main Template Files:
✤ Stylesheet = Contains the CSS that defines 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 files 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 file
display in the Theme Information
section in the Dashboard under
“Manage Themes”
Create a 300 x 225 JPG or PNG file
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