WordPress For Non-Techies: Free WordPress Tutorials – WPCompendium.org

How To Enhance The WordPress Visual Editor

The WordPress WYSIWYG (What You See Is What You Get) editor is powered by TinyMCE, an Open Source application that integrates with the WordPress Content Management System.

While the default WordPress visual editor is feature-rich, there are some things it can’t do, such as easily adding tables to WordPress without requiring knowledge or skills of coding HTML and CSS.

If you are looking for more functionality and options than what is currently provided by the default WordPress Visual editor, this step-by-step tutorial will show you how to add useful enhancements to the default WordPress WYSIWYG editor using WordPress plugins.

How To Enhance Your Visual Editor

Complete the step-by-step tutorial below to learn how to install and configure the TinyMCE Advanced plugin.

TinyMCE Advanced

TinyMCE Advanced is a useful plugin that includes a number of additional WordPress editor-enhancing features.

The screenshot below shows the default WordPress visual editor …

Here is a screenshot of the same WordPress visual editor after TinyMCE Advanced plugin has been installed, activated and (minimally) configured on your site …

The additional functions included in TinyMCE Advanced include:

How To Install TinyMCE Advanced WordPress Plugin

Always backup your WordPress site and data before installing a new WordPress plugin!

If you don’t want to perform your own site backups, then consider using professional WordPress assistance services, or use WordPress backup plugins.

Learn about a great WordPress backup plugin that we recommend using to automate file and data backups here:

***

To install the plugin, log into your WordPress site and click on Plugins > Add New

Make sure that you are in the “Search” tab of the Install Plugins screen. In the Search field enter TinyMCE Advanced and click on Search Plugins

Locate TinyMCE Advanced in the results list and click on the Install Now link to automatically install the plugin on your site …

Once the plugin has been successfully installed, click Activate Plugin

Your plugin is now activated …

Configuring TinyMCE Advanced Plugin

In your WP Admin menu, select Settings > TinyMCE Advanced

The “TinyMCE Buttons Arrangement” screen will display in your browser …

(Click here for an enlarged view of the above screenshot)

The screen displays a number of pre-filled and empty toolbars and all other available buttons below the toolbars, as well as an advanced section.

The toolbars are fully configurable. Simply drag and drop buttons corresponding to the functions you want to have available on the toolbars to add, remove or rearrange your visual editor menu …

You can also drag and drop menu separators when customizing this section. This will add a vertical separator between buttons …

When you have finished customizing your toolbars, remember to click the Save Changes button to apply your changes and save your new settings …

Adding Tables To WordPress Using TinyMCE Advanced Plugin

The TinyMCE Advanced WordPress plugin adds a number of extra functions to your WordPress editor, including the ability to add tables to WordPress posts and pages …

Here is an example of a table inserted into this post using the TinyMCE Advanced plugin:

WIDGET COMPARISON CHART FOR XYZ COMPANY
Item No Product Name Description
W-001-PQA MegaWidget 2000 The MegaWidget 2000 provides the most value for the least cost.
W-019-RVY PolyWidget Use PolyWidget for multiple applications.
W-442-BCU NanoWidget NanoWidget comes in a variety of colors and sizes.

TinyMCE Advanced lets you easily add, edit and delete tables, cells and rows, align and format content in tables, merge and split cells and more while working inside your post or page.

To learn how to create and manage tables in WordPress without HTML or CSS skills, see the tutorial below:

Tip #1: Some plugins add their own custom buttons to the visual editor toolbar. Sometimes this can cause the visual editor menu to interfere with other areas of your WordPress site’s administration area …

If this happens, don’t worry … there is a very simple solution! All you need to do is rearrange some of the standard buttons on the menu toolbar …

To do this, bring up the TinyMCE Buttons Arrangement screen (Settings > TinyMCE Advanced) and drag some of the buttons away from the toolbar that is crowded with too many custom buttons to an emptier toolbar …

Once you have finished rearranging your menu buttons, click the “Save Changes” button to save your new settings …

Now, when you bring up the visual editor on your screen, you should find that the problem has been solved (if it hasn’t just keep rearranging the buttons until the issue has been corrected!) …

