I currently have availability

Hi, I'mKevin Shoffner

Adding a CSS Class to WordPress Editor

The Reason

I like making it as user-friendly for my clients as possible.  WordPress does many, many things great, but some of the styling concepts lack just a little.  In this situation, I figure it is better just to create a simple hack to your WordPress theme, and it doesn’t matter if you are the client or the developer trying to help your client.


Believe it or not, it is just a few steps and you will be up and running before you know it.  Just follow these steps in the order I explain them, and you should be ready.

  1. Install the TinyMCE plugin
  2. Create a stylesheet in your theme directory, and name it anything you want.  I’ll call mine “new-styles.css” for sanity sake
  3. Inside your new CSS file, add a new class, doing what you want differently, maybe a different color or size

    a.External-Link { font-size: 2.2em; color: #FC0; }
  4. Now, open your theme functions.php file, and at the bottom add the following
     function addLinkClasses( $wp ) {
     $wp .= ',' . get_bloginfo('stylesheet_directory') . '/new-styles.css';
     return $wp;
     }if ( function_exists( 'add_filter' ) ) {
     add_filter( 'mce_css', 'addLinkClasses' );

Yep, you are done.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: