SlideShare a Scribd company logo
Principles of WordPress
     Theme Design
Template Files
StyleSheet
• style.css
• The only required file
• Includes Headers that will be used by
     WordPress
/*
Theme Name: Custom Theme
Theme URI: http://emmense.com/
Description: A Child Theme of Twenty Ten
Author: Aaron Brazell
Author URI: http://technosailor.com
Version: 1.0
Parent: twentyten
*/
Most Common
            Templates
•   index.php      •   functions.php

•   single.php     •   archive.php

•   comments.php   •   search.php

•   header.php

•   footer.php

•   sidebar.php

•   page.php
Other templates
•   category.php     •   category-x.php

•   tag.php          •   tag-x.php

•   taxonomy.php     •   taxonomy-x.php

•   attachment.php   •   author-x.php

•   author.php       •   404.php

•   page-x.php
Template Hierarchy
Theme Frameworks
Why use a Theme
     Framework?
• Themes present content according to the
  desires and tastes of the designer
• Frameworks provide an extensible way of
  empowering designers within a set of
  guidelines.
Why use a Theme
     Framework?
• Frameworks realize the principle of
  separation of content and presentation
• Early Predecessor: CSS Zen Garden
• Change a theme using only CSS. No
  markup modifications
Hybrid
• Hybrid (http://themehybrid.com)
• Templates for everything
• Admin Pages for content control
Thematic
• Thematic (http://themeshaper.com/thematic/)
• Focuses on Widget Areas and Grid layout
• Modify EVERYTHING via CSS
Carrington
• Carrington (http://carringtontheme.com/)
• Most Robust: Focuses on Typography,
  semantic markup and Ajax
• Includes a Mobile Theme
Best Practices
Use Hooks In Themes

• Let plugin devs build for your template
• Add filters and actions throughout themes
• Examples:
 • do_action(‘before_content’);
 • apply_filters(‘logo’, ‘logo.jpg’);
Internationalize!
• Internationalization (i18n) is important
• Use load_theme_textdomain() in
    functions.php
• Utilize __(), _e(), _c() and _x() to provide
    translatable strings
• Don’t forget the .po file
•   More info: http://codex.wordpress.org/I18n_for_WordPress_Developers
Essential Plugins
Essential Plugins for Any
    WordPress Blog
• Headspace 2 SEO (http://wordpress.org/
  extend/plugins/headspace2/)
• Akismet (http://wordpress.org/extend/
  plugins/akismet/)
• MobilePress (http://wordpress.org/extend/
  plugins/mobilepress/)

More Related Content

PPTX
Word press bootcamp By Sourcescript Innovations and Mentors Dojo
PPTX
WordPress Template hierarchy
PDF
WordPress Template Hierarchy
PDF
WordPress Theme Workshop: Part 2
PPTX
Design todevelop
PPTX
WordPress Themes and Plugins
PPTX
Wp nhcc portfolio
PDF
WordPress Themes Demystified
Word press bootcamp By Sourcescript Innovations and Mentors Dojo
WordPress Template hierarchy
WordPress Template Hierarchy
WordPress Theme Workshop: Part 2
Design todevelop
WordPress Themes and Plugins
Wp nhcc portfolio
WordPress Themes Demystified

What's hot (20)

PDF
WordPress Theme Workshop: Part 1
PDF
A Custom Drupal Theme in 40 Minutes
PPT
Emkane RCC wp qs
PPTX
Wordpress theme framework : Roots
PDF
Carrington Core (2014)
PPT
Newspapers with WordPress
PDF
WordPress Theme Workshop: Part 0
PDF
Choosing the Right WordPress Theme
PPTX
Wordpress theme development
PPTX
WordPress Workshop
PDF
The WordPress Way
PDF
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
PPTX
Learn css step by step online course
PPTX
WP 101 - WordPress Basics
PPT
WordPress plugins
PPT
Wordpress architecture
PPTX
WP 101 - Custom Fields & Post Types
PPTX
How to create a WordPress Site
PPTX
WP101 - Themes and Plugins
KEY
WordPress can do that?!
WordPress Theme Workshop: Part 1
A Custom Drupal Theme in 40 Minutes
Emkane RCC wp qs
Wordpress theme framework : Roots
Carrington Core (2014)
Newspapers with WordPress
WordPress Theme Workshop: Part 0
Choosing the Right WordPress Theme
Wordpress theme development
WordPress Workshop
The WordPress Way
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Learn css step by step online course
WP 101 - WordPress Basics
WordPress plugins
Wordpress architecture
WP 101 - Custom Fields & Post Types
How to create a WordPress Site
WP101 - Themes and Plugins
WordPress can do that?!
Ad

Viewers also liked (6)

KEY
American University - American Observer Class - WordPress Portfolios
PPT
Wp cli-wcbalt
PDF
Asynchronous WordPress
PPT
PDF
Asynchronous WordPress
PPTX
Peacekeeping Lessons Learned H4Dip Stanford 2016
American University - American Observer Class - WordPress Portfolios
Wp cli-wcbalt
Asynchronous WordPress
Asynchronous WordPress
Peacekeeping Lessons Learned H4Dip Stanford 2016
Ad

Similar to American University WordPress Theming Lecture (20)

PPTX
Theme development essentials columbus oh word camp 2012
PPTX
Overview on WordPress theme file structure and working functionality
PPSX
WordPress Theme Design and Development Workshop - Day 2
PDF
Child Theme Frameworks
PDF
WordPress Theming 101
PDF
Submitting to the WordPress Theme Directory
ODP
Wordpress as a CMS
PPTX
From WordPress With Love
KEY
Developing client themes for theme review for WordCamp Edmonton
PPTX
Starting WordPress Theme Review
PPT
WordPress Theme Design - Rich Media Institute Workshop
PDF
WordPress for Designers
PDF
Developing Custom WordPress Themes for Clients
PPTX
Build a WordPress theme from HTML5 template @ Telerik
PPT
Wordpress template hierarchy
KEY
"Wordpress for web designers. What, when, how, where" por @nuriarai
PDF
Newbies guide to customizing word press themes 25
PPTX
Themes 101
KEY
Intro To WordPress Themes
PPTX
WordPress Themes 101 - PSUWeb13 Workshop
Theme development essentials columbus oh word camp 2012
Overview on WordPress theme file structure and working functionality
WordPress Theme Design and Development Workshop - Day 2
Child Theme Frameworks
WordPress Theming 101
Submitting to the WordPress Theme Directory
Wordpress as a CMS
From WordPress With Love
Developing client themes for theme review for WordCamp Edmonton
Starting WordPress Theme Review
WordPress Theme Design - Rich Media Institute Workshop
WordPress for Designers
Developing Custom WordPress Themes for Clients
Build a WordPress theme from HTML5 template @ Telerik
Wordpress template hierarchy
"Wordpress for web designers. What, when, how, where" por @nuriarai
Newbies guide to customizing word press themes 25
Themes 101
Intro To WordPress Themes
WordPress Themes 101 - PSUWeb13 Workshop

Recently uploaded (20)

PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
KodekX | Application Modernization Development
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPTX
A Presentation on Artificial Intelligence
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Machine learning based COVID-19 study performance prediction
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PPT
Teaching material agriculture food technology
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
“AI and Expert System Decision Support & Business Intelligence Systems”
Network Security Unit 5.pdf for BCA BBA.
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
NewMind AI Monthly Chronicles - July 2025
Review of recent advances in non-invasive hemoglobin estimation
KodekX | Application Modernization Development
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
A Presentation on Artificial Intelligence
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Machine learning based COVID-19 study performance prediction
Reach Out and Touch Someone: Haptics and Empathic Computing
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Spectral efficient network and resource selection model in 5G networks
Building Integrated photovoltaic BIPV_UPV.pdf
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
Teaching material agriculture food technology
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
The Rise and Fall of 3GPP – Time for a Sabbatical?
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx

American University WordPress Theming Lecture

  • 1. Principles of WordPress Theme Design
  • 3. StyleSheet • style.css • The only required file • Includes Headers that will be used by WordPress /* Theme Name: Custom Theme Theme URI: http://emmense.com/ Description: A Child Theme of Twenty Ten Author: Aaron Brazell Author URI: http://technosailor.com Version: 1.0 Parent: twentyten */
  • 4. Most Common Templates • index.php • functions.php • single.php • archive.php • comments.php • search.php • header.php • footer.php • sidebar.php • page.php
  • 5. Other templates • category.php • category-x.php • tag.php • tag-x.php • taxonomy.php • taxonomy-x.php • attachment.php • author-x.php • author.php • 404.php • page-x.php
  • 8. Why use a Theme Framework? • Themes present content according to the desires and tastes of the designer • Frameworks provide an extensible way of empowering designers within a set of guidelines.
  • 9. Why use a Theme Framework? • Frameworks realize the principle of separation of content and presentation • Early Predecessor: CSS Zen Garden • Change a theme using only CSS. No markup modifications
  • 10. Hybrid • Hybrid (http://themehybrid.com) • Templates for everything • Admin Pages for content control
  • 11. Thematic • Thematic (http://themeshaper.com/thematic/) • Focuses on Widget Areas and Grid layout • Modify EVERYTHING via CSS
  • 12. Carrington • Carrington (http://carringtontheme.com/) • Most Robust: Focuses on Typography, semantic markup and Ajax • Includes a Mobile Theme
  • 14. Use Hooks In Themes • Let plugin devs build for your template • Add filters and actions throughout themes • Examples: • do_action(‘before_content’); • apply_filters(‘logo’, ‘logo.jpg’);
  • 15. Internationalize! • Internationalization (i18n) is important • Use load_theme_textdomain() in functions.php • Utilize __(), _e(), _c() and _x() to provide translatable strings • Don’t forget the .po file • More info: http://codex.wordpress.org/I18n_for_WordPress_Developers
  • 17. Essential Plugins for Any WordPress Blog • Headspace 2 SEO (http://wordpress.org/ extend/plugins/headspace2/) • Akismet (http://wordpress.org/extend/ plugins/akismet/) • MobilePress (http://wordpress.org/extend/ plugins/mobilepress/)