Thrive Content Builder Plugin For WordPress

Thrive Content Builder is a plugin for WordPress that allows you to quickly build stunning content layouts with true click-to-edit and drag and drop simplicity …

WordPress EditorWordPress has evolved from being just a simple blogging application into a tool being used to design all types of web pages – marketing pages, product showcase pages, local business pages, etc.

Whatever you can think of, someone is probably already building it using WordPress!

In this article you will discover the most easy-to-use WYSIWYG editor for WordPress.

Drag And Drop Content Editors For WordPress

Does The Default WordPress Content Editor Still Meet All Of Your Page Design Needs?

Using the default WordPress content editor to build or edit sophisticated page layouts can be challenging, especially for non-technical web site owners.

WordPress Editor

(The default WordPress editor is great for adding, formatting and editing conventional text and media, but adding more complex page elements can be challenging!)

For example, if you look at the illustration below …

Thrive Content Builder For WordPress

To add the above layout to a page would require entering something like this inside the default WordPress content editor …

Thrive Content Builder - WordPress Click-To-Edit Drag & Drop Content Creation Tool

Typically, this is not really an issue … unless you want to change the layout (for example, move part of the content from box 1 into box 2, or change the button inside box 2 from red to gray. Then, you’re stuck having to mess around with page code.

The WordPress visual content editor is supposed to be an easy-to-use WYSIWYG (What You See Is What You Get) content editor, but as you can see, when working with complex page elements, what you see is not really what you get …

Thrive Content Builder Plugin

(“What You See” isn’t always “What You Get” … unless you can visualize code!)

In some situations, you may even be better off working inside the text editor tab instead of the WordPress visual editor when trying to add complex page elements …

Thrive Content Builder - WordPress Plugin

Even though WordPress is very user-friendly, this makes it hard for non-technical users to fully manage their own content.

The fundamental issue with using shortcodes and HTML to create content in the default WordPress WYSIWYG editor can be summarized as follows:

1) Speed – How long will it take to create a page using this editor?

2) Abstraction – How closely does the content in the editor resemble the “front end” content when you are creating or editing a page?

Thrive Content Builder Plugin For WordPress

As you can see from the above, what you see in the content editor does not look anything like what you see in the front end. This means that users have to translate mentally what the content will look like when working with complex layouts. Other solutions require taking several steps before you can begin configuring your page layout, or endlessly going back and forth between browser tabs and performing tweaks and updates to see how your content is progressing, which then impacts how fast you can create your content, as you wait for the content to refresh.

Many WordPress web developers have come up with various solutions aiming to make the visual editor easier. Some of these range from standalone WordPress plugins you can add to your site that add new functionality to the editor, to themes that offer built-in features like drag and drop editing …

Thrive Content Builder - Click-To-Edit Drag And Drop Content Creator And Editor For WordPress

(WordPress “drag and drop” editors aim to make creating complex layouts easier!)

Some solutions include so many page design features, that users need to learn how to work with complicated-looking front end editors …

Thrive Content Builder For WordPress

Many of these alternative editors work fine, but they still don’t address the fundamental problem with using HTML and shortcodes as described earlier. Adding and editing sophisticated content elements on a web page becomes overly complicated, involves multiple steps and doesn’t match what users expect to see on the “front end.”

If you want to create or edit complex layouts quickly, this can start to become quite frustrating after a while.

Ask yourself this …

If there were no technical constraints, how would you like to build and edit your content?

Now that you’ve asked this question, imagine this …

  • You see something in your content that needs to be corrected so you, simply click on the content and start editing it. Your content is then instantly changed.
  • You simply drag and drop elements on the page, and see them exactly as they will display on the front end without having to mentally visualize shortcodes or HTML.
  • You have an idea for a specific piece of content that you would like to create, so you simply start typing, and your page gets built as you go, with no delays, no tab switching, and without having to wait for web pages to reload.

Would this not be the perfect way to create content for your WordPress website? A true visual content builder where all you have to do is click-to-edit and drag and drop elements around your pages?

Thrive Content Builder - WordPress Click-To-Edit Drag & Drop Content Editing Plugin

(Imagine being able to create complex pages quickly for your web content without technical skills required!)

If you are ready to change the way you create content in WordPress site, then here is a plugin that you may want to consider using …

Thrive Content Builder – Create Stunning Content And Beautiful Layouts With Drag & Drop Ease In WordPress Web Sites

Thrive Content Builder Plugin For WordPress

Plugin Description

Thrive Content Builder is a truly intuitive click-to-edit drag-and-drop content and landing page builder plugin for WordPress.

Thrive Content Builder Plugin

The Thrive Content Builder plugin provides you with a new and incredibly easy way to speed up the process of creating content on your WordPress website.

Once installed, the plugin adds a visual content editor with a menu that lets you select, then drag and drop elements on your web page …

Thrive Content Builder - WordPress Plugin

(Thrive Content Builder adds a new content editing option to WordPress)

The Thrive Landing Pages And Content Builder plugin is actually a combination of the Thrive Content Builder and Thrive Landing Pages plugins rolled into one, plus an additional plugin feature called Thrive Lightbox.

Thrive Content Builder - Click-To-Edit Drag And Drop Content Creator For WordPress

Let’s take an in-depth a look at each of the above plugins and how these exciting features work seamlessly together to help you transform and improve your web presence and create amazing marketing pages and engaging content.

Thrive Content Builder For WordPress

With this plugin installed easily add content to your web pages using drag and drop elements …

Thrive Content Builder - WordPress Plugin

Every aspect of your page can be designed with ”click-to-edit” and “drag and drop” ease …

Thrive Content Builder - WordPress Click-To-Edit Drag And Drop Content Creator

Once you have positioned your elements on your page, you can continue to further customize or edit them without having to go through additional steps or complicated settings screens …

Thrive Content Builder For WordPress

The built-in Landing Pages editor also lets you create beautiful landing pages that can just as easily be edited or customized …

Thrive Content Builder - WordPress Click-To-Edit Drag And Drop Content Creation Tool

Thrive Content Builder and Landing Pages is simple, easy to use, and ideal for all WordPress users at all levels. In fact, designing pages with the Thrive Content Builder and Landing Pages plugin installed is so effortlessly simple, that the developers warn that you’ll never look at the process of creating and adding content the same way once you start using it

For more details, visit the plugin site here: Thrive Content Builder

Useful Tip

Thrive Content Builder and Thrive Landing Pages were created by the same team that developed Thrive Leads, another great plugin for WordPress that we have recommended on this site.

Go here to learn more about the plugin:

Benefits

Below we have listed just a few of the benefits and advantages of using Thrive Content Builder to speed up content creation:

Quick And Easy To Install And Configure. Ready To Use In No Time.

Thrive Content Builder is quite easy to install. Just upload a zip folder that contains the plugin to your Plugins folder via your dashboard and activate.

Edit & Add Content In Real Time

Thrive Content Builder is is not only very simple and intuitive to use, it also lets you create content in real-time.

What You See Is Truly What You Get

With Thrive Content Builder installed, what you see as you work within the content editor – fonts, elements, page layouts, etc. is exactly what you get in the front end of your site.

Thrive Content Builder Plugin

Some additional benefits include the following:

  • Stunning Web Page Layouts With Drag And Drop Ease: Create any kind of layout you can imagine with drag and drop ease.
  • Add Design Elements With No Shortcodes Required: With Thrive Content Builder you not only get a click-to-edit WordPress content builder, but the plugin also includes a collection of customizable web design elements that you can customizable and use on your pages without using shortcodes, for e.g.: pricing tables, content reveal feature, testimonials, credit card icons, etc.
  • Ideal For Non-Technical Users: Not having to deal with technical stuff, or having to wait for pages to refresh frees up your attention and allows you to be more focused while you build content or click through multiple steps to get what you need done.

Thrive Content Builder - WordPress Click-To-Edit Drag And Drop Content Editing Plugin

