Gustave F. Gerhardt

Dan Rivera

<p>Create navigable tabs to hide/show in-page content.<br />
Use the following shortcode:</p>
<pre><code>[fancytabs]
[tab title="Title 1"]
Hello world
[/tab]
[tab title="Title 2"]
Hello again, world
[/tab]
[/fancytabs]
</code></pre>
<p>If you wish to make adjustments to the styles, you can copy the <code>fancytabs.css</code> from the plugin directory and add it to your theme folder.</p>
<h3>Coming Soon</h3>
<ul>
<li>Options page for setting colors/styles</li>
</ul>


FancyTabs

braginteractive

<p>Enables 1000+ Material Design icons within WordPress pages and posts. Icons can be inserted with a shortcode or HTML markup.</p>
<h4>Features</h4>
<ul>
<li><strong>Shortcode generator</strong> – includes an easy-to-use TinyMCE pop-up shortcode generator.</li>
</ul>
<h4>Usage</h4>
<p>Material Design Icons can be used in 3 different ways: shortcode, HTML, and TinyMCE</p>
<h4>1. Shortcode</h4>
<pre><code>[mdi-icon name="material-ul" size="2x" color="red"]
</code></pre>
<p>You can also use hex values for color:<br />
    [mdi-icon name=”material-ul” size=”2x” color=”#000000″]</p>
<p>You can read more about shortcode usage on <a href="https://github.com/braginteractive/Material-Design-Icons-WordPress-Plugin" rel="nofollow ugc">Github</a></p>
<h4>2. TinyMCE</h4>
<p>Material Design Icons also provides you with a pop-up window when editing in TinyMCE’s visual mode. Check out our <a href="https://wordpress.org/plugins/material-design-icons/screenshots/" title="Screenshots" rel="ugc">Screenshots</a> to see what it looks like.</p>
<h4>3. HTML</h4>
<p>Note that prefixes are required for HTML usage. For this reason, shortcode usage is encouraged over HTML. A HTML version would look like:
    </p>


Material Design Icons

Insert Material Design Icons into your WordPress post and pages.

FancyTabs vs Material Design Icons