Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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/

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

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]

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

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

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

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

Slide 50

Slide 50 text

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/

Slide 51

Slide 51 text

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]

Slide 52

Slide 52 text

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]

Slide 53

Slide 53 text

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

Slide 54

Slide 54 text

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

Slide 55

Slide 55 text

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

Slide 56

Slide 56 text

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!

Slide 57

Slide 57 text

Questions? Suzette Franck [email protected] https://speakerdeck.com/suzettefranck Have Fun and Learn! @mt_Suzette Follow Me On Twitter!