(Add, edit and customize page elements like testimonial boxes, content toggle, content reveal feature, section dividers, responsive videos, etc.)

Thrive Content Builder Features

Thrive Content Builder offers web site owners a number of unique features. Below we have listed just some:

  • Regular WordPress Content Functionality Is Preserved: You have access to all of the built-in WordPress content editing options that you are used to (e.g. underline, paragraph centering, heading styles, etc.),
  • Drag And Drop Multi-Style Elements Menu: The plugin adds a “drag and drop” list of multi-style elements to your post or page screen when editing content.
  • Conversion-Boosting Elements: The plugin includes various attention-grabbing and customizable elements that will help increase your sales conversions, including buttons and call-to-action elements, testimonial boxes, and guarantee forms. In addition to being customizable, multiple design options are also available for various elements.
  • Responsive Design: Add responsive elements like columns, text boxes, content dividers, e.g. which will display great on different screens.
  • Add Animation Events To Pages: Thrive Content Builder’s Event Manager feature lets you add animation in buttons, trigger lightboxes and more!

Thrive Content Builder - Click-To-Edit Drag And Drop Content Creator And Editor For WordPress

(Add Animated Elements To Your Pages)

Thrive Landing Pages Plugin – Landing Page Template Sets

Thrive Landing Pages provides sets of templates that work together logically and use the same conversion-optimized design language to take your visitors from initial signup to purchase, product download and more.

Thrive Landing Pages Plugin - Landing Page Templates

(Thrive Landing Pages lets you add conversion-optimized web pages to your site)

Thrive Landing Pages – Benefits

  • Hosted on your own WordPress site
  • Save time and money creating beautiful landing pages for your site
  • 100% conversion-optimized pages
  • No coding skills required
  • Works with all themes

Thrive Landing Pages and Content Builder not only lets you create beautiful content in your WordPress posts and pages, but you can also choose from dozens of professionally designed, landing page templates that are conversion-optimized and fully customizable …

Thrive Landing Pages - Landing Page Templates

(Landing page template sets that work together logically and use the same conversion-optimized design language)

There are 30+ templates available, with more templates being worked on. In addition to the available templates, expect to see new templates in the future for email lead generation, sales pages, course pages, personal branding pages, webinar pages and more.

Fully Customizable And Flexible Landing Page Template

Normally, in order to fully customize landing page templates, you would need to either hire a web site designer to do the work, or learn how to code web pages and figure out what to do yourself.

As Shane Melaugh, co-founder of Thrive Themes says …

“There are many ways to get a pre-designed page published quickly, but the problem comes with customization. Total design freedom requires either hiring web developers to do the work for you, or learn how to do it yourself, which involves learning how to mess around with code or use complicated editors. Customizable usually means complicated, expensive or time-consuming. So, you can either have something that is fast and easy to set up, or something that is customizable and flexible. But you couldn’t have both … until now! With Thrive Landing Pages you get the best of both worlds for creating conversion-optimized web pages.”

Thrive Landing Pages gives you stunning pre-built pages that are fully optimized and ready to go, and complete design freedom that lets you change or edit any aspect of the page templates …

Thrive Landing Pages - Landing Page Sets

With the landing page template sets included with this plugin, you are able to:

  • Edit text in all headlines, buttons, bullet points, etc.
  • Remove text, images or any other element of the landing page
  • Replace any background images and background colours
  • Edit the color of links, text, buttons, etc.
  • Choose your own fonts
  • Select your own images and graphics
  • Edit content area size
  • Rearrange the order of page elements
  • Translate pages into a different language
  • Add any kind of custom content inside your pages
  • Start with a blank page and create your own templates, or even build a custom landing page templates library.

Thrive Landing Pages - Landing Page Templates

(Change and edit any aspect of the page)

Thrive Lightbox Plugin – Transform Your Web Site Into A Marketing Machine

The Thrive plugin combo includes Thrive Lightbox, which lets you add fully editable 2-step opt-in forms and animated objects to your WordPress site …

