How to remove WordPress post meta boxes

The WordPress post screen contains a number of meta boxes that allow you to do things with your posts. For example, you can select the post category in the Categories meta box, and you can control the comments setting for individual posts in the Discussion meta box. But, what if you want to prevent some users from changing these things? No problem. You can disable any of the meta boxes with a few lines of code.

Let’s say you want to prevent users with the Contributors and Authors roles from disabling comments on a post. Worded another way, you only want users with the edit_others_posts capability to be able to disable comments. Here’s how you can do that.

Heads up
At this point it’s worth noting that we’re talking about a WordPress site using the default user roles of Subscriber, Contributor, Author, Editor, and Administrator. If you have custom roles, you may need to adjust the code to fit your needs.
/**
 * Remove the Discussion meta box for users without
 * the 'edit_others_posts' capability.
 */
function jp_remove_discussion_post_meta_box() {

  if ( !current_user_can( 'edit_others_posts' ) ) {
    remove_meta_box( 'commentstatusdiv', 'post', 'normal' );
  }

}
add_action( 'admin_menu', 'jp_remove_discussion_post_meta_box' );

Or let’s say you want to prevent users from adding tags to a post. You can disable the Tags meta box with the following code.

/**
 * Remove the Tags meta box for all users except administrators
 */
function jp_remove_tags_post_meta_box() {

  if ( !current_user_can( 'administrator' ) ) {
    remove_meta_box( 'tagsdiv-post_tag', 'post', 'normal' );
  }

}
add_action( 'admin_menu', 'jp_remove_tags_post_meta_box' );

WordPress has a way to disable all of the meta boxes. Here’s a list of the meta boxes and the HTML id attribute needed to remove them.

Author - 'authordiv'
Category - 'categorydiv'
Comments - 'commentsdiv'
Discussion - 'commentstatusdiv'
Formats - 'formatdiv'
Attributes - 'pageparentdiv'
Custom fields - 'postcustom'
Excerpt - 'postexcerpt'
Featured Image - 'postimagediv'
Revisions - 'revisionsdiv'
Slug - 'slugdiv'
Publish - 'submitdiv'
Tags - 'tagsdiv-post_tag'
Trackbacks - 'trackbacksdiv'

WordPress offers a number of capabilities you can target for controlling your site. Check out the Roles and Capabilities page for all the details.

Redirect WordPress users during logout

Normally in WordPress when a user logs out, he is directed to the login page. But what if we want to redirect users to another page? No problem.

With the following code we can redirect users to the home page when they log out.

function jp_logout_redirect( $logout_url ) {
  return $logout_url . '&redirect_to=' . urlencode( home_url() );
}
add_filter( 'logout_url', 'jp_logout_redirect' );

 

What if we need to redirect users to a special page on our site? Just as easy.

function jp_logout_redirect( $logout_url ) {
  return $logout_url . '&redirect_to=' . urlencode( home_url() . '/our/special/page' );
}
add_filter( 'logout_url', 'jp_logout_redirect' );

Remove the WordPress logo from the admin bar

If you’re like me, you’ve accidentally clicked the WordPress logo in the admin bar a hundred times while meaning to go to the main Dashboard screen. That logo just gets in my way. I already know about WordPress, so I don’t need a link to the “about” page cluttering up my admin bar. Using the simple code below, we can remove the logo and dropdown menu and make things a little easier on us.

function jp_remove_admin_bar_logo() {
  global $wp_admin_bar;
  $wp_admin_bar->remove_menu( 'wp-logo' );
}
add_action( 'wp_before_admin_bar_render', 'jp_remove_admin_bar_logo', 0 );

Redirect WordPress users during login

Normally in WordPress when a user logs in, he is directed to some place in the administrative back end. If he is assigned the role of Subscriber, this usually sends him to his profile page, which isn’t very useful under most circumstances. If he is assigned the role of Contributor, Author, Editor or Administrator, he is directed to the Dashboard screen.

But what if we want to redirect users to a specific page in the back end or some other page on the front end? For example, maybe we have a special page set up just for Contributors. In WordPress we can redirect users based on their roles or capabilities. Here is an example.

function jp_login_redirect_contributors() {
  if ( current_user_can( 'contributor' ) ){
    return '/redirect/path';
  }
}
add_filter( 'login_redirect', 'jp_login_redirect_contributors' );

In this example, users assigned the role of Contributor are redirected to /redirect/path. WordPress has a number of roles and capabilities built in that we can target, and we can easily create custom roles and capabilities using plugins like Members.

Using these simple methods we can easily create custom workflows that make life easier in WordPress.

Multiple excerpt lengths in WordPress

The default WordPress excerpt length is 55 words. Sometimes we need to change this, and sometimes we need multiple excerpt lengths depending on where we are. For example, we might want a short excerpt on the home page and the default excerpt for everywhere else – archives, author pages, etc.

function jp_multiple_excerpt_lengths($length) {
	if ( is_front_page() ) {
		return 15;
	}

	return 55;
}
add_filter( 'excerpt_length', 'jp_multiple_excerpt_lengths' );

The example above changes the excerpt length on the front page, but WordPress comes with numerous conditional tags we can use in our themes, like is_category and is_archive.

We can even add extra conditional cases to the code above. Let’s say we want a short excerpt on the front page, a longer one on author pages, and the default everywhere else.

function jp_multiple_excerpt_lengths($length) {
	if ( is_front_page() ) {
		return 15;

	} elseif ( is_author() ) {
		return 65;

	} else {
		return 55;

	}
}
add_filter( 'excerpt_length', 'jp_multiple_excerpt_lengths' );

Prevent Contact Form 7 from loading on every page

Contact Form 7 is a great contact form plugin for WordPress, but it loads its Javascript and CSS on every page on your site, even when you don’t have a contact form there. Let’s fix that by loading the scripts and styles only on the pages that need them.

Add the following code to your theme or plugin to load the scripts and styles only on pages that have a contact form.

<?php
/**
 * Contact Form 7
 *
 * Prevent the javascript and styles from loading on every page
 * Load them only on the Contact page
 */

/* Removes the Contact Form 7 scripts and styles from all pages */
remove_action( 'wp_enqueue_scripts', 'wpcf7_enqueue_scripts' ); // Prevents the scripts from loading on all pages
remove_action( 'wp_enqueue_scripts', 'wpcf7_enqueue_styles' ); // Prevents the styles from loading on all pages

/* Adds the Contact Form 7 scripts and styles to the appropriate pages */
add_action( 'wp_enqueue_scripts', 'new_cf7_loader' ); // Loads the scripts and styles on the appropriate page(s)


/* Load the Contact Form 7 scripts and styles on the appropriate pages */
function new_cf7_loader() {
  if ( is_page( array( 'contact', 'another page' ) ) ) { // Add all pages here that contain the contact form
    wp_enqueue_style( 'contact-form-7', wpcf7_plugin_url( 'styles.css' ), array(), WPCF7_VERSION, 'all' );
    wp_enqueue_script( 'cf7.jquery.form.js', wpcf7_plugin_url( 'jquery.form.js' ), array(), WPCF7_VERSION, true );
    wp_enqueue_script( 'cf7.scripts.js', wpcf7_plugin_url( 'scripts.js' ), array(), WPCF7_VERSION, true );
  }
}
?>