Enhance Your Visual Editor With TinyMCE Advanced WordPress Plugin

Enhance Your Visual Editor With TinyMCE Advanced WordPress Plugin

TinyMCE Advanced - WordPress Plugin

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 provided by the standard WordPress visual editor, then this tutorial will show you how to add a number of additional and useful enhancements to your default WordPress WYSIWYG editor.

Watch the video below, or complete the step-by-step tutorial to learn how to install and configure the TinyMCE Advanced.

WordPress Tutorial – TinyMCE Advanced

TinyMCE Advanced - WordPress Plugin

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 …

TinyMCE Advanced - WordPress Plugin

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

TinyMCE Advanced - WordPress Plugin

The additional functions included in TinyMCE Advanced include:

  • Advanced HR – insert a horizontal ruler
  • Advanced Image – insert and format images
  • Advanced Link – insert links to text and images.
  • Advanced List – (use this only if you experience problems with how lists display on your page).
  • Context Menu – adds a configurable context menu.
  • Emoticons (Smilies) – insert smiley images.
  • Date and Time – inserts date and time
  • IESpell – inserts a spellchecker.
  • Layer -adds some layer controls (only works on some browsers).
  • Nonbreaking – inserts nonbreaking space entities.
  • Print – adds a print button.
  • Search and Replace – adds a search/replace function.
  • Style – imports CSS classes from your themes style sheet.
  • Table – adds table management functionality.
  • Visual Characters – adds the possibility to see invisible characters.
  • XHTML Extras – adds support for XHTML specific tags.

How To Install TinyMCE Advanced Feature

Warning

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

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

Adding A New Plugin To WordPress

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

TinyMCE Advanced - WordPress Plugin

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

TinyMCE Advanced - WordPress Plugin

Once the plugin has been successfully installed, click Activate Plugin

TinyMCE Advanced - WordPress Plugin

Your plugin is now activated …

TinyMCE Advanced - WordPress Plugin

Configuring TinyMCE Advanced Plugin

In your WP Admin menu, select Settings > TinyMCE Advanced

TinyMCE Advanced - WordPress Plugin

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

TinyMCE Advanced - WordPress Plugin

(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 …

TinyMCE Advanced - WordPress Plugin

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

TinyMCE Advanced - WordPress Plugin

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

TinyMCE Advanced - WordPress Plugin

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.

TinyMCE Advanced - WordPress Plugin

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 using a different plugin, see this tutorial: How To Add Tables To WordPress Posts And Pages

Useful Tip

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 …

TinyMCE Advanced - WordPress Plugin

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 …

TinyMCE Advanced - WordPress Plugin

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 …

TinyMCE Advanced - WordPress Plugin

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

TinyMCE Advanced - WordPress Plugin

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!) …

TinyMCE Advanced - WordPress Plugin

See the plugin site for more information, documentation and FAQs: TinyMCE Advanced

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

 Ultimate TinyMCE - WordPress Plugin

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:

  • Advanced image features like mouseover and mouseout effects … even add your own popup javascript windows when a user clicks a link.
  • Add your own custom CSS using drop-down menus (no HTML knowledge required).
  • Easily Insert page anchors into long posts.
  • Image mapping allows you to add separate navigation links to the same image.
  • Over 40 emoticons (smilies)
  • And a whole lot more …

WordPress Plugin

For more information about this plugin, visit the plugin site here: Ultimate Tiny MCE

Now you know how to enhance your WordPress visual editor with many additional powerful features, and how to customize the WordPress WYSIWYG editor layout.

WordPress is huge and can sometimes be overwhelming about where to start. As you move on to the next Page, you will have a clearer picture of where to start and progress to building a professional WordPress Site.

Related Tutorials

 

 

How To Insert Code Into WordPress without being an Expert

How To Insert Code Into WordPress

WordPress TutorialYou don’t need to know how to write code to run or manage a WordPress site. However, you may occasionally come across a script or a few lines of code that, if added to your content, can give you the kind of functionality you are looking for.

For example, you may come across a piece of code that would always show today’s date on your special offer, or create the right call to action at the end of your posts, or display relevant ads in a certain location of your pages, or change the layout of your content for a particular section, etc.

In this tutorial you are going to learn how to easily insert code and scripts into your Posts and Pages, so you can take advantage of the additional functionality these scripts can provide for you.

You are also going to learn different methods you can use to insert code and scripts into your content.

