WPB uses a WYSIWYG editor in many of its content screens.  From posts to pages to events and galleries, the WYSIWYG editor is common between all off them.

WYSIWYG is an acronym for “What you see is what you get” and its the best way to craft content before saving your post.

The editor is very powerful, with many buttons and options for writing content. Most of the options are familiar ideas, similar to options in a Word Processor – bold, italic, bulleted list style, etc… You don’t need to know how to write HTML to get your posts formatted (though you can if you want!) The Editor does the grunt work for you.

The editor has two views: Visual and Text. You can switch between these views by clicking on the tabs on the editor.

• The Visual tab is a rough approximation of a ‘what you see is what you get’ (WYSIWYG) view of your content. This includes formatting and presentation choices you make.
• The Text tab on the other hand, displays the underlying HTML that has been used to format your content. If you prefer to enter your content and then style it using HTML, the text tab gives you the ability to do so.

The Editor Toolbar

Directly above the content section, there is a post editor toolbar which will help you format your post. It has a variety of features, for example: Bold (which would bold your text), italic (which would italicize your text), underline (which would underline the desired text), add media (where you can insert photos and videos in your post), HTML tags, text alignment and others.

You can also create links by highlighting text or media and clicking the link icon.  Paste in the destination URL to activate the link.

You can access more advanced editor features by clicking the Toggle icon.

As you write, WordPress will automatically save a draft of your post. This auto-save is stored in your WordPress database temporarily. You can see the last autosave time at the bottom of the editor.

Add Images and Media to Your Post

WPB makes it very easy to add images to your posts. This could include photos, graphics, or illustrations. To do so, first click or place the mouse cursor at the position in the post editor area where you’d like to display the image. Then click on the Add Media button.

Clicking that button opens up the Insert Media screen. If there are already images in your site’s Media Library they will be displayed here. If not, you can easily add them by upload them from your computer, into the Media Library.

Once you have selected your image, you can set its alignment, make it link to a URL and set what size it should display at on your website. Once you are happy with the settings, you can click on the Insert into Post button.

Here’s the entire sequence:

If you need to revise the settings, simply click on the image in the post editor. From here you can align the image or click the pencil icon to access the various editing features.