Week 7   introduction to theme development
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,133
On Slideshare
1,862
From Embeds
271
Number of Embeds
1

Actions

Shares
Downloads
20
Comments
0
Likes
1

Embeds 271

http://ca274.beekeeperdev.com 271

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Describe each table.

Transcript

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