Watch the video below and then complete the step-by-step tutorial to learn more about how to insert code into WordPress Posts and Pages …

Inserting Codes And Scripts Into WordPress Posts And Pages Manually

WordPress does not allow you to insert codes and scripts (e.g. HTML, Javascript) directly into the Visual Editor.

You can, however, insert code into WordPress using the text editor.

To insert one into your WordPress article for a Post or Page, do the following:

First, select the code that you want to add to your WordPress Post or Page and copy it to your clipboard …

How To Insert Code Into WordPress Posts And Pages

Next, go to the Post or Page you are editing and select the exact location where you want your script to display, then create a new line and insert a string of “placeholder” characters (e.g. @@@@@) …

How To Insert Code Into WordPress Posts And Pages

Click on the Text Tab to switch from the Visual editor to the Text editor…

How To Insert Code Into WordPress Posts And Pages

Locate and highlight the placeholder text characters you have added earlier …

How To Insert Code Into WordPress Posts And Pages

Paste it over your selected text …

How To Insert Code Into WordPress Posts And Pages

Remember to publish your post or page to save your new content.

Important

Important: DO NOT switch back to the Visual Editor window after inserting code like Javascript, HTML, etc, or it will disappear and you will need to repeat the above process to add it again. When adding Javascript to your posts or pages, it’s best to publish the page and stay in the HTML editor window if you need to do any further content editing.

To avoid problems, paste any code you want to display in your WordPress Posts or Pages into a plain text file and save the file first. This way you can easily get it again if you need to.

Useful WordPress Tip

Tip: A smarter solution you can use for adding code to WordPress Posts and Pages is to use plugins that let you enter the code or script into a separate area of your site and then “call” the script by letting you add a “shortcode” into your content.

How To Insert Code Into WordPress

WordPress Shortcodes

A “shortcode” is a very simple short bit of code that includes embedded codes and/or scripts, and allows you to perform complex functions in WordPress without needing to have coding skills or programming knowledge. Shortcodes can be inserted anywhere in your site to trigger a complex script into action. Typically, shortcodes look like descriptive bits of text wrapped in square brackets, e.g. [ezformshortcode].

Shortcodes enable plugin developers to create complex content such as forms, image galleries, content generators, etc …, which you can then easily insert into WordPress using a simple text code supplied by the plugin.

This is illustrated in the example below:

How To Insert Code Into WordPress Posts And Pages

In the screenshot above, you can see the following:

[1] A Plugin is installed on your WordPress site that lets you paste a script into a separate content field (we’ll show you this plugin further below)

[2] After pasting the code into the field and saving, the plugin generates a unique shortcode for calling up this script.

[3] You then copy the shortcode to your clipboard, and paste it into a new or existing Post or Page where you would like the script to display. Once you have “embedded” the shortcode in to your content, you then publish or update your Post or Page.

[4] WordPress will now call up and load the script into a browser whenever someone visits your site and views the Post or Page where you have embedded the shortcode into the content.

The great thing about using shortcodes is that you don’t have to mess with scripts or code to get the functionality of the script … you just insert the shortcode where you would like the script or code to appear and WordPress does the rest!

Inserting Codes And Scripts Into WordPress Posts And Pages

In this example, you will learn how to insert code into WordPress using a free WordPress plugin called EmbedIt Pro

WordPress Plugin - EmbedIt Pro

As the name of this plugin suggest, EmbedIt Pro allows you to embed HTML code into a post, page, or a sidebar widget.

Essentially, the way this plugin works, is that it allows you to code your HTML separately using shortcodes or custom fields.

You then create and store HTML snippets, and insert them into your content by clicking the “HTML Snippet” button in the post editor (see step-by-step tutorial below)

HTML snippets are objects that can store scripts for just about everything: a video embed code from YouTube, some javascript content, audio player code, etc.

The tutorial below shows you how to use the EmbedIt Pro plugin to add code to your posts or pages using HTML snippets.

How To Embed Codes And Scripts Into Your WordPress Content – EmbedIt Pro Tutorial

Download the plugin here, or use the “Search method” to install the plugin directly from your WordPress dashboard as described in this tutorial: How To Use WordPress Plugins

WordPress Plugin - EmbedIt Pro

After installing and activating the EmbedIt Pro plugin, a new Menu item called HTML Snippets will be added to your WP Admin Menu section …

WordPress Plugin - EmbedIt Pro

