Skip to Main Content

How to master the visual editor of WordPress - The tutorial

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 701.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

Every blogger must learn to avoid wasting time, and for that you have to master (almost) all the features that exist on WordPress, especially the ones available on the visual editor, because that's where we spend most of our time.

In the past, we showed you some shortcuts available on the visual editorand have been particularly pleased with the feedback sent by our readers.

In this tutorial I will show you 10 tricks to master (by heart) to definitely tame the visual editor.

But, before we jump in, if you've never installed WordPress, find out How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog 

For anyone who doesn't know what it is, this is actually mini-software (TinyMCE) integrated with WordPress which allows you to write articles using features that are generally found on applications such as Microsoft Office Word ou open Office

This mini-software is widely used on WordPress, it is with the latter that we create articles, pages, a forum, a shop, short it's almost essential on WordPress.

WordPress visual editor

How to show more options on the visual editor

For me it is simply the essential, because for all our settings pagewe always use a "justified text". By unfolding the toolbar, you will be able to access more features, justified alignment among others.

WordPress visual editor 2

How to master the shortcuts on WordPress

We have already written an article on it. However, I admit that it is not easy to always have it in front of you when you write an article. Public chat WordPress, there is a shortcut, which can display a window with all visual editor shortcuts only.

how view-the-shortcuts to-the-editor-visual

If you need to know what other shortcuts are available on WordPress, then I invite you to read the article: 22 WordPress shortcuts to work faster on your blog.

tutorials how to master visual wordpress editor

Single or double spaced

Most beginner bloggers often find it hard to create paragraphs and line breaks on WordPress. To create a new paragraph, you simply have to press the " Enter " or " Starter From your keyboard. So, WordPress will automatically create a new double-spaced paragraph.

To create has a easy  spacing, all you have to do is use the " SHIFT + Enter From your keyboard.

example-on-the-single-and-double-line spacing

Indeed, there are elements in your editorial space that you do not use, or others that are useful to you, but are placed in places that are difficult to access (which require you to scroll the page).

If you want to know how to reorganize your editorial space, I invite you to read the article: how to reorganize the editorial space of your WordPress blog.

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

How to switch to full screen mode to work faster

This is the feature that I use every time I start writing a new article. In most cases, when starting an article, meta-boxes such as « Publish "," Size "," Categories "," Keywords "And" Images in the spotlight », are not useful. 

Therefore, it can be useful to hide these. To switch to full screen mode, nothing more simple. You just have to click on the isolated icon on the right having 4 directional arrows oriented diagonally.

tutorials how to master wordpress visual editor 1

In full screen mode, only the elements necessary for writing will be displayed.

How to change the font size

It is with this functionality that you will be able to determine a title, a sub-title or a paragraph in your article. To change the size of a font, you need to click on the drop-down menu and choose the size you want. tutorials how to master wordpress visual editor 2

 

It is not recommended to send your videos directly to your hosting WordPress. Instead, you must opt ​​for a third-party solution such that Youtube, Vimeo to save your videos. 

Discover How to create a Youtube account and add your videos to WordPress

The first and only thing to do is upload your files to Youtube or Vimeo and insert the address of your video in the visual editor.

How to switch from Visual Editor Mode to Text Editor

This tip concerns much more HTML developers, because indeed, with this feature, you will be able to switch to editing mode of the HTML code on the editor.

how to pass-by-way-of-text editor,

Don't try this editor if you don't know what you are doing.

There are a large number of plugins available that will allow you to add buttons on the visual editor. However, it must be recognized that in most cases, these plugins do not offer satisfactory solutions, let alone the small bugs that exist.

If you want to know whether it is possible to use buttons on the WordPress visual editor, I invite you to read: how to add buttons on WordPress without using shortcodes.

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

But back to why we are here.

Usually when you copy text from another location (from another website for example), and paste it on the editor of WordPress, it will be added with the same formatting. 

In some cases this can be helpful, but in others it is particularly irritating. In my case, I prefer to add a text without formatting.

How a paste-text-without-up-in-shape

Discover also some premium WordPress plugins  

You can use other WordPress plugins to give a modern appearance and to optimize the handling or operation of your blog or website.

