Revealer displays a WordPress page preview in the pop-up tooltip for 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.
This manual was created for plugins version 2.0.0 and higher. If you use plugins of an older version, use the Revealer settings manual for versions 1.0.^.
Installing of the Revealer WordPress page preview 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
or in the WordPress Sidebar menu go to Revealer
In the plugin settings, there are several tabs responsible for various groups of plugin settings.
WordPress Page Preview plugin 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.
The option loads content for all selectors asynchronously to speed up the appearance of a pop-up. Especially useful for hosting with not very high performance.
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.
In the Size field, set the desired popup width.
This setting sets the position of the image relative to the text inside the popup. You can choose one of the following options:
- Top or Bottom
- Top or Left
- Top or Right
- Bottom or Left
- Bottom or Right
In this setting, you can choose what size the image will be used in the tooltip. Choosing the right size can speed up image loading. You can choose one of the predefined sizes from your Theme of WordPress media library.
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
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
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
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.
The option allows you to display the description text style in the tooltip as entered in the post/page. When the toggle is disabled any markup is escaped in the text.
The tooltip will follow the cursor while the cursor hovers over the link.
The settings tab to configure links for which tooltips will be applied.
Posts and Pages
A toggle to enable/disable popup tooltip display for WordPress Posts and Pages links.
A toggle to enable/disable popup tooltip display for Category link.
A toggle to enable/disable popup tooltip display for Tag link.
A toggle to enable/disable popup tooltip display for Author page link.
A toggle to enable/disable popup tooltip display for WooCommerce products with price and rating.
The option allows you to display the popup tooltip not only for internal site links but for external pages/posts.
On the Design tab, you can customize the style and design of the tooltip. For a more detailed and fine-tuning, use the CSS class
.mdp-revealer-box. You also can disable some links by adding class
.not-revealer to the link.
This setting is responsible for the overall appearance of the pop-up window. The plugin has three tooltip styles:
- Rounded rectangle
- Image in background
Using this setup you can set the type of arrow displayed along with the tooltip. The following modes are available for selection:
- Without arrow
Popup background color settings.
Text color. You can clear this field to apply default theme color settings.
Choose from five predefined initial animations options:
- Shift Away
- Shift Toward
You can see how animations look on the animation page.
Save Changes in the WordPress page preview plugin
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.
Hosting for WordPress
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.