Start with Revealer WordPress Plugin

Revealer WordPress plugin displays a pop-up tooltip for WordPress pages and posts. The plugin allows users to see the contents of the post before going to the page. Revealer improves the user experience and is very convenient because it will enable you to navigate the site’s navigation better.

Installing the Revealer WordPress Plugin

To install the plugin, read the article Installing WordPress Plugin. Installing the plugin takes only a few seconds.

To open the plugin settings slick Settings below plugin name on the plugins page

Revealer on the plugins page
Revealer on the plugins page

, or click Settings -> Revealer in the WordPress side-menu

Reveler settings
Reveler settings

Configuring the plugin

Revealer already has initial settings allowing you to use it without additional configuration. But you can change any default settings so that the plugin better suits your WordPress site or theme.

Selector

Set CSS selectors when hovering over which pop-ups will be shown. Selectors setting are individual for every WordPress theme. However, in most cases, use article p a selector to display popups in the content of the article. You can specify multiple selectors separated by commas.

Style

This setting is responsible for the overall appearance of the pop-up window. The plugin has three tooltip styles:

  • Rectangle
  • Rounded rectangle
  • Image in background

Arrow

Using this setup you can set the type of arrow displayed along with the tooltip. The following modes are available for selection:

  • Without arrow
  • Sharp
  • Round

Animation

Choose from five predefined initial animations options:

  • Shift Away
  • Shift Toward
  • Fade
  • Scale
  • Perspective

You can see how animations look on the animation page.

Pop-up size

In the Size field, set the desired popup width. You can use any measurements that support CSS specification, like px, %, em, rem or vw.

Image position

This setting sets the position of the image relative to the text inside the popup. You can choose one of the following options:

  • Top
  • Bottom
  • Left
  • Right
  • Top or Bottom
  • Top or Left
  • Top or Right
  • Bottom or Left
  • Bottom or Right
  • Random

Author position

This setting shows/hides the author of the post. Tou can place the author of the post above the title or under the text of the post.

  • Hide author
  • Top
  • Bottom

Categories position

This setting shows/hides the categories of the post. Tou can place the categories of the post above the title or under the text of the post.

  • Hide categories
  • Top
  • Bottom

Comments position

This setting shows/hides the post comment counter. Tou can place the comments counter above the title or under the text of the post.

  • Hide comments
  • Top
  • Bottom

Excerpt length

Set the number of words that will be shown in the popup. The text will be taken from the expert, or from the first paragraph of the article.

Background color

Popup background color settings.

Text color

Text color. You can clear this field to apply default theme color settings.

Save Changes

Do not forget to click Save Changes after changing plugin settings. After clicking this button, the settings will be saved and applied to all pages of the website.

Assignments

By selecting the specific assignments you can limit where progress bar should or shouldn’t be published. To have it published on all pages, simply do not specify any assignments.

To find out how the Assignments works in this and other plugins work, see the article Assignments in WordPress plugin.

This is all about plugin configuration. For finer customization, use the CSS class .mdp-revealer-box.

Hosting

Fast and reliable hosting is significant for any WordPress site. We recommend all our customers use SiteGround WordPress Hosting. Many unique settings and features make this hosting the number 1 for WordPress: Free Website Transfer, Staging Tools, Free SSL, CDN, and much more for 3.95/mo.