Important

Important: Make sure you have your script available (e.g. saved in a plain text file) and ready to paste into your post or page.

To create a new code snippet, click on HTML Snippets > Add New

WordPress Plugin - EmbedIt Pro

In The Add New HTML Snippet screen, name your code snippet by entering a name in the Title section (this is for your own reference, so enter a descriptive title to help you identify what the snippet is about!), and paste your code into the Body section …

WordPress Plugin - EmbedIt Pro

Click the Publish button to save your new HTML Snippet …

WordPress Plugin - EmbedIt Pro

Your HTML Snippet will be saved and published as a Shortcode

WordPress Plugin - EmbedIt Pro

Information

After creating your HTML Snippet, the plugin stores your snippet in a separate list inside the plugin’s database.

You can view all of your HTML Snippets by selecting HTML Snippets > HTML Snippets from your WP admin menu …

WordPress Plugin - EmbedIt Pro

A list of all HTML Snippets you have created will be displayed in the HTML Snippets admin screen. Because snippets are stored in an independent location (i.e. the plugin’s database), you can add the same snippet to multiple posts or pages.

You can also edit your snippet code, and this will automatically update the code on all the places where you have added the shortcode …

WordPress Plugin - EmbedIt Pro

To insert the code into your content, go to the post or page you want to edit, and place your mouse cursor in the location where you would like to add the code.

You will notice that a couple of new menu buttons have been added to your Editor Menu Toolbar: HTML Snippet and Custom Field.

For this example, we will use the HTML Snippet button to insert a shortcode into our content.

With the cursor location selected, click on the HTML Snippet button to select and insert your code snippet …

WordPress Plugin - EmbedIt Pro

A window will pop up on your screen allowing you to select any of the HTML Snippets you have previously created and saved. Select the HTML Snippet you would like to insert into your post or page and click OK to continue …

WordPress Plugin - EmbedIt Pro

The shortcode associated with your HTML Snippet will be inserted in the location of your cursor …

WordPress Plugin - EmbedIt Pro

Click the Publish or Update button to save your settings …

WordPress Plugin - EmbedIt Pro

When you view your updated post or page, you should see that the code has been inserted and the new content should display on your browser window in the location you specified …

WordPress Plugin - EmbedIt Pro

While you are logged into your WordPress administration area, an Edit Snippet button should display below the section where your code is inserted. This allows you to make updates to your code “on the fly” (for example, this is useful if you need to change sizes of videos or images embedded in it to make them display better on your page).

To edit or update the code, click on the Edit Snippet button …

WordPress Plugin - EmbedIt Pro

You will be taken to the Edit HTML Snippet screen. Here you can edit and update your code, and all posts and pages that include the shortcode for this snippet will be automatically updated with your new changes …

WordPress Plugin - EmbedIt Pro

Useful WordPress Tip

Tip #1: You can export your HTML snippets (and import these into other WordPress sites) using the Tools > Export function …

WordPress Plugin - EmbedIt Pro

Tip #2 (For Advanced Users): The EmbedIt Pro plugin also uses WordPress Custom Fields to add code to your posts.

If you are familiar with custom fields, you can paste your HTML code to embed in a custom field of your choice, and then place a shortcode in your content by clicking the “Custom Field” button in your content editor.

This is useful when you need to quickly embed HTML in a single post without leaving the post editing window.

Tip #3 – Inserting code into the header section of WordPress

A plugin like EmbeditPro allows you to easily add scripts into the content area of your WordPress Posts and Pages.

