CA274 -  Web Content Management Systems and Strategy* [email_address]
<ul><li>Class website ca274.beekeeperdev.com </li></ul><ul><li>Google Group – Sign up from the class website </li></ul><ul...
Week 6 Recap Homework
<ul><li>Name two competing CMS to WordPress  (week 1) </li></ul><ul><li>What are fives steps for the cms development (week...
Mid-term review <ul><li>Describe the steps to install WordPress locally (week 3) </li></ul><ul><li>Where in the dashboard ...
Mid-term review <ul><li>How many types of hooks does WordPress have? What is difference between them?  (week 6) </li></ul>...
Install WordPress (10 Minutes) Week 6
Intro To WordPress Development
Intro to  WordPress Theme Development Week 7
WordPress Themes <ul><li>What are themes?  A way to skin WordPress </li></ul>
What’s In A WordPress Theme? <ul><li>WordPress themes are a combination of PHP, CSS, and image files </li></ul><ul><li>Req...
Anatomy Of A WordPress Theme
THE PROCESS <ul><li>1. PLAN </li></ul><ul><li>2. DESIGN </li></ul><ul><li>3. BUILD </li></ul><ul><li>4. TEST & CHECK </li>...
Database
Database Schema Source: SchemaBank.com
File Structure
<ul><li>/ </li></ul><ul><ul><li>wp-admin/ </li></ul></ul><ul><ul><li>wp-content/ </li></ul></ul><ul><ul><ul><li>plugins/ <...
2004 <ul><li>—  themes/ </li></ul><ul><li>— —  your-theme/ </li></ul><ul><li>— — —  index.php </li></ul><ul><li>— — —  sty...
2010 <ul><li>—  themes/ </li></ul><ul><li>— —  your-theme/ </li></ul><ul><li>— — —  header.php </li></ul><ul><li>— — —  in...
 
Standard Theme Architecture <ul><li>Homepage </li></ul><ul><ul><li>index.php </li></ul></ul><ul><ul><li>home.php </li></ul...
The Stylesheet – style.css <ul><li>The comment headers in the style.css provide meta info to WP are are REQUIRED </li></ul...
Theme Structure <ul><li>Index.php </li></ul><ul><ul><li>includes header.php </li></ul></ul><ul><ul><li>Includes sidebar.ph...
The Loop <ul><li>If (havePosts) </li></ul><ul><li>show post stuff </li></ul><ul><li>Else </li></ul><ul><li>nothing here! <...
Template Tags <ul><li>the_title() </li></ul><ul><li>the_permalink() </li></ul><ul><li>the_content() </li></ul><ul><li>the_...
Functions.php <ul><li>Contains theme related functions and commonly is used to generate dynamic sidebars </li></ul>
Custom Fields <ul><li>Allow attaching meta-data to posts. </li></ul>
Custom Post Types <ul><li>Used for: </li></ul><ul><ul><li>Real Estate Listing </li></ul></ul><ul><ul><li>Event Calendar </...
Custom Post Type Options <ul><li>label </li></ul><ul><li>singular_label </li></ul><ul><li>description </li></ul><ul><li>pu...
Custom Post Types – Integration with the loop <ul><li><?php $loop = new WP_Query( array( 'post_type' => my_custom_post_typ...
Taxonomies <ul><li>What are taxonomies? </li></ul><ul><li>register_taxonomy() </li></ul><ul><ul><li>Shows up in menu syste...
Theme Frameworks
Debugging made easy define( 'SCRIPT_DEBUG', true ); Debugging flags added to wp-config.php: define( 'WP_DEBUG', true ); de...
Resources <ul><li>Smashing Magazine - wp.smashingmagazine.com </li></ul><ul><li>Planet - planet.wordpress.org </li></ul><u...
Sources <ul><li>http://www.slideshare.net/abrudtkuhl/getting-started-with-wordpress-development/ </li></ul><ul><li>http://...
Upcoming SlideShare
Loading in...5
×

Week 7 introduction to theme development

1,972

Published on

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,972
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
21
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Describe each table.
  • Week 7 introduction to theme development

    1. 1. CA274 - Web Content Management Systems and Strategy* [email_address]
    2. 2. <ul><li>Class website ca274.beekeeperdev.com </li></ul><ul><li>Google Group – Sign up from the class website </li></ul><ul><li>Mid-term Next Week (10/19) </li></ul>Week 6 Recap
    3. 3. Week 6 Recap Homework
    4. 4. <ul><li>Name two competing CMS to WordPress (week 1) </li></ul><ul><li>What are fives steps for the cms development (week 2) </li></ul><ul><li>What are the 4 deliverables content analysis (week 2) </li></ul><ul><li>What are some of the tools you can use to install WordPress locally (week 3) </li></ul><ul><li>What Is the URL of your local server (week 3) </li></ul>Mid-term review
    5. 5. Mid-term review <ul><li>Describe the steps to install WordPress locally (week 3) </li></ul><ul><li>Where in the dashboard can you change specific settings (week 4) </li></ul><ul><li>Details on adding/editing posts and pages (week 4) </li></ul><ul><li>How to install in a plug-in (week 5) </li></ul><ul><li>How/where do you find plug-ins (week 5) </li></ul><ul><li>What are some considerations when to take into account when choosing a plug-in (week 5) </li></ul>
    6. 6. Mid-term review <ul><li>How many types of hooks does WordPress have? What is difference between them? (week 6) </li></ul><ul><li>What kind of hook did the hello dolly plugin used? (week 6) </li></ul><ul><li>How many files do need in theme (week 7)? </li></ul><ul><li>Where does theme file reside (week 7) ? </li></ul>
    7. 7. Install WordPress (10 Minutes) Week 6
    8. 8. Intro To WordPress Development
    9. 9. Intro to WordPress Theme Development Week 7
    10. 10. WordPress Themes <ul><li>What are themes? A way to skin WordPress </li></ul>
    11. 11. What’s In A WordPress Theme? <ul><li>WordPress themes are a combination of PHP, CSS, and image files </li></ul><ul><li>Requirements: </li></ul><ul><ul><ul><li>HTML </li></ul></ul></ul><ul><ul><ul><li>CSS </li></ul></ul></ul><ul><ul><ul><li>Some PHP </li></ul></ul></ul><ul><ul><ul><li>SQL* </li></ul></ul></ul>
    12. 12. Anatomy Of A WordPress Theme
    13. 13. THE PROCESS <ul><li>1. PLAN </li></ul><ul><li>2. DESIGN </li></ul><ul><li>3. BUILD </li></ul><ul><li>4. TEST & CHECK </li></ul><ul><li>5. RELEASE </li></ul><ul><li>6. SUPPORT </li></ul>
    14. 14. Database
    15. 15. Database Schema Source: SchemaBank.com
    16. 16. File Structure
    17. 17. <ul><li>/ </li></ul><ul><ul><li>wp-admin/ </li></ul></ul><ul><ul><li>wp-content/ </li></ul></ul><ul><ul><ul><li>plugins/ </li></ul></ul></ul><ul><ul><ul><ul><li>Each plugin usually has its own directory </li></ul></ul></ul></ul><ul><ul><ul><li>themes/ </li></ul></ul></ul><ul><ul><ul><ul><li>Each theme has its own directory </li></ul></ul></ul></ul><ul><ul><ul><li>uploads/ </li></ul></ul></ul><ul><ul><ul><ul><li>Created on first upload (default location) </li></ul></ul></ul></ul><ul><ul><li>wp-includes/ </li></ul></ul><ul><ul><li>wp-config.php </li></ul></ul>
    18. 18. 2004 <ul><li>— themes/ </li></ul><ul><li>— — your-theme/ </li></ul><ul><li>— — — index.php </li></ul><ul><li>— — — style.css </li></ul>
    19. 19. 2010 <ul><li>— themes/ </li></ul><ul><li>— — your-theme/ </li></ul><ul><li>— — — header.php </li></ul><ul><li>— — — index.php </li></ul><ul><li>— — — style.css </li></ul><ul><li>— — — rtl.css </li></ul><ul><li>— — — comments.php </li></ul><ul><li>— — — front-page.php </li></ul><ul><li>— — — home.php </li></ul><ul><li>— — — single.php </li></ul><ul><li>— — — page.php </li></ul>— — — category.php — — — category-1.php — — — category-4.php — — — tag.php — — — taxonomy.php — — — author.php — — — date.php — — — archive.php — — — search.php — — — attachment.php — — — image.php — — — 404.php — — — footer.php
    20. 21. Standard Theme Architecture <ul><li>Homepage </li></ul><ul><ul><li>index.php </li></ul></ul><ul><ul><li>home.php </li></ul></ul><ul><li>Single Post </li></ul><ul><ul><li>single.php </li></ul></ul><ul><li>Page </li></ul><ul><ul><li>page.php </li></ul></ul><ul><li>Category </li></ul><ul><ul><li>category.php </li></ul></ul><ul><ul><li>archive.php </li></ul></ul><ul><li>Tags </li></ul><ul><ul><li>tag.php </li></ul></ul><ul><li>Search Results </li></ul><ul><ul><li>search.php </li></ul></ul><ul><li>404 </li></ul><ul><ul><li>404.php </li></ul></ul>
    21. 22. The Stylesheet – style.css <ul><li>The comment headers in the style.css provide meta info to WP are are REQUIRED </li></ul>This stylesheet also controls the layout and design elements of your theme…
    22. 23. Theme Structure <ul><li>Index.php </li></ul><ul><ul><li>includes header.php </li></ul></ul><ul><ul><li>Includes sidebar.php </li></ul></ul><ul><ul><li>Includes footer.php </li></ul></ul>
    23. 24. The Loop <ul><li>If (havePosts) </li></ul><ul><li>show post stuff </li></ul><ul><li>Else </li></ul><ul><li>nothing here! </li></ul><ul><li>End if </li></ul>
    24. 25. Template Tags <ul><li>the_title() </li></ul><ul><li>the_permalink() </li></ul><ul><li>the_content() </li></ul><ul><li>the_excerpt() </li></ul><ul><li>And more! </li></ul>
    25. 26. Functions.php <ul><li>Contains theme related functions and commonly is used to generate dynamic sidebars </li></ul>
    26. 27. Custom Fields <ul><li>Allow attaching meta-data to posts. </li></ul>
    27. 28. Custom Post Types <ul><li>Used for: </li></ul><ul><ul><li>Real Estate Listing </li></ul></ul><ul><ul><li>Event Calendar </li></ul></ul><ul><ul><li>Movie Database </li></ul></ul><ul><ul><li>Issue Management / Ticket System </li></ul></ul><ul><ul><li>Etc. </li></ul></ul>
    28. 29. Custom Post Type Options <ul><li>label </li></ul><ul><li>singular_label </li></ul><ul><li>description </li></ul><ul><li>public – query-able from public? </li></ul><ul><li>menu_position </li></ul><ul><li>menu_icon </li></ul><ul><li>hierarchical </li></ul><ul><li>query_var </li></ul><ul><li>capability_type – permissions </li></ul><ul><li>supports </li></ul><ul><li>rewrite </li></ul><ul><li>taxonomies </li></ul><ul><li>register_meta_box_cb </li></ul><ul><li>permalink_epmask </li></ul>
    29. 30. Custom Post Types – Integration with the loop <ul><li><?php $loop = new WP_Query( array( 'post_type' => my_custom_post_type', 'posts_per_page' => 10 ) ); ?> </li></ul><ul><li><?php while ( $loop->have_posts() ) : $loop->the_post(); ?> </li></ul><ul><li><?php the_title( '<h2 class=&quot;entry-title&quot;><a href=&quot;' . get_permalink() . '&quot; title=&quot;' . the_title_attribute( 'echo=0' ) . '&quot; rel=&quot;bookmark&quot;>', '</a></h2>' ); </li></ul><ul><li>?> </li></ul><ul><li><div class=&quot;entry-content&quot;> </li></ul><ul><li><?php the_content(); ?> </li></ul><ul><li></div> </li></ul><ul><li><?php endwhile; ?> </li></ul>
    30. 31. Taxonomies <ul><li>What are taxonomies? </li></ul><ul><li>register_taxonomy() </li></ul><ul><ul><li>Shows up in menu system </li></ul></ul><ul><ul><li>Demo </li></ul></ul>register_taxonomy( 'actor', 'post', array( 'hierarchical' => false, 'label' => __('Actors', 'series'), 'query_var' => 'actor', 'rewrite' => array( 'slug' => 'actors' ) ) );
    31. 32. Theme Frameworks
    32. 33. Debugging made easy define( 'SCRIPT_DEBUG', true ); Debugging flags added to wp-config.php: define( 'WP_DEBUG', true ); define( 'SAVEQUERIES', true ); $wpdb->queries “ All” hook: add_action( 'all', create_function( '', 'var_dump( current_filter() );' ) ); Core Control Plugin: http://wordpress.org/extend/plugins/core-control/ Dump Environment Plugin: http://wordpress.org/extend/plugins/dump_env/ Source: http://www.andrewnacin.com/2010/04/23/5-ways-to-debug-wordpress/
    33. 34. Resources <ul><li>Smashing Magazine - wp.smashingmagazine.com </li></ul><ul><li>Planet - planet.wordpress.org </li></ul><ul><li>WordPress Codex – codex.wordpress.org </li></ul><ul><li>WordPress Forums – wordpress.org/support </li></ul><ul><li>All Things WordPress- wordpress.alltop.com </li></ul><ul><li>Core Development Blog – devel.wordpress.org </li></ul>
    34. 35. Sources <ul><li>http://www.slideshare.net/abrudtkuhl/getting-started-with-wordpress-development/ </li></ul><ul><li>http://www.slideshare.net/davidyeiser/how-to-prepare-a-wordpress-theme-for-public-release/ </li></ul>
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×