How to Add Underline and Justify Text Buttons in WordPress

Are you looking for the missing underline and justify button in WordPress post editor? These buttons were removed from the post editor in WordPress 4.7. But there’s a way to bring them back. In this article, we will show you how to add underline and… Read More »

The post How to Add Underline and Justify Text Buttons in WordPress appeared first on WPBeginner.

Are you looking for the missing underline and justify button in WordPress post editor? These buttons were removed from the post editor in WordPress 4.7. But there’s a way to bring them back. In this article, we will show you how to add underline and justify text buttons in WordPress.

Underline and Justify Text in WordPress

Method 1: Using Re-add Text Underline and Justify Plugin

First thing you need to do is install and activate the Re-add Text Underline and Justify plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Settings » Writing page to configure the plugin settings.

Re-Add underline and justify text plugin settings

The plugin comes with two options to choose from.

You can add the underline and justify text buttons, so they will appear in the second row of the post editor buttons.

Alternatively, you can choose to re-add buttons and rearrange. This will put underline and justify text buttons in the same position as they were before WordPress 4.7.

Don’t forget to click on the save changes button to store your settings.

You can now visit Posts » Add New page, and you will find underline and justify text buttons added back to the post editor.

Underline and Justify text buttons added back in WordPress post editor

Method 2: TinyMCE Advanced Plugin

This method allows you to do a lot more than just adding the underline and justify text buttons. You can add custom styles, add missing buttons, and even create your own buttons.

First, you need to install and activate the TinyMCE Advanced plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Settings » TinyMCE Advanced page to configure plugin settings.

Drag and drop underline and justify text buttons to the post editor

You will notice a preview of the WordPress post editor. Below the preview, it will show you all the unused buttons.

Now you need to drag and drop underline and justify text buttons from ‘Unused Buttons’ box to the post editor.

Don’t forget to click on the save changes button to store your settings.

You can now create a new post or edit an existing one. You will notice that the default WordPress post editor is replaced by the TinyMCE Advanced editor.

We hope this article helped you learn how to add underline and justify text buttons in WordPress. You may also want to see our list of tips for mastering the WordPress visual editor.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add Underline and Justify Text Buttons in WordPress appeared first on WPBeginner.

How to Disable Visual Editor Formatting Shortcuts in WordPress 4.3

Don’t like the formatting shortcuts that were introduced in WordPress 4.3? Find it a bit distracting? Recently, one of our users asked us how to disable visual editor formatting shortcuts in WordPress. In this article, we will show you how to disable visual editor formatting… Read More »

To leave a comment please visit How to Disable Visual Editor Formatting Shortcuts in WordPress 4.3 on WPBeginner.

Don’t like the formatting shortcuts that were introduced in WordPress 4.3? Find it a bit distracting? Recently, one of our users asked us how to disable visual editor formatting shortcuts in WordPress. In this article, we will show you how to disable visual editor formatting shortcuts in WordPress 4.3.

Formatting shortcuts in WordPress visual editor

What are Formatting Shortcuts and How to Use Them?

WordPress 4.3 came with a new feature called formatting shortcuts. It allows users to quickly add common text formatting without removing their hands from the keyboard and without writing any HTML.

  • Using * or will start an unordered list.
  • Using 1. or 1) will start an ordered list.
  • Using # will transform into h1. ## for h2, ### for h3 and so on.
  • Using > will transform into blockquote.

Editor shortcuts

Disabling Visual Editor Formatting Shortcuts

While we think that formatting shortcuts are awesome, some users are finding this feature a bit confusing and distracting.

If you want to disable the formatting shortcuts in WordPress, then follow the instructions below:

Copy and paste this code in your theme’s functions.php file or in a site-specific plugin.

function disable_mce_wptextpattern( $opt ) {

	if ( isset( $opt['plugins'] ) && $opt['plugins'] ) {
		$opt['plugins'] = explode( ',', $opt['plugins'] );
		$opt['plugins'] = array_diff( $opt['plugins'] , array( 'wptextpattern' ) );
		$opt['plugins'] = implode( ',', $opt['plugins'] );
	}

	return $opt;
}

add_filter( 'tiny_mce_before_init', 'disable_mce_wptextpattern' );

This code simply removes text formatting shortcuts from your WordPress visual editor. Your other WordPress keyboard shortcuts will work as usual.

We hope this article helped you disable visual editor formatting shortcuts in WordPress 4.3 and later versions. You may also want to see these 14 tips for mastering the WordPress visual editor.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

To leave a comment please visit How to Disable Visual Editor Formatting Shortcuts in WordPress 4.3 on WPBeginner.

How to Disable the Full Height Post Editor in WordPress

Did you notice the scroll bar in your WordPress editor is missing? Recently one of our users asked if it was possible to disable the full-height post editor in WordPress and bring back the scroll bar. In this article, we will show you how to… Read More »

To leave a comment please visit How to Disable the Full Height Post Editor in WordPress on WPBeginner.

Did you notice the scroll bar in your WordPress editor is missing? Recently one of our users asked if it was possible to disable the full-height post editor in WordPress and bring back the scroll bar. In this article, we will show you how to disable the scroll free full-height post editor in WordPress.

In WordPress 4.0, a new writing experience was introduced to the post editor. As you write, the height of the post editor would automatically adjust thus eliminating the need of the scroll bar.

Default full height editor in WordPress

While that is great, it now means that you have to scroll through all the paragraphs just to reach your custom fields and other meta boxes such as SEO, Calendar, etc.

Some users found this a bit confusing and irritating.

If you want to disable the full height editor and revert to the old editor with scroll bar, then there is a very easy fix.

Disabling Scroll Free Full-Height Editor in WordPress

Simply login to the admin area of your WordPress site and add a new post. On the post editor screen, click on the Screen Options menu on the top right corner of the screen.

This will display a flydown menu with a number of options.

Screen Options menu on the post edit screen in WordPress

Uncheck the box next to ‘Enable full-height editor and distraction-free functionality’. Unchecking this option will disable the full-height editor functionality. It will also remove the distraction-free functionality from the editor.

That’s all. You can now enter your content in the post editor to see that your scroll bar is back just like the good ol’ times.

You can also click on the bottom right corner of the editor to drag and adjust the editor size.

Adjustable post editor with scrollbars in WordPress

We hope this article helped you disable the scroll free full-height editor in WordPress. You may also want to check out these 14 tips for mastering the WordPress visual editor.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Google+.

To leave a comment please visit How to Disable the Full Height Post Editor in WordPress on WPBeginner.