Some applications, however, require that code be added not only to the content section, but also to the header section of an individual post or page in order for the application to work (for example, if you are tracking Facebook Ad conversions, you will need to insert a snippet of code into the header section of the individual page or post where conversions occur (e.g. a “thank you” or “download” page.).

You can find a number of WordPress plugins that will allow you to add code to the header section of Posts and Pages, but with many of these plugins, the code is added to all Posts and Pages, not just the one you want.

If you need to insert scripts into places outside of the content area of single Posts or Pages, then a great Free WordPress plugin you can use is CSS & Javascript Toolbox

WordPress Plugin - CSS & Javascript Toolbox

CSS & JavaScript Toolbox (or CJT) is a powerful and flexible plugin, which lets you add code and contribute to your WordPress installation using an easy-to-use web interface.

The way this plugin works, is that it allows you to modify or extend your site functionality and appearance by adding custom code directly into CJT code blocks, which you can then assign to individual pages, posts, custom posts, categories, URLs, expressions, and loads more!

The plugin developers of CJT have created comprehensive documentation and a User Manual for the plugin, which you can access here: CJT Free Version

After installing and activating the plugin, you will see a new item on the WP admin menu called CSS & Javascript Toolbox. Click on the CSS & Javascript Toolbox menu item …

How To Insert Code Into WordPress Posts And Pages

The CSS & Javascript Toolbox screen will display on your screen …

How To Insert Code Into WordPress Posts And Pages

Click on the New Code Block button to add new custom code to your site …

How To Insert Code Into WordPress Posts And Pages

The Create New Code Block window appears.

Give your code block a name, select the checkbox to activate it (or leave it unchecked if you don’t want it activated yet), select a “Location Hook” (Options = Header / Footer. This specifies whether to insert your code block in the header of footer of the page), and the “Initial Block Position” (Options = First Block / Last Block. This lets you specify whether the script should be added before or after all other code in the header or footer), then click Create

How To Insert Code Into WordPress Posts And Pages

A blank text field will appear. Paste your code or script into the content area …

How To Insert Code Into WordPress Posts And Pages

Next, select the location on your site where you want the code block to be inserted (Page, Post, etc …)

How To Insert Code Into WordPress Posts And Pages

The plugin screen has a number of icons you can click to access its features (hover your mouse over the icons to see a description of the feature), as well as links to help documentation …

How To Insert Code Into WordPress Posts And Pages

Click Save All Changes when you have finished creating or editing a code block to save your settings …

How To Insert Code Into WordPress Posts And Pages

The plugin also adds a menu icon to your WordPress Visual Editor, which allows you to insert an existing code block when creating or editing a Post or Page …

How To Insert Code Into WordPress Posts And Pages

How To Insert Code And Scripts Into a WordPress article

For help and support with this plugin, visit the plugin developer’s site here: CJT WordPress Plugin

Useful Tip

Tip: How To Check That Your Code Has Been Added

If you have added code to a section of your site like the “header” section that is not meant to be visible (e.g. a conversion tracking script) and you want to check to make sure that the code has been added, then here’s how to do it:

Note: For this example, we’ll use the Firefox browser. All browsers have a similar feature.

First, open up your internet browser (e.g. Firefox) and go to the page where you have inserted the code, then select Tools > Web Developer > Page Source from your browser menu section …

How To Insert Code Into WordPress Posts And Pages

A new browser window will open up displaying the source code for that page. Scroll down the page until you find the code that you have inserted (if adding code to a page header, the code will typically be found between the <head> and </head> tags …

How To Insert Code Into WordPress Posts And Pages

If you can see the code that you have added in the page source, then you know that your code has been added. If you experience any errors, repeat the above process and make sure that you have entered the code correctly, and placed it in the correct location as per your script instructions.

WordPress is huge and can sometimes be overwhelming about where to start. As you move on to the next Page, you will have a clearer picture of where to start and progress to building a professional WordPress Site.

Related Tutorials

 

 

 

 

 

How To Make A Sticky post in WordPress Content

How To Make Sticky post in WordPress Content

How To Make WordPress Posts StickyIf you frequent any online forums, then you will already be familiar with the concept of a “sticky” topic.

This is where the topic displays at the top of the forum board and does not get displaced by newer entries and the most recent topics, while older threads get “pushed” further and further down the page.

Just like forums, WordPress also lets you “pin” your most important posts at the top of your blog page, while your newer content display below these and continually push down the older ones on your site.

In this tutorial you are going to learn how to stick a post to the top in WordPress 

By default, WordPress displays your blog posts in reverse chronological order on your blog page with the latest at the top.

How To Make WordPress Posts Sticky

Depending on how you have set up your site to display a certain amount of content on your blog page, as new posts are published, the older ones will appear further and further down the page.

Although you can’t display content in chronological order, you can mark some of your content as Sticky Post to make them appear above all other posts.

These posts will stay at the top of your regular content until you unchecked the option on the Edit screen.

To stick a WordPress post to the top, log into your WordPress admin, then find the content you want to make sticky and click on the Quick Edit link below the Title…

How To Make WordPress Posts Sticky

The inline editor will expand and display all quick edit options, including the option to stick a post at the top

How To Make WordPress Posts Sticky

Tick the Make this post sticky checkbox …

How To Make WordPress Posts Sticky

Click Update to save your changes …

How To Make WordPress Posts Sticky

Your post will now be marked as sticky post

How To Make WordPress Posts Sticky

Your post will now “stick” to the top of your blog page even as new content is added. Visitors will see the post at the very top of the page, followed by your most recent content …

How To Make WordPress Posts Sticky

If you are adding a new content or editing your content, you can make the content sticky by clicking on Publish > Visibility: Public > Edit

How To Make WordPress Posts Sticky

Tick the checkbox next to Stick this post to the front page and click OK

How To Make WordPress Posts Sticky

Remember to click Update to save your changes when finished…

How To Make WordPress Posts Sticky

Your post will now remain “sticky” for as long as you want.

Removing a it is really easy.

To remove a sticky post, navigate to your Table of content in your WordPress administration area (Posts > All Posts) and click on the Sticky link at the top of the screen to view all content that have been marked as sticky …

How To Make WordPress Posts Sticky

Click on the Quick Edit link below the Post Title …

How To Make WordPress Posts Sticky

Untick the Make this post sticky checkbox, and click the Update button to save your new settings …

How To Make WordPress Posts Sticky

Your post is now no longer “sticky” and will behave like all of your other content.

WordPress is huge and can sometimes be overwhelming about where to start. As you move on to the next Page, you will have a clearer picture of where to start and progress to building a professional WordPress Site.

Related Tutorials

 

 

 

 

 

How To Protect WordPress Post Page Content

How To Protect WordPress Post Page Content

How To Protect Content In WordPress Posts And PagesDepending on your needs and online objectives, WordPress post, page content can be made inaccessible for public viewing.

There are several ways to prevent general site visitors and unauthorised users from accessing content on your site, or viewing sections of some of your WordPress posts pages content while giving access to the same content to others.

In this tutorial, you will learn how to use the built-in methods WordPress provides for protecting content on your site, as well as some other options and methods, involving WordPress plugins.

Please watch the video below, or complete the step-by-step tutorial to learn more about creating private and password-protected posts and pages using the WordPress built-in content protection methods …

How To Make Your Content Inaccessible For Public Viewing

There are a number of ways to protect content on your posts and pages from being easily accessed by anyone visiting your site, or unauthorized users.

Below are some of the more common reasons for protecting content on your site:

  • You want to provide information to users only after they have made a purchase on your site (e.g. Downloadable info products)
  • You want to provide information only to certain groups of people (e.g. Wholesale price lists and trade catalogues, confidential forms and business documents, updated member’s lists or databases, private company data, etc…)
  • You want to start a private membership site where members must register first before they can view or access your content
  • You want to offer discount coupons or “how to” information that can only be unlocked or revealed to users with a special password, or after performing a specific action (e.g. Sharing your post with others on social networks)
  • And so on …

Built-in WordPress Content Protection Method #1 – Password-Protecting Posts And Pages

WordPress lets you easily create a password-protected post or page, so that only those people with the correct password can view the content on that specific post or page.

To password-protect a post or page, log into your WordPress site, then find the post or page you want to password-protect …

How To Protect Content In WordPress Posts And Pages

If you have already created the post or page, then you don’t need to open your file. Just click on the Quick Edit link below the post or page you want to password-protect …

How To Protect Content In WordPress Posts And Pages

This will expand the in-line editor …

How To Protect Content In WordPress Posts And Pages

Enter a password into the Password field …

How To Protect Content In WordPress Posts And Pages

Click Update when finished to save your changes …

How To Protect Content In WordPress Posts And Pages

To see how your password-protected post will look to your site visitors, click on  Preview…

How To Protect Content In WordPress Posts And Pages

As you can see, the entire post is now password-protected. Only users with access to the password can unlock the post or page and view your content …

How To Protect Content In WordPress Posts And Pages

As you can see from the above screenshot, WordPress displays the word “Protected” to site visitors before the title of your password-protected Post or Page, and a password form asking users to enter the password to access the content.

How To Protect WordPress Post Page Content

Additionally, WordPress will not display your Post Excerpt when the content is password-protected …

How To Protect Content In WordPress Posts And Pages

You can also password-protect a post or page while you are working on the content by clicking on Publish > Visibility > Edit

How To Protect Content In WordPress Posts And Pages

Select Password protected, enter your password in the Password: field and click OK

How To Protect Content In WordPress Posts And Pages

Click Update to save your changes …

How To Protect Content In WordPress Posts And Pages

Your post or page is now password-protected …

How To Protect Content In WordPress Posts And Pages

Important

Additional Information On Password-Protected Posts

  • Only an Administrator, Editor, or the post’s Author can change a post’s password or visibility setting. To access the “Visibility: Edit” link, go to your Posts or Pages screen, find the Post or Page you want to edit and click on the Quick Edit link. (Tip: Use this method if you ever forget a Post or Page password).
  • When Password-protecting many Posts or Pages, WordPress will store your password in a browser cookie so your site visitors don’t have to re-enter passwords if they visit the same page a number of times. Also, if you add the same password to multiple Posts, the user will only have to enter the password once to access every post, except if two or more posts use different passwords. Because WordPress only tracks one password at a time, if two or more posts use different passwords, users will have to re-enter the password if they visit a Post that requires a different password to access the content, and then they try to revisit the previous post.
  • You can change the password of your password-protected posts or pages as often as you need to. This can be useful in situations where you don’t want people who have had previous access to the content to access the content again. For example, if you offer new discount coupons each week, if you reward a new subscriber every now and then with a different product or download, etc …

How To Protect WordPress Post Page Content

Built-In WordPress Content Protection Method #2 – Make A Post Or Page Private

By default, when you make a post or page private, only logged-in users assigned the role of Administrator or Editor can view the private post or page on your site. When anyone else tries to access a post or page marked private, they will not be able to see it …

How To Protect Content In WordPress Posts And Pages

To make a WordPress Post or Page private, log into your WordPress site, go to your Posts (or Pages) section, find the Post (or Page) that you want to make private and click on the Quick Edit link …

How To Protect Content In WordPress Posts And Pages

This will expand the in-line editor …

How To Protect Content In WordPress Posts And Pages

Tick the Private checkbox …

How To Protect Content In WordPress Posts And Pages

Remember to click Update to save your changes …

How To Protect Content In WordPress Posts And Pages

If you are adding a new post or editing your post content, you can make the post private by clicking on Publish > Visibility > Edit then selecting Private and clicking OK

How To Protect Content In WordPress Posts And Pages

Remember to click Update to save your changes when finished…

How To Protect Content In WordPress Posts And Pages

Your Post or Page is now private and can only be found by your logged-in Administrators and Editors …

How To Protect Content In WordPress Posts And Pages

Additional Ways To Protect Your Content

Password-protecting a Post or Page uses the WordPress password-protect feature offers some level of content protection, but it also has the following limitations:

1) All users share the same password

If you want each user to have his or her own password, then you will need to set up your site so that only registered users are allowed to view your content. This can be easily done using plugins that turn your WordPress site into a “membership” site.

How To Protect Content In WordPress Posts And Pages

WordPress “Membership” plugins are covered in a separate tutorial on How To Start A Membership Site Using WordPress.

2) All content on the Post or Page is protected.

