Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WordPress Wizardry Without Code - Chicago WordCamp

WordPress Wizardry Without Code - Chicago WordCamp

This session will teach you how to use the power of WordPress categories to set up a recipe directory and show you how to use plugins, widgets, and shortcodes to customize the User Administration interface to be easier and more relevant to use, all without digging into code.

Suzette Franck

June 13, 2014
Tweet

More Decks by Suzette Franck

Other Decks in Technology

Transcript

  1. WordPress Wizardry Without Code Suzette Franck WordPress Evangelist, (mt) Media

    Temple 2014 WordCamp Chicago Foundation Friday, June 13, 2014 #wcchi @mt_Suzette Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple
  2. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Suzette Franck with a “ck” Twitter: @mt_Suzette ★WordPress Evangelist @ (mt) Media Temple ★Using WordPress since version 2.7 in 2008 ★20 years of web development experience ★Created 200+ WordPress custom themes ★Spoke at 19 WordCamps to date ★WordPress Podcast WPUnicornProject.com https://www.youtube.com/user/mediatemple ★Reg. Contributor on WPwatercooler.com ★Blogs at: suzettefranck.com ★Slides: speakerdeck.com/suzettefranck
  3. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple ★Admin User Experience Matters! ★Six Useful Plugins for Admin Customization ★Using Categories to Set up a Recipe Blog ★Widgets and Shortcodes What We Will Cover
  4. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Admin User Experience
  5. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Design Experience ★Don’t Let user experience defined by default ★Add an extra touch to completed projects ★Show you really care about the project ★Thoughtfulness counts ★Make it easier for clients to update their site
  6. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Codepress Admin Columns Version 2.2 Codepress
  7. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Codepress Admin Columns ★Show/hide default admin columns ★Posts, Pages, Media, Users, Comments, CPTs ★Many relevant columns are hidden ★Add icon for featured images ★Show Post ID, image dimensions, etc. ★No code necessary
  8. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Admin Columns (Posts) Settings > Admin Columns > Posts
  9. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Admin Columns (Posts)
  10. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Posts (Before)
  11. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Posts (After)
  12. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Admin Columns (Posts) Settings > Admin Columns > Media Library
  13. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Media Library (Before)
  14. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Media Library (After)
  15. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple My Page Order Version 3.3.2 Andrew Charlton
  16. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple My Page Order ★Drag and drop page and subpage order ★Default is alphabetical by name ★Put pages in order that makes sense
  17. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Admin Columns (Posts) Pages > My Page Order
  18. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple My Page Order (Pages)
  19. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Custom Login Logo Version 1.0.2 Dreams Online Themes
  20. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Custom Login Logo ★Upload your own logo for login screen ★Branding for you or your client ★Nice touch, polishing ★Easiest to use, upload from settings ★No required height or width
  21. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Custom Login Logo Settings > Custom Login Logo
  22. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Custom Login Logo
  23. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Imsanity Version 2.2.6 Jason Hinkle
  24. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Imsanity ★Limit size of uploaded pictures ★Easier for clients to use ★Can resize older images ★Keep your big image files elsewhere ★Helps site to run faster ★Effortless and automatic ★No change to workflow
  25. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Imsanity Settings > Imsanity
  26. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Imsanity Settings > Imsanity
  27. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Imsanity (Media Library)
  28. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Admin Menu Editor Version 1.3.2 Janis Elsts
  29. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Admin Menu Editor ★Hide menu items that are not relevant ★Drag and drop order ★Add separators to group content ★Move sub items to upper levels
  30. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Admin Menu Editor Settings > Imsanity
  31. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Admin Menu Editor Settings > Menu Editor
  32. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple WP Help Version 1.3 Mark Jaquith
  33. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple WP Help ★Create documentation in WordPress Admin ★Copy documentation from other sites ★Easy help document management ★Works like pages (WYSIWYG) ★Can be hierarchal ★Embed pictures, video, and other media
  34. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple WP Help Publishing Help
  35. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple WP Help Settings Publishing Help > Settings
  36. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple WP Help Manage Publishing Help > Manage
  37. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple WP Help Editing
  38. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple WP Help Example
  39. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Using Categories
  40. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Setting Up Categories ★Categories can be hierarchal ★Name is only required field ★Add categories at anytime ★Create a category for Blog if desired ★Listed alphabetically ★Archive page for categories (automatic) ★http://domain.com/category/recipe/
  41. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple /category/recipe Archive Page ★Look depends on your theme
  42. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Shortcodes
  43. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Shortcodes ★Shortcodes have square brackets ★Example: [catlist] ★Input in Visual or Text view of post or page ★Come with plugins, themes, and core ★Do a variety of things ★Sometimes has additional parameters ★Example: [catlist name=recipe order=desc]
  44. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Widgets
  45. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Widgets ★Appearance > Widgets ★Widgets are NOT sidebars ★Widgets go into sidebars ★Sidebars can have multiple widgets ★Come with plugins, themes, and core ★Do a variety of things: images, content, etc. ★Location and number of sidebars by theme
  46. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Widgets in Sidebars
  47. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple List Category Posts Version 0.46.4 Fernando Briano
  48. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple List Category Posts ★Display category posts using a shortcode ★Customizable widget for your sidebar ★Extensive documentation online ★Very flexible and configurable
  49. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple List Category Posts Settings > List Category Posts
  50. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple List Category Posts http://wordpress.org/plugins/list-category-posts/other_notes/
  51. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple List Category Posts [catlist name=recipe orderby=name order=asc]
  52. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple List Category Posts [catlist name=recipe orderby=name order=asc]
  53. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple List Category Posts Widget Appearance > Widgets > List Category Posts
  54. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple List Category Posts Widget
  55. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple In Summary
  56. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Things to Remember ★Posts and Categories FTW ★Shortcodes add functionality and content ★Widgets are in sidebars defined by your theme ★Customize the Admin for your user/client ★Plugins code so you don’t have to, use them! ★Have fun and learn!