For more information, documentation and FAQs about this plugin, visit the plugin website: TinyMCE Advanced

Tip #2: Another plugin that takes the concept of enhancing your WordPress visual editor even further, is Ultimate Tiny MCE

Ultimate TinyMCE

Ultimate Tiny MCE seems to be a well supported plugin with lots of documentation (including video tutorials) that provides many of the same features as TinyMCE Advanced, but offers additional features such as:

To learn more about this plugin, visit the plugin site here: Ultimate Tiny MCE

Note: Ultimate TinyMCE recently announced that the plugin will not work on WordPress versions above 3.9. The plugin developers recommend switching to its successor, WP Edit (see below).

WP Edit

(WP Edit)

WP Edit gives you control of the default WordPress editor and access to additional editor tools.

WP Edit is the successor of  the ‘Ultimate TinyMCE’ plugin (see previous item) and has been completely rebuilt to add extensive, additional editing functionality to the default WordPress editor. You can arrange buttons into toolbars and configure these however you like to improve your workflow.

WP Edit adds dozens of additional custom options to the WordPress editor, including new buttons, extended formatting abilities, and new features.

These features include:

To learn more about this plugin, visit the plugin page here: WP Edit

Visual Editor Custom Buttons

(Visual Editor Custom Buttons plugin)

Visual Editor Custom Buttons provides a fast and easy way to add custom buttons to the WordPress Visual Editor.

With this plugin you can easily add your own custom buttons in the Visual Editor, as well as the HTML Editor. You can then add HTML code to the button, either as a wrap (before, after) or as a single block. On top of that you can, from within the plugin, set the CSS so you can view the effect of the button directly in the Visual Editor.

The plugin comes with a large number of ready to use button icons, but you can also add your own.

For more information, visit the plugin page here: Visual Editor Custom Buttons

Congratulations! Now you know how to enhance your WordPress visual editor with additional features and how to customize the WordPress WYSIWYG 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

***

Recommended Video Courses For WordPress Users

How To Use FTP

This video course shows you how to use FTP (File Transfer Protocol) to transfer and upload files between your hard drive and your server using a free FTP program called Filezilla.

More info: How To Use FTP

Recommended Video Courses For WordPress Users

Using Password Managers

Password Managers provide an easy and secure way to keep track of all your passwords. This video course shows you how to use two FREE powerful password management tools.

More info: Using Password Managers

Recommended Video Courses For WordPress Users

How To Back Up & Restore WordPress Sites

Learn how to safely and automatically backup your WordPress files and database and how to easily restore your WordPress site if something were to happen.

More info: How To Back Up & Restore WordPress Sites

Recommended Video Courses For WordPress Users

How To Use cPanel

cPanel is a powerful and simple-to-use web hosting management software application that gives website owners the ability to quickly and easily manage their servers and websites using a simple and intuitive dashboard.

This video course will teach you how to use the main features of cPanel to manage your web hosting.

More info: How To Use cPanel

Recommended Video Courses For WordPress Users

WordPress Security

Learn how to keep your WordPress site or blog secure and protected from malware, hackers and brute-force attacks.

More info: WordPress Security

Recommended Video Courses For WordPress Users

How To Optimize WordPress

Learn how to optimize your WordPress site and improve your page loading speed.

More info: How To Optimize WordPress

Recommended Video Courses For WordPress Users

How To Install, Set Up & Use WordPress Multisite

Learn how to quickly and securely set up an online community of websites or blogs using the powerful WordPress Multisite feature.

More info: WordPress Multisite

Recommended Video Courses For WordPress Users

How To Set Up WordPress On Localhost

Learn how to install, set up, and locally host a fully functioning WordPress site on your computer.

More info: How To Set Up WordPress On Localhost

Recommended Video Courses For WordPress Users

How To Use Amazon S3

Learn how to set up and use Amazon S3 to upload, store, manage, and protect your site’s images, large media files, downloadable files, stream videos and more.

More info: How To Use Amazon S3

Recommended Video Courses For WordPress Users

Google Tools

This video course will help you learn the basics of using Google Tools like Google Analytics and Gmail.

More info: Google Tools