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

Customizing the WordPress Admin Without Code

Customizing the WordPress Admin Without Code

This session will teach you how to use the power of the WordPress Administration interface all without digging into code.

6224f65dc0d9288ca4c9817d993d8ca4?s=128

Suzette Franck

July 26, 2014
Tweet

Transcript

  1. WordPress Wizardry Without Code: Customizing the Admin Suzette Franck WordPress

    Evangelist, (mt) Media Temple 2014 Milwaukee WordCamp Saturday, July 26, 2014 #wcmke @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 20 WordCamps since 2011 ★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! ★Make it easier for your client and you ★Eight plugins for streamlining experience 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 All in One Favicon Version 4.3 Arne Franken
  20. Media Temple // 8520 National Blvd. Culver City, CA 90232

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

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple All in one Favicon ★Favicons show at 16x16 pixels ★Show when page is bookmarked ★Show in address bar or tab ★Upload any image (.png. gif, ico ) ★Different icons for admin and front-end ★Branding for you and client
  22. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple All In One Favicon Settings > All in one Favicon
  23. 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
  24. 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
  25. 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
  26. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Custom Login Logo
  27. 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
  28. 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
  29. 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
  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 > Menu Editor
  31. 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
  32. 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
  33. Media Temple // 8520 National Blvd. Culver City, CA 90232

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

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

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Imsanity (Media Library)
  36. 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
  37. 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
  38. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple WP Help Publishing Help
  39. 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
  40. 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
  41. Media Temple // 8520 National Blvd. Culver City, CA 90232

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

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

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple TinyMCE Advanced Version 4.0.2 Andrew Ozz
  44. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple TinyMCE Advanced ★Remove/Add buttons to editor ★Add controls for table editing ★Enable an editor file menu ★Customize lists and links easily ★Changes Visual Editor only
  45. Media Temple // 8520 National Blvd. Culver City, CA 90232

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple TinyMCE Advanced Settings > Tiny MCE Advanced
  46. Media Temple // 8520 National Blvd. Culver City, CA 90232

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

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

    / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Things to Remember ★Always set a favicon and logo for the admin ★Add user-specific documentation with WP Help ★Use Admin Menu Editor to hide menu items ★Save clients from themselves ★Plugins code so you don’t have to, use them! ★Have fun and learn!
  49. Questions? Suzette Franck suzette@mediatemple.net https://speakerdeck.com/suzettefranck HAVE FUN AND LEARN! @mt_Suzette

    Follow Me On