14 Tips for Mastering the WordPress Visual Editor

By WP Saviour •  Updated: 08/11/20 •  7 min read

Most WordPress customers spend extra time with WordPress visible editor writing posts than every other a part of the admin space. WordPress visible editor lets you create content material in a WYSIWYG (What you see is what you get) atmosphere. It’s simple to make use of, however as an influence consumer you’ll be able to enhance your productiveness by studying these lesser-known tips. On this article, we’ve got gathered 14 ideas for mastering the WordPress visible editor. The following tips will educate you the right way to use WordPress visible editor like a professional.

The WordPress Visible Editor


WordPress Visible Editor makes use of a modified model of TinyMCE which is an open supply software program itself similar to WordPress. The WordPress visible editor is extensible which means you’ll be able to add extra choices and buttons into it. We are going to present you ways to try this later on this article.

Tip 1. The Kitchen Sink

By default the Visible Editor solely reveals a single row of buttons within the editor. Kitchen Sink is the final button on this row. Clicking on it’s going to show one other row of buttons with extra buttons.


Tip 2. Grasp the Keyboard Shortcuts

It’s annoying to maneuver the mouse over simply to make some textual content daring or add a hyperlink. The visible editor comes with a bunch of helpful keyboard shortcuts for the most typical formatting duties.

Utilizing keyboard shortcuts as a substitute of mouse is not going to solely save time however can even make writing simpler for you. Try our information on probably the most time-saving keyboard shortcuts in WordPress.


Tip 3. Single and Double Line Spacing

Many saviour stage customers usually discover it tough to determine the right way to create paragraphs and line breaks in WordPress. So as to add a brand new paragraph within the visible editor it’s essential press the Enter key. WordPress will add a brand new paragraph with double line spacing.

If you need to simply enter a line break with single line spacing, then it’s essential press Shift + Enter keys collectively. Try our information on the right way to add single/double line spacing in WordPress.

Tip 4. Rearrange the Submit Editor Display screen

The submit editor display in WordPress doesn’t simply have the submit editor. It has different sections (generally known as metaboxes) for a lot of different issues similar to classes, creator, customized fields and so on. When writing posts, you in all probability solely use a couple of of those packing containers and remainder of them are simply sitting there.

A litter free writing space helps focusing and get extra issues accomplished. Fortunately, WordPress lets you present and conceal objects from submit edit display. You’ll be able to even rearrange them to your individual liking. See our saviour’s information on the right way to rearrange submit edit display in WordPress.

Tip 5. Utilizing Distraction Free or Full Display screen Writing Mode


There are occasions when it’s essential simply concentrate on writing with none consumer interface distractions. WordPress comes with a full display writing mode which presents a distraction free editor. Simply click on on the complete display button, and your submit edit display will remodel right into a full display editor.


Tip 6. Altering Font Measurement in WordPress Visible Editor

We perceive that typography performs a vital position in net content material. It’s possible you’ll need to use totally different font sizes to seize your viewers’s consideration or spotlight totally different sections in a prolonged article.

By default, WordPress visible editor lets you change the font measurement into paragraph textual content, headings, and so on. If you need much more font measurement choices then check out our information on the right way to change the font size in WordPress.


Tip 7. Find out how to Add Columns in WordPress Submit Editor

WordPress submit editor doesn’t include a default answer so as to add multi column content material in a submit or a web page. Nevertheless you’ll be able to add multi-column content material by switching to Textual content mode and write the HTML to create columns. Ofcourse that’s not the simplest approach to do it.

Nicely the excellent news is that you just don’t want to jot down HTML to create multi-column content material. See how one can add multi-column content in WordPress posts and pages utilizing the visible editor with out writing any HTML or CSS.


Tip 8. Creating Tables in WordPress Posts

One other factor lacking from the default WordPress submit editor is a button to create tables. Typically it’s possible you’ll must insert information tables in WordPress posts.

A technique so as to add tables in WordPress is by utilizing some on-line desk generator, however these tables will not be fairly. Fortunately there’s a better method so as to add tables in WordPress posts immediately from the submit editor. Discover out how to add tables in WordPress (no HTML required).

Tip 9. Find out how to Add YouTube Movies in WordPress Submit Editor

It is best to by no means add your movies to WordPress. As a substitute you must use a video internet hosting service like Vimeo or YouTube to share your video content material.

First you would want to add your video to YouTube (or Vimeo), after which merely paste your video URL within the submit editor. Try detailed directions in our information on how to add videos in WordPress.

Tip 10. Change to HTML Editor

Whereas the visible editor is nice for its ease of use, keyboard shortcuts, and visible look, don’t underestimate the facility of the textual content editor. Typically when you find yourself battling picture alignment points or the editor not permitting you to begin a brand new line after including a picture, switching to HTML editor is the quickest answer. Simply click on on the Textual content tab on the editor and proceed writing.


Tip 11. Including Buttons With out Utilizing Shortcodes

There are numerous WordPress plugins that assist you to add lovely name to motion buttons in WordPress utilizing shortcodes. The issue is that your button is just not immediately seen within the editor.

What if we advised you which you can add buttons and see them precisely as they’d look in your WordPress submit or pages? Try this text on the right way to add buttons in WordPress with out utilizing shortcodes.


Tip 12. Verify Spelling and Grammar Errors

Spelling errors and grammar blunders are quite common. Enhancing your individual articles is hard and generally you simply can’t appropriate all of the errors by merely re-reading your articles.

Fortunately there’s a easy answer to beat this downside. Try our information on the right way to check grammar and spelling mistakes in WordPress for detailed directions.


Tip 13. Paste as Plain Textual content

When you paste some content material copied from another net web page, TinyMCE will copy the formatting fashion of the textual content. To resolve this downside it’s essential press the Paste As Textual content button in visible editor earlier than pasting your textual content.


Tip 14: Including Particular Characters

Typically it’s possible you’ll want so as to add a copyright, registered and trademark indicators in your posts. The best method so as to add these and plenty of different characters is by utilizing the Particular Characters button within the submit editor.

Merely press the button and a popup containing particular characters will seem. Click on on the particular character you want, and it’ll seem within the submit editor.


We hope the following tips helped you grasp the WordPress visible editor.

gp-6626330 as-3959226

WP Saviour

I am a WordPress specialist. My mission is to help you create beautiful websites with ease!