Here are some premium WordPress plugins that we recommend. 

1. The Grid

The Grid is a premium WordPress grid plugin that allows you to present all types of posts in a fully customizable and responsive grid system. It is perfectly suited for displaying your blog, portfolio, e-commerce products or any kind of WordPress post type.The Grid Grid Responsive WordPress Plugin

This plugin supports the following file formats: standard, video, audio, gallery, link, quote. The possibilities are limitless and can be easily controlled with a powerful administration panel.

The Grid is one of the most advanced grid plugins on WordPress and also the only one with a 100% responsive touch slider. You can filter any kind of grid in this touch slider, which is just unique. The plugin can be easily integrated into a WordPress theme and with a personalized style ...

Download | Demo | Web hosting

2. ConvertPlus

ConvertPlus is an all-in-one WordPress plugin that turns your website into a powerful lead generation module. It allows you to create your own email list, bigger, faster and more targeted than ever before. You can create beautiful popups in minutes and start converting your visitors into subscribers, followers and customers.Popup Plugin ConvertPlus WordPress

Among its features we find among others:read from 10 places for displaying the popup, p100 themes, pvideo opups, psocial opups, fintegrated ormals, Widgets, binformation arres etc ...

Download | Demo | Web hosting

3. WP Real Media Library

WP Real Media Library (RML) is one of the most coveted media management plugins on the WordPress platform. It is easy to use and actually allows you to organize thousands of images in folders.

WordPress Real Media Library Media Categories Folders File Manager

Its use is really simple. Use your mouse (or your touch) to drag and drop your files. You will easily be able to create, rename, delete and reorganize your folders in your website. When you need to select an image, you can for example filter your library to quickly find your file.

WP Real Media Library supports all your images, as well as your media files, as soon as it is installed. It also supports the multisite network of WordPress.

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]

Download | Demo | Web hosting

Recommended Resources

Find out about other recommended resources to help you build and manage your website.

Conclusion

Voila! We hope this tutorial helps you master the visual editor. do not hesitate not to ask us your questions if you encounter difficulties.

However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.

If you liked it, don't hesitate to share with your friends on your favorite social networks

... 

This article features 17 comments

  1. Hello,
    I am using wp updated, theme: maipro lifestyle and here is my concern.
    To write a page, I see my complete layout bar. (With image insertion, formats, attached an image ...)

    BUT As soon as I write an article, I only have access to the basic layout (align, bold, italics, links) That's it.

    Is there a way to activate the full menu for items?
    Thank you for your help.

  2. Hello,

    I am using WP and so far had not encountered any issues.
    But today, while I was writing an article, then going into preview mode, my paragraphs and photos all stuck together, with no spaces. I tried to include spaces of several lines but even there everything remains stuck in one and beautiful block ...
    Could you help me ?
    Thank you in advance,
    Lia.

    1. Hi,

      Have you deactivated the "preview" mode? Is the problem the same when you try to write a new article?

  3. A big thank you for this very practical tutorial, I had trouble just going to the next line by pressing the enter key each time. now I understood I understand that you have to use "Shift + Enter" for a simple line break a bit like on facebook or youtube.
    Thank you again for this article.

  4. Hello,

    I just installed a theme under the latest version of WP.
    When I want to create a new page I no longer have the “Advanced formatting editor” tab as I have it on another site with another theme.
    I therefore cannot modify or integrate blocks (column, videos…).
    I just have an "insert a shortcode" tab but I am not a developer!

    Thank you for your reply.

    1. Good evening Thierry,

      I invite you to contact our team for a layout as we do not provide free technical support sorry. Our free help is limited to the tutorial.

  5. Hello,
    Following an update to WordPress, version 4.7.2, I lost elements of my article writing toolbar, the “justified text” function in particular. I am using the VisitPress theme.

  6. Hello,
    The toolbar of the text editor of my premium site has disappeared… I have deactivated and reactivated the extensions: nothing to do!
    Thank you for helping me,
    Lucien

    1. Hello Lucien,

      We don't even know the name of the plugin you are using to create your members area ... Can you start there?

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
3 shares
Share2
tweet
Save1