When you password-protect content on WordPress using the native WordPress function, everything on your Post or Page is protected.

If you want to make some or most of the content on a Page or Post visible to everyone, while protecting part of it (i.e. The “juicy’ bit containing the information that only those with access can view!), then there are plugins that you can install on your WordPress site that allow you to provide “partial-content” protection to site visitors.

One plugin that lets you protect selected content which includes text, images, video and links is the Password Protect Selected Content plugin …

How To Protect Content In WordPress Posts And Pages

The Password Protect plugin can also be used to hide information inside other short codes, such as video embeds and file download links.

You can also partially protect content with plugins like WP Share To Unlock (Free plugin) that will “unlock” the content when someone performs a social sharing action (like clicking a Facebook “like” button, or sharing your page or video on Twitter, for example. Some plugins that unlock content can even help you build your subscriber list!) …

How To Protect Content In WordPress Posts And Pages

Another great content locking plugin that combines partial content protection with viral social media sharing capabilities is Viral Outbreak PRO – a versatile content locking premium WordPress plugin designed to help drive viral traffic to your WordPress site quickly and easily …

Viral Outbreak PRO - Premium WordPress Plugin

Viral Outbreak PRO allows you to offer something of value for free to your visitors (e.g. a valuable tip, special report, a discount voucher, etc …) on your site. Your special content is hidden or “locked away” in your post and can only be unlocked when your visitor performs a desired action to get the free content such as liking you on Facebook, or posting a tweet about your site on Twitter or 1 on Google . This action then helps to drive free traffic to your site … virally!

