D5 Creation Blog

Regain the Justify and Underline Text Buttons in the WordPress Editor

Are you looking for the missing Justify and Underline Text Buttons 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.  In the beginning, WordPress used to feature both justify and underline text buttons in the Page/Post visual editor. Then they were removed; and while this has neither made a lot of people very angry – or been widely regarded as a bad move – those who use the functionality are left searching for alternatives.

 

Don't worry! Fortunately, there are a number of ways to regain these features, and most only take a minimum of effort to implement. We are suggesting the most 04 of them.

 

01. Using the KeyBoard ShortCuts

You still can justify and underline text without this plugin by using the following keyboard shortcuts :

  • Select the Text which will be Justified, then press:    SHIFT + ALT + J
  • SeIect the Text which wiII be underIined Press:    CTRL + U

 

02. Using the Plugin Re-Add Text Underline and Justify

Re-add text underline and justify in WordPress 4.7+

This Plugin was released after the aforementioned 4.7 update. In fact, it was created expressly for the purpose of re-adding both buttons to your editor. After installing and activating the plugin, you’ll find a new option in the WP-Admin > Settings > Writing – Editor StyleThis setting includes a drop-down list that enables you to choose between re-adding both buttons or just justify, as well as re-arranging them or keeping your editor as is.

If you don’t want to change the way you edit your content and/or don’t want to confuse your customers with a new contribution interface, this very lightweight plugin will set the editor style back to its previous state (like in WordPress 4.6 and above versions).

Justify and Underline Text Buttons in WordPress

You may change the Editor style from the Writing option page.

4 options are available for the Editor style :

  • Default – without underline & justify buttons
  • Re-add underline & justify buttons
  • Re-add underline & justify + rearrange
  • Re-add justify only (added in 0.1.3)

3rd Option moves up the style select to the first line and moves the underline button after the other text position buttons.

 

03. Using the Plugin TinyMCE Advanced

WordPress Advanced Editor

This Plugin will let you add, remove and arrange the buttons that are shown on the Visual Editor toolbar. You can configure up to four rows of buttons including Font Sizes, Font Family, text and background colors, tables, etc. It will also let you enable the editor menu.

If you’re looking for a more thorough solution than the previous plugin, TinyMCE Advanced could be ideal. This particular plugin enables you to customize your entire WordPress editor, including its button arrangement, along with some more advanced features.

It includes 15 plugins for TinyMCE that are automatically enabled or disabled depending on the buttons you have chosen. In addition this plugin adds some commonly used options as keeping the paragraph tags in the Text editor and importing the CSS classes from the theme’s editor-style.css.

SOME OF THE FEATURES ADDED BY THIS PLUGIN

  • Support for creating and editing tables.
  • More options when inserting lists.
  • Search and Replace in the editor.
  • Ability to set Font Family and Font Sizes.
  • And many others.

With this plugin you can also enable the TinyMCE menu above the toolbars. This will make the editor even more powerful and convenient.

Further down, you’ll see several rows of unused buttons, including Justify and Underline:

WordPress Editor Unused Buttons

 

04. Using the HTML Editor

If we’re being honest, this isn’t a method to regain the justify and underline text buttons in WordPress per se. It’s more of a workaround to achieve the desired outcome. However, it’s a good option for those who want to underline or justify their text without setting up a plugin. It centers around adding some simple HTML tags to the WordPress text editor – and it’s easy to achieve.

For example, wrapping your text in <u> tags will underline any text within them…

…whereas using the <p> tag alongside an additional align value will justify your text. For example:

It’s a simple workaround that still gives you the ability to justify and underline your text, without installing another plugin.




Comments are Closed