Designing for WordPress                        @alternatekev | alternate.org | alternatkev.meWednesday, May 9, 12
What is                       WordPress?                        How is it different from a static site?Wednesday, May 9, 12
Theme                                     Plugins                                     WordPress                           ...
Admin   ThemeWednesday, May 9, 12
• Content Blocks        • Design for WP user AND reader        • Customization vs. Control        • Many types of content ...
Questions!             • What will this navigation look like with 12 items? Should we                   support nested ite...
A Basic Theme’s Structure                       • Home Page                 • Search Results                       • Blog ...
Ok... and?                        You are not the one in control.Wednesday, May 9, 12
Meta Data          WP Loop          SidebarWednesday, May 9, 12
Posts             • Customizable into post types (products, books, etc.)             • Grouped and ordered by date posted ...
Featured                       Images                       • Attach an image to                         any post, page or...
Pages             • Are implemented as a custom post type             • Explicit ordering             • Hierarchy         ...
Empty                       Pages                       • Give it a name                       • Select a template        ...
Wednesday, May 9, 12
Part of    Sidebar                                        Page       w/Widgets                                        Temp...
Custom Post Types             • Not simply different “kinds of blog posts” (image,                   quote, video, music, ...
Post Type Labels             •     Name                               • Not Found Text (“No Speakers                      ...
Post Type Options             • Label (“Speakers”)              • Show in Admin Bar (y/n)             • Labels (all on the...
Post Type Features                       • Title                      • Custom Fields                       • Editor      ...
Custom                       Taxonomies                       • Categories & Tags are                         implemented ...
Custom Fields                       • Custom data attached                         to posts or custom                     ...
Post FormatsWednesday, May 9, 12
Wednesday, May 9, 12
No Child Left                         Behind                           (themes, that is)Wednesday, May 9, 12
(Rebuilding                       WordCamp                          site)                                     25Wednesday,...
Text/                       HTML                       • Text & HTML widget                       • Simple widget, lots of...
Extra                       Credit                       • BuddyPress                       • bbPress                     ...
Upcoming SlideShare
Loading in …5
×

Designing for WordPress

484 views
434 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
484
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Designing for WordPress

  1. 1. Designing for WordPress @alternatekev | alternate.org | alternatkev.meWednesday, May 9, 12
  2. 2. What is WordPress? How is it different from a static site?Wednesday, May 9, 12
  3. 3. Theme Plugins WordPress PHP WP REQUEST STACK STATIC SITE APACHE HOSTING PROVIDERWednesday, May 9, 12
  4. 4. Admin ThemeWednesday, May 9, 12
  5. 5. • Content Blocks • Design for WP user AND reader • Customization vs. Control • Many types of content • Sidebars, sidebars, sidebars • Custom MenusWednesday, May 9, 12
  6. 6. Questions! • What will this navigation look like with 12 items? Should we support nested items? • Which plugins are most likely to be installed? What will they look like when in sidebar A, sidebar B, etc? • What about this layout is fluid? What is fixed? • What is part of the template and non-editable? What will the user want to change? • You are the designer. It’s your job to ask these questions and to provide guidance to on how to answer them. 6Wednesday, May 9, 12
  7. 7. A Basic Theme’s Structure • Home Page • Search Results • Blog River / Posts Page • Search Form • Single Blog Page • Sidebar(s) • Category Listing • Posts Archive • Author Bio Page • 404 Page • Post Format Templates • Basic Page Template 7Wednesday, May 9, 12
  8. 8. Ok... and? You are not the one in control.Wednesday, May 9, 12
  9. 9. Meta Data WP Loop SidebarWednesday, May 9, 12
  10. 10. Posts • Customizable into post types (products, books, etc.) • Grouped and ordered by date posted (blog river) • Appear in RSS feed • Multiple formats • Categories • Tags • Excerpt 10Wednesday, May 9, 12
  11. 11. Featured Images • Attach an image to any post, page or custom post type. • Use this image and WordPress’s many image features to call the post out visually anywhere. 11Wednesday, May 9, 12
  12. 12. Pages • Are implemented as a custom post type • Explicit ordering • Hierarchy • Templates 12Wednesday, May 9, 12
  13. 13. Empty Pages • Give it a name • Select a template • Content/structure/ etc. is defined in template, not page content 13Wednesday, May 9, 12
  14. 14. Wednesday, May 9, 12
  15. 15. Part of Sidebar Page w/Widgets Template (Custom & Jetpack) Custom Menu 8 Custom MenusWednesday, May 9, 12
  16. 16. Custom Post Types • Not simply different “kinds of blog posts” (image, quote, video, music, etc.), used to describe different kind of thing (books, products, plants, etc.) • Can be based on intrinsic post or page type • Addition of custom meta fields make them very powerful 16Wednesday, May 9, 12
  17. 17. Post Type Labels • Name • Not Found Text (“No Speakers found that match your search”) • Singular Name • Not Found in Trash Text (“No • Add New Text (“Add New Speakers found in trash”) Speaker”) • Parent Item Name (Speakers • All Items Label (“All Speakers”) belong to a “Company”) • Edit Item Label (“Edit Speaker”) • Menu Name (if different from • New Item Label (“New Speaker”) Name) • View Item Label (“View Speaker”) • Search Items (“Search for Speakers”) 17Wednesday, May 9, 12
  18. 18. Post Type Options • Label (“Speakers”) • Show in Admin Bar (y/n) • Labels (all on the last page) • Menu Position (#) • Visible to Public Users (y/n) • Menu Icon • Exclude from Search (y/n) • Capabilities (read, edit, delete, publish, read private) • Show Admin UI (y/n) • Hierarchical (categories, etc) • Show in Menus (y/n) • Search Items (“Search for Speakers”) 18Wednesday, May 9, 12
  19. 19. Post Type Features • Title • Custom Fields • Editor • Comments • Author • Revisions • Thumbnail/Featured Image • Page Attributes • Excerpt • Post Formats • Trackbacks 19Wednesday, May 9, 12
  20. 20. Custom Taxonomies • Categories & Tags are implemented as Custom Taxonomies • Groupings and parents of your custom post types 20Wednesday, May 9, 12
  21. 21. Custom Fields • Custom data attached to posts or custom post types • This data is available during the Loop 21Wednesday, May 9, 12
  22. 22. Post FormatsWednesday, May 9, 12
  23. 23. Wednesday, May 9, 12
  24. 24. No Child Left Behind (themes, that is)Wednesday, May 9, 12
  25. 25. (Rebuilding WordCamp site) 25Wednesday, May 9, 12
  26. 26. Text/ HTML • Text & HTML widget • Simple widget, lots of flexibility 26Wednesday, May 9, 12
  27. 27. Extra Credit • BuddyPress • bbPress • Sharing Plugins • Drag & Drop • GPL! 27Wednesday, May 9, 12

×