How To Protect WordPress Post Page Content

Protecting Your Content From Being Copied Or Stolen

Important

Note: It’s practically impossible to prevent people from stealing content that is visible on your site (e.g. Text and images). The web was designed to share content online. The plugins presented below will simply prevent those who really can’t be bothered to dig deeper into the source code of your pages.

In addition to locking and hiding content, there are also plugins that try to prevent other people from copying / stealing your content.

For example, the Free WordPress plugin called Blog Content Protector stops people from selecting and copying text on your site or right-clicking on your images and saving them to their own hard drives by disabling the right-clicking and text selection function on your site.

Protecting Your Images

If you are worried about people stealing your images, there are a few options you can look at implementing.

One option is to add a “watermark” to your images using a Free WordPress plugin like Watermark Reloaded. Adding a watermark lets people know who the original owner or creator of the image is, and trace the image back to the originating domain.

Watermark Reloaded - WordPress Plugin

Another preventative measure you can take to stop people clicking on your images and saving them to their computer is to use the No Right Click Images plugin …

No Right Click Images - WordPress Plugin

Content Protection – Additional Tips And Information

Tip #1 – If, for whatever reason, you find yourself changing the visibility settings of most of your Posts or Pages to “private”, then install and activate the Private Post By Default WordPress Plugin.

