Customizing the display in the visual editor

source
The whole appeal of a WYSIWYG interface is to see what the page is going to look like before publishing … yet when the typography and other styling is customized in the theme the visual editor will still show the default/core back-end styling. So…

First insert this code into the active theme’s functions file:

/*--- INSERTS STYLESHEET LINK FOR VISUAL EDITOR DISPLAY -----*/
function my_theme_add_editor_styles() {
    add_editor_style( 'custom-editor-style.css' );
}
add_action( 'after_setup_theme', 'my_theme_add_editor_styles' );

/*--- INSERTS STYLESHEET LINK FOR VISUAL EDITOR DISPLAY -----*/

function my_theme_add_editor_styles() {

add_editor_style( 'custom-editor-style.css' );

}

add_action( 'after_setup_theme', 'my_theme_add_editor_styles' );

Then create the […]

read the article

Various Login Form Controls

Replace WordPress login logo with your own

add_action('login_head', 'b3m_custom_login_logo');
function b3m_custom_login_logo() {
echo '<style type="text/css">
h1 a { background-image:url('.get_stylesheet_directory_uri().'/images/login.png) !important; background-size: 209px 150px !important;height: 150px !important; width: 209px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.login form { margin-top: 10px !important; }
</style>';
}

add_action('login_head', 'b3m_custom_login_logo');

function b3m_custom_login_logo() {

echo '<style type="text/css">

h1 a { background-image:url('.get_stylesheet_directory_uri().'/images/login.png) !important; background-size: 209px 150px !important;height: 150px !important; width: 209px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }

.login form { margin-top: 10px !important; }

</style>';

}

customize the login message source

function custom_login_message() {
$message = '<p class="message">This region of the site is for content editors only!.</p><br />';
return $message;
}
add_filter('login_message', 'custom_login_message');

function custom_login_message() {

$message = '<p class="message">This region of the site is for content editors only!.</p><br />';

return $message;

}

add_filter('login_message', 'custom_login_message');

redirect after login source (send all but admin to home page)

function soi_login_redirect($redirect_to, $request, $user)
{
    return (is_array($user->roles) && in_array('administrator', $user->roles)) ? admin_url() : site_url();
}
add_filter('login_redirect', 'soi_login_redirect', 10, 3);

function soi_login_redirect($redirect_to, $request, $user)

{

return (is_array($user->roles) && in_array('administrator', $user->roles)) ? admin_url() : site_url();

}

add_filter('login_redirect', 'soi_login_redirect', 10, 3);

redirect after login source (sends all to a designated page page)

function login_redirect( $redirect_to, $request, $user ){
    return home_url('custom-page'); // this is a relative link not a full URL
}
add_filter( 'login_redirect', 'login_redirect', 10, 3 );

function login_redirect( $redirect_to, $request, $user ){

return home_url('custom-page'); // this is a relative link not a full URL

}

add_filter( 'login_redirect', 'login_redirect', 10, 3 );

Redirect after logout source

add_action('wp_logout',create_function('','wp_redirect(home_url());exit();')); 

//removes wordpress logo and links from admin bar => http://stanhub.com/how-to-remove-wordpress-logo-from-admin-bar/
add_action('admin_bar_menu', 'remove_wp_logo', 999);

add_action('wp_logout',create_function('','wp_redirect(home_url());exit();'));

//removes wordpress logo and links from admin bar => http://stanhub.com/how-to-remove-wordpress-logo-from-admin-bar/

add_action('admin_bar_menu', 'remove_wp_logo', 999);

A great plugin that addresses even more issues than above can be found here

read the article

Rendering the Dashboard in a Single Column

source
Roll up a plugin or insert into the active theme’s functions.php file

// force one-column dashboard
function shapeSpace_screen_layout_columns($columns) {
        $columns['dashboard'] = 1;
        return $columns;
}
add_filter('screen_layout_columns', 'shapeSpace_screen_layout_columns');

function shapeSpace_screen_layout_dashboard() { return 1; }
add_filter('get_user_option_screen_layout_dashboard', 'shapeSpace_screen_layout_dashboard');

// force one-column dashboard

function shapeSpace_screen_layout_columns($columns) {

$columns['dashboard'] = 1;

return $columns;

}

add_filter('screen_layout_columns', 'shapeSpace_screen_layout_columns');

function shapeSpace_screen_layout_dashboard() { return 1; }

add_filter('get_user_option_screen_layout_dashboard', 'shapeSpace_screen_layout_dashboard');

read the article

Customizing the Tiny MCE interface

the best source article I have found on this

The visual editor in WordPress is driven by Tiny MCE … whether you like it or not. But you can modify the controls either via constructing a plugin or the active theme’s function.php file.

First of all, it’s good to know what’s being used in the first […]

read the article

Creating a selectable “home” item in the menu

This is a no brainer for those cases when the home page is set to be an individual page … and really not a big deal when the default home page is selected.
The easiest workaround would be to use the link option and just set the absolute URL … but that’s a little in-elegant

Inserting this […]

read the article

Taming Tiny MCE 4.0

As of WordPress 3.9 the version of the WYSIWYG (or “visual”) editor is Tiny MCE 4.0
this change caused the following functions.php insertion to stop working:

/**--------------adds class selection drop-down to visual editor (styles specified by name) ----------*/
add_filter( 'tiny_mce_before_init', 'my_custom_tinymce' );
function my_custom_tinymce( $init ) {
     $init['theme_advanced_buttons2_add_before'] = 'styleselect';
     $init['theme_advanced_styles'] = 'Left Indent=left-indent,Black Heading=black-heading, Blue Heading=blue-heading,
     Bolder Text=bolder-text, Bolder Red Text=bolder-red-text,Attribution=attribution, Split Text Left=split-text-left, 
     Split Text Right=split-text-right, Cleared Text=cleared-text-style, Blue Button=blue-button, Tan Button=tan-button, 
     Amber Button=amber-button, Red Button=red-button, Black Button=black-button, Royal Blue Button=royal-blue-button, 
     Button Array=button-array';
     return $init;
}
add_filter( 'mce_buttons_2', 'my_mce_buttons_2' );

/**--------------adds class selection drop-down to visual editor (styles specified by name) ----------*/

add_filter( 'tiny_mce_before_init', 'my_custom_tinymce' );

function my_custom_tinymce( $init ) {

$init['theme_advanced_buttons2_add_before'] = 'styleselect';

$init['theme_advanced_styles'] = 'Left Indent=left-indent,Black Heading=black-heading, Blue Heading=blue-heading,

Bolder Text=bolder-text, Bolder Red Text=bolder-red-text,Attribution=attribution, Split Text Left=split-text-left,

Split Text Right=split-text-right, Cleared Text=cleared-text-style, Blue Button=blue-button, Tan Button=tan-button,

Amber Button=amber-button, Red Button=red-button, Black Button=black-button, Royal Blue Button=royal-blue-button,

Button Array=button-array';

return $init;

}

add_filter( 'mce_buttons_2', 'my_mce_buttons_2' );

Pre WP 3.9 the code above would insert an extra drop-down called styles that would allow styles to be associated with selected text

But after upgrading the “styles” dropdown went missing!

After digging […]

read the article

Customizing the admin dashboard

Here are a couple of things that I’ve started doing with my custom themes:

Insert a custom message at the admin foot:

// JMC- custom footer message
function modify_footer_admin () {
  echo 'Themed and configured by <a href="https://plasterdog.com">plasterdog web design</a>. ';
  echo 'CMS Powered by<a href="http://WordPress.org"> WordPress !</a>';
}
add_filter('admin_footer_text', 'modify_footer_admin');

// JMC- custom footer message

function modify_footer_admin () {

echo 'Themed and configured by <a href="https://plasterdog.com">plasterdog web design</a>. ';

echo 'CMS Powered by<a href="http://WordPress.org"> WordPress !</a>';

}

add_filter('admin_footer_text', 'modify_footer_admin');

Replacing the “Howdy” message in the upper right corner

// JMC - change the standard wordpress greeting
add_action( 'admin_bar_menu', 'wp_admin_bar_my_custom_account_menu', 11 );

function wp_admin_bar_my_custom_account_menu( $wp_admin_bar ) {
$user_id = get_current_user_id();
$current_user = wp_get_current_user();
$profile_url = get_edit_profile_url( $user_id );

if ( 0 != $user_id ) {
/* Add the "My Account" menu */
$avatar = get_avatar( $user_id, 28 );
$howdy = sprintf( __('Start editing, %1$s'), $current_user->display_name );
$class = empty( $avatar ) ? '' : 'with-avatar';

$wp_admin_bar->add_menu( array(
'id' => 'my-account',
'parent' => 'top-secondary',
'title' => $howdy . $avatar,
'href' => $profile_url,
'meta' => array(
'class' => $class,
),
) );

}
}

// JMC - change the standard wordpress greeting

add_action( 'admin_bar_menu', 'wp_admin_bar_my_custom_account_menu', 11 );

function wp_admin_bar_my_custom_account_menu( $wp_admin_bar ) {

$user_id = get_current_user_id();

$current_user = wp_get_current_user();

$profile_url = get_edit_profile_url( $user_id );

if ( 0 != $user_id ) {

/* Add the "My Account" menu */

$avatar = get_avatar( $user_id, 28 );

$howdy = sprintf( __('Start editing, %1$s'), $current_user->display_name );

$class = empty( $avatar ) ? '' : 'with-avatar';

$wp_admin_bar->add_menu( array(

'id' => 'my-account',

'parent' => 'top-secondary',

'title' => $howdy . $avatar,

'href' => $profile_url,

'meta' => array(

'class' => $class,

) );

}

Eliminating some of the widgets shown by default on the dashboard page:

// JMC Remove WordPress Widgets from Dashboard Area
function remove_wp_dashboard_widgets(){

    remove_meta_box('dashboard_incoming_links', 'dashboard', 'normal');  // Incoming Links
    remove_meta_box('dashboard_quick_press', 'dashboard', 'side');  // Quick Press
    remove_meta_box('dashboard_recent_drafts', 'dashboard', 'side');  // Recent Drafts
    remove_meta_box('dashboard_primary', 'dashboard', 'side');   // WordPress blog (News)
    
}
add_action('wp_dashboard_setup', 'remove_wp_dashboard_widgets');

//Remove  WordPress Welcome Panel
remove_action('welcome_panel', 'wp_welcome_panel');

// JMC Remove WordPress Widgets from Dashboard Area

function remove_wp_dashboard_widgets(){

remove_meta_box('dashboard_incoming_links', 'dashboard', 'normal'); // Incoming Links

remove_meta_box('dashboard_quick_press', 'dashboard', 'side'); // Quick Press

remove_meta_box('dashboard_recent_drafts', 'dashboard', 'side'); // Recent Drafts

remove_meta_box('dashboard_primary', 'dashboard', 'side'); // WordPress blog (News)

}

add_action('wp_dashboard_setup', 'remove_wp_dashboard_widgets');

//Remove WordPress Welcome Panel

remove_action('welcome_panel', 'wp_welcome_panel');

A customized “welcome” widget:

// JMC - CUSTOM WELCOME WIDGET WITH RSS FEED
add_action('wp_dashboard_setup', 'my_dashboard_widgets');

function my_dashboard_widgets() {
     global $wp_meta_boxes;
     unset(
          $wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins'],
          $wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary'],
          $wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']
     );

add_meta_box( 'dashboard_custom_feed', 'Welcome to your customized site!', 'dashboard_custom_feed_output', 'dashboard', 'side', 'high' );
}
function dashboard_custom_feed_output() {
     echo '<div class="rss-widget">';
     echo '<p>Your site has been significantly customized and many functions exist only in your theme, so think twice before changing it!</p>
 <p>Have a question? contact Jeff McNear by email: <a href="mailto:jeff@www.pdog.pdog">here</a>. </p>
<p>Old school? give me a call at: 847/849-7060</p>
<p>For a list of tutorials <a href="https://plasterdog.com/category/wordpress-tutorials/" target="_blank">Follow this link</a>
<p><strong>Here are some recent tutorials:</strong></p><hr/>';
     wp_widget_rss_output(array(
          'url' => 'https://plasterdog.com/category/wordpress-tutorials/feed/',
          'title' => 'MY_FEED_TITLE',
          'items' => 5,
          'show_summary' => 0,
          'show_author' => 0,
          'show_date' => 0
     ));

     echo '</div>';
}

// JMC - CUSTOM WELCOME WIDGET WITH RSS FEED

add_action('wp_dashboard_setup', 'my_dashboard_widgets');

function my_dashboard_widgets() {

global $wp_meta_boxes;

unset(

$wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins'],

$wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary'],

$wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']

);

add_meta_box( 'dashboard_custom_feed', 'Welcome to your customized site!', 'dashboard_custom_feed_output', 'dashboard', 'side', 'high' );

}

function dashboard_custom_feed_output() {

echo '<div class="rss-widget">';

echo '<p>Your site has been significantly customized and many functions exist only in your theme, so think twice before changing it!</p>

<p>Have a question? contact Jeff McNear by email: <a href="mailto:jeff@www.pdog.pdog">here</a>. </p>

<p>Old school? give me a call at: 847/849-7060</p>

<p>For a list of tutorials <a href="https://plasterdog.com/category/wordpress-tutorials/" target="_blank">Follow this link</a>

<p><strong>Here are some recent tutorials:</strong></p><hr/>';

wp_widget_rss_output(array(

'url' => 'https://plasterdog.com/category/wordpress-tutorials/feed/',

'title' => 'MY_FEED_TITLE',

'items' => 5,

'show_summary' => 0,

'show_author' => 0,

'show_date' => 0

));

echo '</div>';

}

read the article

Replace WordPress login logo with your own

Enter this into the functions file:

//* -JMC-Replace WordPress login logo with your own
add_action('login_head', 'b3m_custom_login_logo');
function b3m_custom_login_logo() {
echo '<style type="text/css">
h1 a { background-image:url('.get_stylesheet_directory_uri().'/images/login.png) !important; background-size: 209px 150px !important;height: 150px !important; width: 209px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.login form { margin-top: 10px !important; }
</style>';
}

//* -JMC-Replace WordPress login logo with your own

add_action('login_head', 'b3m_custom_login_logo');

function b3m_custom_login_logo() {

echo '<style type="text/css">

.login form { margin-top: 10px !important; }

</style>';

}

source
Once this is done:

make sure that your theme has an “images” folder
insert an image which corresponds with the named image (in this case “login.png”)
adjust the image to correspond to the specified background size (or vice versa)

read the article

Eliminating widgets

There are alot of default widgets available in wordpress … and you rarely need them all. Here is a block of code that you can use in the functions file to eliminate ALL the widgets

// unregister all widgets
 function unregister_default_widgets() {
     unregister_widget('WP_Widget_Pages');
     unregister_widget('WP_Widget_Calendar');
     unregister_widget('WP_Widget_Archives');
     unregister_widget('WP_Widget_Meta');
     unregister_widget('WP_Widget_Search');
     unregister_widget('WP_Widget_Text');
     unregister_widget('WP_Widget_Categories');
     unregister_widget('WP_Widget_Recent_Posts');
     unregister_widget('WP_Widget_Recent_Comments');
     unregister_widget('WP_Widget_RSS');
     unregister_widget('WP_Widget_Tag_Cloud');
     unregister_widget('WP_Nav_Menu_Widget');
 }
 add_action('widgets_init', 'unregister_default_widgets', 11);

// unregister all widgets

function unregister_default_widgets() {

unregister_widget('WP_Widget_Pages');

unregister_widget('WP_Widget_Calendar');

unregister_widget('WP_Widget_Archives');

unregister_widget('WP_Widget_Meta');

unregister_widget('WP_Widget_Search');

unregister_widget('WP_Widget_Text');

unregister_widget('WP_Widget_Categories');

unregister_widget('WP_Widget_Recent_Posts');

unregister_widget('WP_Widget_Recent_Comments');

unregister_widget('WP_Widget_RSS');

unregister_widget('WP_Widget_Tag_Cloud');

unregister_widget('WP_Nav_Menu_Widget');

}

add_action('widgets_init', 'unregister_default_widgets', 11);

Of course that’s going way too far, but it can be selectively applied:

// unregister widgets selectively
 function unregister_default_widgets() {
     unregister_widget('WP_Widget_Calendar');
     unregister_widget('WP_Widget_Categories');
     unregister_widget('WP_Widget_Meta');
     unregister_widget('WP_Widget_Archives');
     unregister_widget('WP_Widget_Recent_Posts');
     unregister_widget('WP_Widget_Recent_Comments');
     unregister_widget('WP_Widget_RSS');
     unregister_widget('WP_Widget_Tag_Cloud');
 }
 add_action('widgets_init', 'unregister_default_widgets', 11);

// unregister widgets selectively

function unregister_default_widgets() {

unregister_widget('WP_Widget_Calendar');

unregister_widget('WP_Widget_Categories');

unregister_widget('WP_Widget_Meta');

unregister_widget('WP_Widget_Archives');

unregister_widget('WP_Widget_Recent_Posts');

unregister_widget('WP_Widget_Recent_Comments');

unregister_widget('WP_Widget_RSS');

unregister_widget('WP_Widget_Tag_Cloud');

}

add_action('widgets_init', 'unregister_default_widgets', 11);

read the article