Make WordPress Themes
Upcoming SlideShare
Loading in...5
×
 

Make WordPress Themes

on

  • 526 views

I talked a lot about skeleton or blank themes for WordPress. This is about creating a theme from that, understanding the template hierarchy and template tags.

I talked a lot about skeleton or blank themes for WordPress. This is about creating a theme from that, understanding the template hierarchy and template tags.

Statistics

Views

Total Views
526
Views on SlideShare
525
Embed Views
1

Actions

Likes
1
Downloads
1
Comments
0

1 Embed 1

https://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Make WordPress Themes Make WordPress Themes Presentation Transcript

    • MAKE WORDPRESS THEMES a how-to guide on tools and tricks TampaBayWP.comThursday, March 14, 13
    • Alison Foxall • IADT Alumni • Designer and Partner at Gobble Logic • Working with WordPress for last 7 years • Aspiring VeganThursday, March 14, 13
    • Assumed Knowledge Knowledge of Photoshop or other image editing tool How to install a WordPress website and administer it (add pages, posts, etc) Knowledge of HTML, CSS, and general best practices of front- end web developmentThursday, March 14, 13
    • Understanding Templates header.php index.php footer.php Fun Page The User Sees A page in WordPress is actually several pages in your theme directory working together to display one single page to you. That page will consist of a header and footer file, along with a file that will query the database for content such as a static page, a list of posts, or just one post.Thursday, March 14, 13
    • Theme Directory & Files Themes are located in ...wp-content/themes/ Every theme needs an index.php and style.css file Theme files have specific names that WordPress looks for (e.g. page.php)Thursday, March 14, 13
    • Template Hierarchy Page (a page you made in the WordPress dashboard) 1. custom_template.php 2. page-{slug}.php 3. page-{id}.php 4. page.php 5. index.php http://codex.wordpress.org/Template_HierarchyThursday, March 14, 13
    • http://digwp.com/2010/09/wordpress-3-template-hierarchy/Thursday, March 14, 13
    • These files all have a purpose and will be called up for their purpose as long as they are named correctly and they match up to your database!Thursday, March 14, 13
    • Template Tags Make our designer life so much easier We can output data without too much programming We can even make custom fields in the dashboard to hold custom data in THIS OUTPUTS THE CONTENT OF A POST http://codex.wordpress.org/Template_TagsThursday, March 14, 13
    • The Loop A lot of template tags are required to work in what is called “The Loop”Thursday, March 14, 13
    • Template Tags ;Thursday, March 14, 13
    • General Process of Build Plan out design (what areas are static, content, or dynamic?) Identify pages that will be different and will require different wrappers, classes and styles (home, single post, page?) Write your CSS or SCSS as you would normally in your style file of your theme. Use a skeleton theme so you have some structure of WordPress. Change the HTML to fit your needs, and write your CSSThursday, March 14, 13
    • Thursday, March 14, 13
    • DEMO down the rabbit holeThursday, March 14, 13
    • THANK YOU! alisonfoxall.com // @alisonmfThursday, March 14, 13