Clevermore - Toggle Content Plugin

Very easy to use

The Clevermore plugin is the ultimate “toggle plugin” for WordPress for one simple reason: It works 100% with Google and googlebot.
The big difference between this and the many other plugins for toggling visibility is, that Google acknowledges the “hidden” text as if it was not in a toggle.
I’ve tested so many of these plugins and only Clevermore does the job. An extra bonus is that it integrates smoothly in my favourite WordPress theme: Divi.

Thomas Rosenstand - Internationally acclaimed SEO Expert

Thomas Rosenstand is an internationally acclaimed SEO Expert and author of several books on SEO and online marketing.

He is the co-owner and CEO of the agency named Concept Interest – serving clients in primarily Denmark: https://www.concept-i.dk/

Easy to use – Userfriendly interface

Easy to use popup

The popup editor makes it easy to edit the toggle box. When clicked a popup opens allowing you to edit the settings.

Tinymce button included

Shortcode

You can easily embed anywhere manually in the text editor with the [ clevermore] shortcode.

Divi Theme Module

The plugin includes a custom module for use with the Divi Theme made by Elegantthemes.com.

Divi Theme custom module

Easy to use – Userfriendly interface

Visual shortcode editor

The popup window gives you an easy way to edit the content without worrying about entering something wrong

If you want to put in pure HTML code in the content, that is also possible.

Window popup in the visual editor
Shortcode container in visual mode

Visual shortcode editor

The popup window gives you an easy way to edit the content without worrying about entering something wrong

But, if you want to put in pure HTML code in the content, you can do that.

Visual shortcode editor

The popup window gives you an easy way to edit the content without worrying about entering something wrong

If you want to put in pure HTML code in the content, that is also possible.

Divi Theme custom module

/* Clevermore container class */

.clevermore {

}

/* The headline */

.clevermore .clevermore-header {

}

/* The content */

.clevermore .clevermore-content {

}

/* The close link/button */

clevermore .clevermore-click {

}

Easy to style

The styling for Clevermore output is easy to style. It comes with simple styling and you can overwrite in your own theme, use the style guide here.

How to use

The plugin is easy to set up and use, here are instructions for the different ways you can use the plugin on your site.

The editor button

The fastest way to set up a toggle box is to use the button in the visual editor.  Tinymce button included

When you click it, a popup window appears allowing you to fill in the details.

Window popup in the visual editor

Editor window popup

Note you can use HTML in the content field.

Once the toggle box have been inserted, you can edit the box by double clicking the container image.

Shortcode container in visual mode

Shortcode container in visual mode

When you do, the same popup window appears, allowing you to edit the content.

If you switch to text mode you will see the toggle box show up as a shortcode, [ clevermore] – read the manual integration below for details.

The manual method via hortcode

[ clevermore] This text is hidden until clicked open. [/clevermore]

Wrap the text you want to hide inside.

[ clevermore header="Headline" expandlink="Read more" closelink="Close"] This text is hidden until clicked open. [/clevermore]

  • header : The headline that is shown above the hidden text.
  • expandlink: Change the text that you can click on to expand the text.
  • closelink: Change the text that you click to close the text.

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match

Share
Share
Tweet
+1
Stumble
Share