Follow along at http://wcoc14.dauid.us!

Viewing Notes

How to see this presentation

Some hotkeys:

  • Arrow keys to navigate (slide on touch devices)
  • H = highlight any code snippets
  • P = toggle speaker notes (if any)
  • F = fullscreen viewing
  • W = toggle widescreen
  • O = see an overview
  • ESC = toggles off these goodies

Who Is This Guy?

 1ae13cc0b1238e6ec5f10d7c5b857402_400x400

Dave Winter

 

life long geek

first WordPress site in 2008

opened design business in 2009

began teaching web design in 2010

WordPress course in 2014

I am a UX Designer

Remember When You First Met WordPress?

There was a Learning Process

thefirstproblem

I Learned Those Things By Doing

Chances are, so did you.

Your Clients Want to Learn Them, Too

And, Most of the Time, Everybody’s Happy

Until…

Something Goes Terribly, Terribly Wrong

I’ve had clients accidentally:

 

  • change theme settings
  • delete a plugin
  • install a “bad” plugin
  • change reading settings

 

use the “editor” to add code to functions.php file

- they deleted everything else in that file

oops!

 

 

  

And, if you’re anything like me,

 

this is how you fix it

But, There is a Better Way

User Role Editor


 

 

Create custom user-roles for your clients!

 

change user access

prevent deleted themes

prevent deleted plugins

 works with many 3rd party plugins

Admin Menu Editor

 

 

Hide un-needed menu items from your clients!

 

change menu icons

sort items with drag & drop

create new menu items

move submenu items to different submenu

control menu item access rights

 

(live demo)

This

 scr5

 So… Admin Menu Editor lets us

 

add menu items

+

give CSS classes to a menu item

Let’s Take this One Step Further…

 

 

Let’s style those menu items for our clients…

 

I do simple changes for every project

 

and those little changes go a long way!

 

 

 

…by applying a stylesheet to our admin pages

 

well — sort of

 

we’ll really be adding a function with some CSS in it 

Custom Admin Styles

<?php

// CUSTOM CSS FOR ADMIN PAGES FUNCTION
function admin_menu_styles() {

    // THIS GETS EMBEDDED IN THE <HEAD> OF ALL ADMIN PAGES
    echo '<style type="text/css">
 
        YOUR CSS HERE

    </style>';
}

// MAKE IT HAPPEN
add_action('admin_head', 'admin_menu_styles');

?>

free plugins coming next!

Style the Custom Menu Items We Created

 

 

this plugin already targets the 

.special

 

class we created

 

download my plugin here - dauidus-menu-styles

(live demo)

Him

It’s the Little Things

 

 

 

Since I’ve started doing this, my “client confusion” rate has dropped significantly

 

I LOVE THAT!

But, Sometimes Our Clients Still Need Help

And That’s OK… We Can Still Help Them

 

 

 

but, only after we’ve given them a way to help themselves

Custom Help Tabs

SH Contextual Help


 

 

Easily change the help menu content!

 

make per page changes

add a universal help menu page

add a dashboard help widget

works with any custom post type

(live demo)

scr20

So, Why Change This? It’s Not Broken…

A couple of reasons here:

 

 

the help content doesn’t always apply

- especially when using custom field creation

 

+

 

with just a little bit of work, we can integrate premium features for every client

those premium features can set you apart

Every Little Change Can Make a Huge Difference

Almost There… Almost There…

And… For the Ultimate Custom Admin Experience

We Can Replace the Dashboard with Custom Content!

Custom Dashboard Page

(live demo)