Alexander Lueken

<p>e.nigma buttons is a lightweight plugin that adresses a common problem that applies to many WordPress users: Visually highlight a link (e.g. a download link). One great solution is the use of buttons</p>
<p>The purpose of a button is clear. You press that button and something happens. This is a well known principle that most users are aware of. In contrast to regular text links (e.g. a download link), buttons are more likely to be noticed, especially if you use them in combination with an icon.</p>
<p>e.nigma buttons allows you to easily create those visually attractive buttons using a simple shortcode environment.</p>
<p>Development of the plugin is an open process. The current version is available on github:</p>
<p>https://github.com/chemiker/enigma-buttons</p>
<p>Feel free to contribute and to fix errors or send improvements via github.</p>
<h3>Shortcodes & Attributes</h3>
<p><em>e.nigma buttons</em> adds the shortcode <code>[button]</code> to your installation. The following options can be used to adjust the button for your needs:</p>
<ul>
<li><code>label</code>: The label of your button</li>
<li><code>icon</code>: The icon of your button</li>
<li><code>link</code>: The link of your button</li>
<li><code>color</code>: The color of button</li>
<li><code>border</code>: yes (default) or no</li>
<li><code>size</code>: small, medium (default) or large</li>
<li><code>class</code>: Additional CSS classes that will be added to your buttons icon</li>
</ul>
<p>Most of the shortcodes attributes are self explaining. However, it must be noted that the <code>icon</code> attribute can be filled by using modififed <a href="http://fontawesome.io/icons/" rel="nofollow ugc">Font Awesome shortcodes</a>.</p>
<p>For instance: If you want to use the GitHub icon you would search for that icon in the <a href="http://fontawesome.io/icons/" rel="nofollow ugc">list of all icons</a>. What you will find is the corresponding CSS class. For <em>e.nigma buttons</em> the name of the icon (which is obtained if stripping the “fa-” in the beginning of the CSS class) is used. For GitHub the CSS class would be <code>fa-github</code>. Thus, <code>github</code> is your value for the <code>icon</code> attribute.</p>
<h4>Colors</h4>
<p>The following colors are avaible:<br />
* green<br />
* orange<br />
* purple<br />
* cyan<br />
* white<br />
* red<br />
* black</p>
<p>In addition to those values you can also use a hex color code (e.g. #ff3600)</p>
<h4>Icons</h4>
<p><em>e.nigma buttons</em> uses <a href="http://fontawesome.io/" rel="nofollow ugc">Font Awesome</a> by Dave Gandy as icon resource. <a href="http://fontawesome.io/icons/" rel="nofollow ugc">An overview over all available icons</a> can be found on their website.</p>
<h4>Examples</h4>
<pre><code>[button label="My GitHub account" icon="github" color="orange" link="https://github.com/chemiker"]
</code></pre>
<p>Brings you an linked, medium-sized, orange button that has a GitHub icon and the label “My GitHub account”.</p>
<pre><code>[button icon="github" color="orange" link="https://github.com/chemiker" size="large"]
</code></pre>
<p>Brings you an orange, large-sized, linked GitHub icon.</p>


e.nigma buttons

e.nigma buttons allows you to easily add buttons to your posts, pages etc.

Alexey Golubnichenko

<p>The plugin allows to integrate the Font Awesome icons to Your WordPress website.<br />
With this plugin you can use various types of the Font Awesome based icons, buttons etc. using simple shortcodes with flexible parameters or the Visual Constructor for a lazy.<br />
WordPress Developers also can find with this plugin some useful features for usage within the code.</p>
<p>You can find <a href="http://www.profosbox.com/agp-font-awesome-collection/" rel="nofollow ugc">Live Demo</a> and <a href="http://www.profosbox.com/agp-font-awesome-collection/documentation/" rel="nofollow ugc">Documentation</a> on the plugin site.</p>
<h4>New Features</h4>
<ul>
<li>You can change the color of the icons, text and background on mouse hover with help of the additional parameters of visual constructor</li>
<li>You can use the Font Awesome Icons in the WordPress menu. At first, You must enable “Menu Icons” module on the plugin settings page in the Admin Panel. Then go to the Appearance > Menus and select necessary menu. For each menu item you can find additional drop-down list with the FA icons.</li>
</ul>
<h4>Plugin Features</h4>
<ul>
<li>Install and activate the plugin. That’s all you need to start using <strong>675 Font Awesome 4.7.0 icons</strong> on Your website;</li>
<li>Font Awesome icons can be used as simple <a href="http://fortawesome.github.io/Font-Awesome/examples/" rel="nofollow ugc">HTML code</a> or <a href="https://wordpress.org/plugins/agp-font-awesome-collection/faq/" rel="ugc">shortcodes</a>;</li>
<li>You can add any of the Font Awesome icons and use it as simple icon, icon with text, icon button, icon button with text and easy customize it for your needs;</li>
<li>All shortcodes can be used via Administrator Panel in TinyMCE editor area and directly in code;</li>
<li>For buttons can be added URL attribute that can lead to a page, an external site or a social networks profile. You can use this feature for a personal promotion, downloads link, donation etc.;</li>
<li>The plugin has some additional features for advertise and promotion on Your website;</li>
<li>Minimum required PHP version is <strong>5.3.0</strong>;</li>
</ul>
<h4>Visual Constructor</h4>
<p>You can add icons and buttons just in few clicks with the visual shortcodes constructor in TinyMCE editor. Just push small button with “FA” icon at the top panel of editor and select needed parameters in popup window.</p>
<h4>Personal Shortcodes</h4>
<p>You can create you own shortcodes in the Administrator Panel on the “Shortcodes” page and use it within Visual Constructor for different pages or posts as many times as needed.</p>
<h4>Shortcode Container</h4>
<p>Shortcode Container can be used as a wrapper for a custom shortcode for alignment it on a page.<br />
Just create your own shortcode with any elements in the Administrator Panel on the “Shortcodes” page and select it in Visual Constructor as parameter for “Shortcode Container” element.</p>
<h4>Sliders</h4>
<p><strong>Slider</strong> – is a set of small animated information blocks with Font Awesome icon, headline, description and link to URL.<br />
You can create and configure own sliders in the Administrator Panel on the “Sliders” page.<br />
Each slider is attached to a personal shortcode and can be used via Administrator Panel in TinyMCE editor areas and directly in code.<br />
Also You can use Your slider in the “AGP Font Awesome Promotion Slider” widget.</p>
<p><strong>The slider is supported for mobile devices!</strong></p>
<h4>Promotion Widget</h4>
<p>You can use “AGP Font Awesome Promotion” widget for advertise and promotion.<br />
You can create and show small animated information block in sidebar, that contains Font Awesome icon, headline, description and link to URL. Also You can setup colors for text and background of the widget content.</p>
<p><strong>The widget is supported for mobile devices!</strong></p>
<h4>Promotion Slider Widget</h4>
<p>You can use “AGP Font Awesome Promotion Slider” widget for advertise and promotion.<br />
You can create and show small animated information block in sidebar, that contains Your personal <strong>slider</strong> with Font Awesome icons, headlines, descriptions and links to URL.</p>
<p><strong>The widget is supported for mobile devices!</strong></p>
<h4>Features for Developers</h4>
<ul>
<li>Specific Font Awesome Version shortcode allows to show current Font Awesome version, e.g. for your own plugin.</li>
<li>As developer, you can add dropdown with the Font Awesome icons list and use it for your purpose.</li>
<li>For developers are available some object and classes that implement convenient and flexible methods for access to Font Awesome icons properties.</li>
<li>You can add the Font Awesome Icon and position of this icon for each terms of any taxonomy or category and use this parameters in PHP and HTML code.</li>
</ul>
<h4>Looking for more info?</h4>
<p>More info you can find on the <a href="https://wordpress.org/plugins/agp-font-awesome-collection/screenshots/" rel="ugc">screenshots</a> and <a href="https://wordpress.org/plugins/agp-font-awesome-collection/faq/" rel="ugc">FAQ</a> tabs.</p>
<p>Also You can find <a href="http://www.profosbox.com/agp-font-awesome-collection/" rel="nofollow ugc">Live Demo</a> and <a href="http://www.profosbox.com/agp-font-awesome-collection/documentation/" rel="nofollow ugc">Documentation</a> on the plugin site.</p>
<h4>How to use visual constructor</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/TJ3QqH4BsYY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"></iframe></span>
<h4>How to create own shortcode</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/BT02i79Vmts?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"></iframe></span>
<h4>How to use promotion widget</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/HkK9recE8Ds?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"></iframe></span>
<h4>How to use shortcode container</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/pj5X73Ygna4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"></iframe></span>


AGP Font Awesome Collection

The latest Font Awesome icons with HTML and shortcodes usage, dynamic visualizer for TinyMCE, promotion widget and other features in the one plugin

e.nigma buttons vs AGP Font Awesome Collection