This plugin automatically sets all the Posts and Pages you create to “private” by default. All you have to do then, is change the visibility settings of any Posts or Pages that you want to make visible on your site back to “Public”.

Tip #2 – As explained earlier in this tutorial, by default private posts are only visible to users on your site that have been assigned the role of Administrators or Editors.

What if you want to allow users who are not Administrators or Editors to view private Posts or Pages on your site?

For example, let’s say that you run a business consulting firm and you want your consultants to be able to distribute reports privately to clients through your site, or your children’s school wants to post class assignments privately to students online through their school blog.

One option would be to make everyone who needs to have access to private Posts or Pages on your site into an “Editor”. This is not a very good option, however, as they would then be able to modify your content.

Fortunately, there is an excellent free WordPress plugin called User Role Editor that lets you change the capabilities of any standard WordPress user role (to learn more about user roles, see this tutorial: WordPress User Management) …

User Role Editor - WordPress Plugin

With the User Role Editor plugin installed, you can assign the same capabilities for reading private posts and pages that “Editors” have, to users assigned the role of a “Subscriber” …

User Role Editor - WordPress Plugin

This would now let all registered users on your site assigned the role of “Subscriber” to access and view your private posts and pages without being able to modify the content.

There are a number of other options for protecting your content online in addition to what has been presented in this tutorial, but these options typically involve messing with code on your site or server.

If content protection is an issue for you and you require a solution that is not covered in this tutorial, then please contact us and we’ll advise you about other possible options.

WordPress is huge and can sometimes be overwhelming about where to start. As you move on to the next Page, you will have a clearer picture of where to start and progress to building a professional WordPress Site.

Related Tutorials

 

 

 

 

 

 

 

How To Link WordPress Content Views Internally In Posts And Pages

Using The WordPress Content views Internal Linking Tool

How To Do Internal Linking In WordPressLinking to other posts and pages on your own website or domain is called  internal linking.

Adding links to your internal content has a number of benefits, not only for the website owner, but also for your visitors and the search engines. Internal linking allows visitors to view more of your content and ensures that search engines can better index your pages.

In this tutorial, you will learn about the benefits of internal linking, how it can help you, and how to easily add links to your content using the Internal Linking Tool.

Watch the video below and then complete the step-by-step tutorial to learn more about linking your content internally in WordPress …

Benefits Of WordPress Content Views Internal Linking

Basically, internal linking simply means adding hyperlinks in your content to other relevant posts and pages on your WordPress site.

Or, as Wikipedia defines it …

“An internal link is a hyperlink that is a reference or navigation element in a document to another section of the same document or to another document that may be on or part of the same website or the domain of the internet. Links are considered either “external” or “internal” depending on perspective. Generally, a link to a page outside the same domain is considered external, whereas one in the same domain is considered internal.” (source: Wikipedia)

How To Do Internal Linking In WordPress

Wikipedia pages are great examples of internal linking and they illustrate many of the benefits of adding internal links to your website.

Benefit Of Internal Linking #1 – Improved Site Usability And User Experience