Thrive Lightbox - Transform Your Web Site Into A Powerful Marketing Machine

(Add opt-in forms and events to your web pages with the Thrive Lightbox plugin)

Thrive Lighbox 2-Step Opt-in Forms

A 2-step opt-in process can increase your conversion rates. Visitors click on a button or image, and then they are presented with your opt-in form …

Thrive Lightbox Plugin - Transform Your Web Site Into A Powerful Marketing Machine

(two-step opt-in forms help to improve your conversion rates.)

Event Manager

An “event” consists of a trigger and an action. You can make opt-in forms appear when when visitors click or hover over a button or graphic elements, or when someone reaches a certain point on the page. You can also use the Event Manager to animate attention-getting elements on your page, using a range of effects (e.g. zoom out, slide in from bottom to top, roll out, etc.

Event Manager

(Set up and manage events on your marketing pages with the Thrive Lightbox plugin)

Lightboxes and events are created automatically for your landing pages, but you also have complete control over all events, triggers and design.

Thrive Lightbox Event Manager

Feedback From Plugin Customers

Below are a couple of the testimonials plugin customers have submitted regarding the Thrive Content Builder plugin:

”You guys are simply awesome I am loving everything you are doing at the moment. Keep up the great work you really are making such a big difference in this field. Jule Fuller”

***

“I’m blown away by the plugin. Keep up the incredible, WordPress changing work, guys! Dean Phillips”

Plugin Tips

Thrive Content Builder works with any WordPress theme, not just with Thrive Landing Pages. You cannot use Thrive Content Builder to edit content on pages or posts that were not created with the plugin.

You can add WordPress short codes inside Thrive Content Builder or Thrive Landing Pages and they will be displayed correctly on on your site.

Thrive Lightbox works with any content built with Thrive Content Builder.

Support

Thrive Landing Pages and Content Builder provides free updates, new landing pages and upcoming features. The Thrive team is constantly working on adding new features and improving existing ones.

Thrive products are well-supported, and users get unlimited software upgrades, and 1 year unlimited support with their purchase, backed by a risk-free, 30 day, complete refund guarantee.

This is an exciting product that will just keep getting better.

Software Cost

At the time of writing, the pricing information shown below includes all three components described above (Thrive Content Builder, Thrive Landing Pages & Thrive Lightbox):

  • Single Site License – This edition enables you to use the plugin on a single site. Includes full feature set, unlimited updates and one year of unlimited support. Cost = $59.00.
  • Unlimited Sites License – This license option allows you to run the plugin on all of your personal web sites. Includes full feature set, unlimited updates and 1 year of unlimited support. Cost = $87.00.
  • Agency Licensing – Use on all your domains and on all your client websites. Includes access to Thrive Content Builder, plus all Thrive Themes & Thrive Plugins. Cost = $247.00 per year.

Please Note: The cost to purchase the Thrive Content Builder software can vary, depending on whether there are any promotions or limited-time special offers. The above reflects the current pricing at the time this article was published. This may not be the actual pricing charged by the product author when you visit the website and there may be additional upsells or one-time offers after purchasing.

Check the plugin’s website for current pricing details:

Additional Information

The developers of the Thrive Content Builder and Landing Pages plugin repeatedly assert that the plugin’s architecture gives you the “best of both worlds,” and help bring back the “joy of creating content.”

On the one hand, you have the time-saving benefits of ready-made web page elements and template sets that help make designing your pages faster, and on the other hand, you also have complete control over your design process and the freedom to change everything on your web page, using the plugin’s visual content editor, which allows you to get things done without having to open multiple dialog boxes.

For ”how to” videos of the plugin, including help documentation and tutorials, FAQs, support help desk, contact details and more, visit the Thrive plugins website.

Our Recommendation …

If you want to edit something, you click on the element and start editing. If you want to change something, you will see the change happen immediately. If you want to move something, all you need to do is drag it and drop it into its new position. There are no extra steps involved.

If you want to transform and improve your web presence and create amazing sales pages, streamlined landing pages and engaging content, Thrive Content and Page Builder delivers an incredible conversion-boosting package with a single, inexpensive plugin.

Thrive Content Builder

For full details, check out the plugin here:

***

How To Use The WordPress Visual Content Editor

This tutorial shows you how to use the WordPress Visual Content Editor – what the menu items do, how to format text, plus useful tips and information on how to get the most out of the WordPress content editor.

A Basic Guide To Content Formatting In WordPress For Beginners*** Important ***

WordPress introduced a new content editor in version 5.0 called Gutenberg.

For tutorials on how to use the new Gutenberg content editor, go here:

***

WordPress makes publishing and formatting content online easy by providing users with a fully-featured visual editor that does not require knowledge or experience of coding to create professional-looking web pages with formatted text and embedded images quickly.

In this tutorial, we show you how to use the WordPress Visual Content Editor.

A Basic Guide To Text Formatting In WordPress For Beginners

WordPress comes with a built-in WYSIWYG (What You See Is What You Get) visual editor that allows you to format text, create and edit hyperlinks, add images and media to posts and pages, and so much more, just by clicking a few buttons …

WordPress editor

(WordPress content editor)

WordPress Visual Editor Menu Toolbar Explained

If you have used an editor like Microsoft Word, then the WordPress content editor interface should feel quite familiar to you …

WordPress Visual Editor Menu Items

(WordPress Visual Editor Menu Items)

Below is a brief description of each of the visual editor menu toolbar buttons shown in the screenshot above:

1. Post Title Field – Type in your Post/Page title here.

2. Permalink – Click on the Edit button to change the permalink text of your post or page. This is useful if you would like to edit your post or page URL.

3. Add Media – Click this button to upload, manage and insert pictures, videos, audio, etc. into your post from your computer, an external storage location, or from your website’s media library.

4. Visual Tab – Click to access the WYSIWYG (What You See Is What You Get) content editor.

5. Text Editor Tab – Switch between the two tabs to add content in the WYSIWYG mode and make changes to its underlying code. When entering content in the text tab, WordPress automatically converts line breaks into paragraphs …

WordPress Text [HTML] Editor Tab

(WordPress Text [HTML] Editor)

6. Bold – Select words and click this button to add bold formatting.

7. Italics – Select text and click this menu item to make the words italicized.

8. Strikethrough – Formats your selected text with strikethrough.

9. Unordered list – Select this menu button to turn your text block into an unordered list, e.g.:

  • List item 1
  • List item 2
  • List item 3
  • etc …

10. Ordered list – Choose this function to turn your selected text block into an ordered list like the example below:

  1. List item 1
  2. List item 2
  3. List item 3
  4. etc …

11. Block Quote. Select this button to insert a blockquote into your content. Simply select the content section you want included in the block quote and click the button.

To exit the quote press the “Enter” key to create a line of space and then click the block quote button again and this will return your text to standard format.

12. Dividing Line. Click this menu button to insert a horizontal line into your content …

Add a divider to your content

(Add a line to your content)

13, 14 & 15. Alignment buttons – Click these buttons to align your page elements …

13. Align Left

14. Align Center

15. Align Right

Press the “Enter” key and add a line of space to end the alignment command.

16. Insert/Edit Link. Use this button to add hyperlinks to your content (See “Creating Hyperlinks In WordPress Posts & Pages” tutorial to learn more about using the hyperlink function).

17. Unlink. Highlight content you would like unlinked and click this button to delete the hyperlink.

18. Read More Tag. Click this item to insert a “read more” link into the content wherever you have placed the cursor. All text added to a post prior to the insertion of this tag will display when published, but anything added to the post after this tag only displays to site visitors once they click the “read more” link …

Insert 'Read More' Tag

(’Read More’ Tag)

Important Info

The ‘Read More’ tag doesn’t work on WordPress Pages. It is only used on the page showing your latest blog posts (i.e. your Blog Page).

19. Enhanced Menu Mode. Clicking this button toggles the WordPress visual editor between minimal mode (one row of buttons) and enhanced mode (two rows of buttons).

Show/Hide Kitchen Sink

(Display/Hide Kitchen Sink)

20. Distraction-Free Writing Mode. Click this menu button to toggle between distraction-free writing mode & normal mode. This is handy for checking the placement of items on the page and for working on your content free of other page element distractions …

Distraction-Free Writing Mode

(Distraction-Free Writing Mode)

With distraction-free writing mode enabled, the surrounding page elements return as soon as the cursor is moved outside of the content area.

Refer to the “Tips” section further below for useful tips on using this feature.

21. Format Style. Use this feature to add styling to selected text.

Notes:

  • The style pulldown menu may include default headings and other pre-defined styles built into your theme.
  • When you create a new post or page and start typing into the content editor, the text is formatted using the default “Paragraph” style.
  • Modifying content styles generally require having knowledge of CSS (Cascading Style Sheets).

To add a heading style to your content, highlight your text and select a format style from the drop menu (e.g. Heading 4) …

Style Options

(Heading Formats)

22. Underline. Select words and click this button to add underline formatting.

23. Justify. Clicking this button will justify a paragraph where your mouse cursor has been placed or text highlighted. Justification ”neatens” your paragraphs by ensuring that line ends are not “ragged” (as when text is left-aligned by default).

24. Select Text Color. Highlight your text and select a color from the drop menu options to replace your text color …

Select Text Color

(Text Color Palette)

Info

You can expand the selection of colors available in the color palette by clicking on the Custom link …

Custom Text Color Palette

(Custom Color Palette)

You will then have access to wide choice of colors. If you are familiar with the Hexadecimal (HEX) color system, just type in the values for the specific color you want into the # field. Otherwise, click in the color box, enter RGB values or use the slider to add a custom color.

The table below shows HEX color values for some of the most commonly used “web safe” colors (i.e. colors that display correctly across most monitors) …

HEX Colors [Web-Safe]

(HEX Color Codes [Web-Safe])

25. Paste as Text. Click this button to paste the content of your clipboard into your content editor area as plain text …

Plain Text On/Off Mode

(Plain Text On/Off)

See the “Tips” section further below for useful details on using this function.

26. Remove formatting. Use this feature to clear all content formatting if you spot unnecessary formatting codes in your text (or if your content isn’t displaying as you expected after your post or page has been published).

27. Insert special character. Click this button to insert special characters like © ® ™ and many other symbols into your content.

Insert special characters into your content

(Add symbols and special characters to your content)

For more information about adding custom characters to WordPress, visit this tutorial:

28. Decrease Indent – Clicking this menu button moves paragraphs to the left.

29. Indent – Click this button to indent a block of text.

This is a line of indented text.

To keep indenting text, press the Increase Indent button more than once.

30. Undo. Click this button to undo your previous actions. This is useful if you accidentally delete text, or format text incorrectly and need to backtrack.

31. Redo. Click this button to redo a change or deletion that you have made.

32. Keyboard Shortcuts. Click this button to bring up the Keyboard Shortcuts feature. This is covered in more detail in the Tips section below.

Tip

Plugins can add new items to your WordPress content editor …

Plugins can add extra items to the WordPress editor

(Plugins can add extra buttons to your content editor)

Important

Underline And Justify Buttons Removed From The Editor In WordPress 4.7

The WordPress development team has removed the Underline and Justify buttons from the visual editor in version 4.7, as it was felt that underlining text can confuse readers who may interpret it as a hyperlink and the justify button was removed because most web browsers that render CSS and HTML lack sophisticated page layout functions to adjust the gaps left in words by justification and can make text less readable.

Underline And Justify Buttons Removed From The Editor In WordPress 4.7

(Underline And Justify Buttons Removed From The Editor In WordPress 4.7)

Although the buttons have been removed from the toolbar, you can still use the keyboard shortcuts for both buttons (see below).

WordPress Content Editor Tips And Additional Information

Tip #1 - Keyboard Shortcuts

As well as using the buttons in your toolbar menu, you can use the key combinations below as you type. This will help to add and format your content faster …

WordPress Content Editor - Keyboard Shortcuts

(Content Editor Power User Shortcuts)

Additional Formatting Shortcuts

Prior to the release of version 4.5, WordPress introduced formatting shortcuts for lists and headings. In WP 4.5 you can now also use formatting shortcuts for horizontal lines and code …

WordPress 4.5 - Formatting Shortcuts

(Formatting Shortcuts)

Add 3 horizontal dashes to insert a horizontal line and enclose your text in backticks to turn it into <code> …

WordPress 4.5 : Formatting Shortcuts - Backticks

(Formatting Shortcuts – Backticks)

The formatting shortcuts for horizontal lines and code are shown below …

Formatting Shortcuts

(Formatting Shortcuts)

To learn how to enhance the WordPress visual editor with additional formatting features, see the tutorial below:

Tip #2 – Pasting Content Into WordPress From Microsoft Word

MS Word and some other text editors contain formatting code that is not directly visible when copying text from a document into the clipboard.

If you’re using an earlier version of WordPress than version 3.9, pasting content directly from Microsoft Word into the editor will add a bunch of messy code …

Pasting content from word processors into pre-WordPress 3.9 versions adds unwanted formatting to your content.

(Pasting content from word processing applications into pre-WP 3.9 versions adds unwanted formatting to your content.)

As WordPress improves its software with new releases and updates, more of the work of integrating different platforms and making things work seamlessly together will happen “magically” behind the scenes, requiring users to become less and less technical-minded.

WordPress now comes with built-in support for pasting content directly from Microsoft Word and other word processors. If the source content is not pasting cleanly, however, then try pasting it into your content editor using the plain text mode button and format everything later.

Click on the Paste as text menu button …

Paste as text button

(WordPress Editor – Paste as text menu toolbar button)

When you click on the Paste as text menu button, the following notification displays …

Paste as Text message window

(Paste as Text popup window)

Tip #3 – Clear Formatting Toolbar Button

You can remove formatting from pasted content inside the WordPress editor.

Before …

Before formatting removal

After …

After formatting removal

This feature can be useful if, for example, you have pasted text from an external website that contains CSS styling formatting.

Sometimes, you cannot tell whether or not the content you’ve sourced and pasted from an external website or blog contains formatting specific to that site …

Content pasted directly from external websites ...

(Content pasted directly from external websites …)

… until you click on the Text tab and see its underlying HTML …

Content pasted from external websites can contain incompatible formatting

(… may include unwanted CSS styling!)

If you’ve copied content from your own blog, everything may look fine until you make a change to the styling (e.g. change your color scheme) and discover that some of your earlier content elements (e.g. links) have been formatted differently.

For this reason, we recommend removing the formatting from pasted content, especially if your content has been copied from other websites.

To do this, paste your pre-formatted content into the Visual editor …

You can paste formatted content into the WordPress visual editor

(Paste pre-formatted content into the WordPress visual editor)

Next, select all the content and click on the Clear formatting button …

Clear formatting button

(WordPress Visual Editor – Clear formatting menu toolbar button)

All formatting (e.g. bold, italicized text, etc.) is removed …

Formatting removal

(Removing content formatting)

Note that some content elements will not be removed from your text after applying this button. This includes hyperlinks, headings, blockquotes, etc.

Practical Tip

Here is a quick way to test for content errors that you suspect may be caused by poor formatting tags without losing the original content.

Before using the Remove formatting function, switch to the Text editor tab, then select and copy all of your text to the clipboard …

Copying formatted text in WordPress

(Copying formatted text)

Open a new text file, paste the content from your clipboard into it, then go back to your editor and complete the formatting removal process. Now, if something goes wrong, at least you have a backup copy with all the original content formatting preserved.

Tip #4 – Adding Single Line Spacing To Content

As with most applications, line returns are created by pressing the “Enter” key after typing text …

Default line spacing

(Default line spacing)

When you hit the “Enter” key to start a new line, WordPress adds a regular paragraph ending tag (</p>) behind the scenes. To insert a line break tag (<br />) and create single line returns, use both the “shift” and “enter” keys …

Line spacing - break returns

(Line spacing – break returns)

Breaks enable the formatting of the paragraph to be carried over. This is useful if you want to add a line break to a bulleted section or keep the same style going in a different text block.

Tip #5 – Resizing The WordPress Visual Text Editor Box

By default, WordPress has the Full Height Editor feature enabled, providing users with a responsive and auto-adjustable content editor …

WordPress has a built-in responsive editor

(WordPress comes with a built-in responsive content editor)

You can quickly check whether the Full Height Editor feature is enabled or not, by looking at either of the  following tell-tale signs:

  • If you can see the Distraction-Free Writing Mode icon, then the Full Height Editor function is active,
  • The Full Height Editor feature has been activated if you cannot see the editor scrollbar

How to tell if the Full Height Editor feature is turned on

(How to tell if the Full Height Editor function is enabled)

With the full height editor feature enabled, the WordPress content editor area should automatically expand to accommodate your writing …

The WordPress content editor area should automatically expand as you type

(Your WordPress content editor area should automatically expand as you type)

If, however, the Full Height Editor function has been switched off, the editor scrollbar will appear once your typing exceeds the visible space inside your editor …

Full Height Editor feature disabled

(Full Height Editor function disabled – scrollbar visible)

Additionally, you will not see the Distraction-Free Writing icon displayed in the Visual Editor …

Full Height Editor feature disabled

(Full Height Editor function disabled)

If your Full Height Editor feature has been deactivated, you can increase the size your text box using the resizing feature at the bottom right-hand corner of the editor tool …

Text Box Resizing Tool

(Text Box Resizing Feature)

Just click and drag the box to resize your content editor …

Drag and drop to resize your text box

(Drag and drop to resize your text box)

The text box will be resized …

Resized content editor

(Resized editor)

Tip #6 – Distraction-Free Writing Mode – Additional Info

Distraction-Free Writing mode requires that the full-height editor is enabled in Screen Options (see further below).

You can use Distraction Free Writing with both the Visual and Text editor and switch between the two tabs while working …

Distraction-Free Writing Mode - WordPress Text Editor

(Distraction-Free Mode – WordPress Text Editor)

Practical Tip

To completely eliminate all writing distractions try combining the Distraction-Free writing tool & the built-in Full-Screen feature of browsers like Google Chrome & Firefox …

Distraction-Free Writing Mode - WordPress Only vs WordPress & Full Screen Web Browser

(Distraction-Free Writing Mode – WordPress Only vs WordPress & Full Screen Browser)

With Distraction-Free writing switched on and the Full Screen feature of your web browser enabled, the current page completely fills the screen, leaving only the title and the content of the page or post you’re working visible.

To turn on the Full Screen function in the Firefox or Chrome web browser, go to your browser menu and refer to the image below …

Google Chrome & Firefox - Full-Screen Function

(Google Chrome & Firefox Browsers – Full-Screen Feature)

Tip

To enable both the Full Height Editor and Distraction-Free Writing Mode functionalities, click on the Screen Options tab …

Screen Options Tab

(Screen Options Tab)

In the Additional settings section, enable the full-height editor and distraction free functionality option …

Enable full-height editor and distraction-free features

(Enable full-height editor and distraction-free functionality in your Screen Options section)

Tip #7 – How To Convert Emoticons

One last tip worth mentioning is that you can convert emoticons (e.g. 🙁 ) to graphics by enabling the formatting option inside your Writing Settings (Settings > Writing) screen …

Formatting Options - Writing Settings

(WP Writing Settings – Formatting)

🙂

Congratulations, now you know how to use the WordPress editor.

A Basic Guide To Formatting Content In WordPress For Beginners - The WP Editor

***

"Learning WordPress has been a huge stumbling block for me. I've been looking for something that covers absolutely everything but doesn't cost an arm and a leg. Thank you so much ... you have just provided me with what I have been looking for! Truly appreciated!" - Tanya