How To Do Internal Linking In WordPress

Web pages are supposed to provide users with relevant content. By offering users easy access to other areas of your website that contain more of the content they want to see, you not only improve the quality and “usability” of your site, but also the quality of your website’s “user” experience.

Improving the quality of the “user” experience means that visitors stay longer on your site and visit more pages. In a well-thought out sales process, this can lead to improved sales conversions.

It’s important to make sure that what you are actually linking together is relevant for your users. For example, you might want to add links on your ‘Company’ page to your ‘Contact Us’, ‘About Us’ or your ‘Products / Services’ pages.

WordPress Content Views

Benefit Of Internal Linking #2 – Improved Search Engine Optimization (SEO)

How To Do Internal Linking In WordPress

Internal linking also improves your search engine optimization (SEO). By creating internal links to other posts and pages on your website, you are helping search engine spiders “crawl” your site faster, more easily and more thoroughly than if your site was comprised only of standalone posts and pages. This can result in more organic search traffic to your site.

One of the more effective ways to improve your search engine optimization, is to combine internal linking with keyword relevancy. This is easily achieved by adding links to relevant content on your site using keyword terms that you want search engines to associate with your business.

For example, if your business or blog provides wedding products or services, you could link the keyword phrase “Green Wedding Gift Ideas” from a post on different types of weddings, to another blog post on your site that offers various tips and ideas on where to find “green gifts” for weddings. This would help search engines to gain a better “understanding” of what your site is about.

Using keyword-relevant text links (also called “anchor text” links) is a lot more effective for search engines (and better for visitors) than simply having the words written on your page.

Benefit Of Internal Linking #3 – Increased Content Visibility And Exposure

How To Do Internal Linking In WordPressOver time, as you continue adding content to your WordPress site, your posts will not only get older, but some will also start to become less popular (i.e. Less visited) than others.

If you have content on older posts or pages that you really want other people to see, but that are not getting as much exposure as your others posts and pages, you can place internal links within the content of some of your more popular pages pointing to your less popular pages to increase their exposure, and/or add links to older posts to help them get found again by your site visitors (and search engines).

Having more of your content being seen by visitors and accessed by search engines means more visibility and exposure for your business … and this can only lead to better results!

How To Create Internal Linking In WordPress Using The WordPress Linking Tool

In WordPress 3.1, an internal linking system was introduced that allows you to quickly link content on your posts and pages to other WordPress posts and pages on your site.

Prior to this feature being introduced, if you wanted complete control over your internal linking strategy, then you would have to manually search your site for the page you wanted to link to, then copy its URL and manually paste and link it in your content.

Now, performing internal linking in WordPress is very simple.

Here’s how to do it…

First, log into your WordPress admin, then find the post or page you want to add internal links to, open the page and select the WordPress visual editor.  (<<< This is an internal link!)

Next, find and highlight the text you want to create as a link. This can be any word, keyword, keyword phrase, sentence, etc….

Once you have selected and highlighted the text you would like to turn into a link, click on the hyperlink icon in the WordPress visual editor…

How To Do Internal Linking In WordPress

By default, you will see the field called “Enter the destination URL” displayed. Below this field, is the section that allows you to create internal links.

Click on “Or link to existing content” to expand the internal linking feature screen…

How To Do Internal Linking In WordPress

Start typing a word or keyword phrase related to the text you want to hyperlink in the Search field. WordPress will automatically begin to retrieve related posts and pages containing those words …

How To Do Internal Linking In WordPress

WordPress Content Views

Click on the title of the post or page you want your highlighted text to link to, and the URL and Title of your selected item will automatically be added to the fields in the destination URL section …

How To Do Internal Linking In WordPress

If you want the link to open in a new window, then tick the Open link in a new window/tab box and click the Add Link button to create your internal link …

How To Do Internal Linking In WordPress

Your internal link is now created …

How To Do Internal Linking In WordPress

If you want, you can also format your internal links (e.g. make the link bold, italicized, add a background color, etc …) using the format buttons in your WordPress visual editor …

How To Do Internal Linking In WordPress

Congratulations! Now you know how to easily link content internally in your WordPress posts and pages!

WordPress is huge and can sometimes be overwhelming about where to start. As you move on to the next Page, you will have a clearer picture of where to start and progress to building a professional WordPress Site

Relevant Tutorials

 

 

 

error: Content is protected !!