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.

Zayed Baloch

Hammal Albulushi

Naeem Noor

<p>This plugin allows you to easily embed Font Awesome icon to your website using HTML or built-in shortcode handlers.</p>
<h4>Features</h4>
<ol>
<li>Shortcode support. Example: For Font Awesome 5 <code>[wpfa5s icon=""]</code>, <code>[wpfa5r icon=""]</code>, <code>[wpfab icon=""]</code>, and for Font Awesome 4.7+ <code>[wpfa icon=""]</code></li>
<li>Use Larger Icon: <code>[wpfa icon="" size="2x"]</code>. Sizes: <code>xs</code>, <code>sm</code>, <code>lg</code>, <code>2x</code>, <code>3x</code>, <code>5x</code>, <code>7x</code>, <code>10x</code></li>
<li>Add Font Awesome icon in Menu with shortcode.</li>
<li>Support shortocde in Widgets.</li>
<li>Support post and page title.</li>
<li>Font Awesome version 6</li>
<li>Support Font Awesome version 5.+ and 4.7.0</li>
<li>Add Font Awesome icon from editor Toolbar button.</li>
</ol>
<h4>Shortcodes</h4>
<p>Introduced three new shortcode for Font Awesome support.</p>
<p><strong>Font Awesome v6 & v5</strong><br />
    [wpfa5s icon=”home”] for Solid style.<br />
    [wpfa5r icon=”user”] for Regular style. <em>support only in few icon</em>.<br />
    [wpfa5b icon=”wordpress”] for Brands.</p>
<p><strong>Font Awesome 4.7+</strong><br />
    [wpfa icon=””].</p>
<h4>Note</h4>
<p>The <code>fa</code> prefix has been deprecated in version 5. The new default is the <code>fas</code> solid style <code>far</code> regular style and the <code>fab</code> style for brands.</p>
<p><strong>WP Font Awesome plugin still support Font Awesome version 4</strong></p>


WP Font Awesome

Nice and easy

This plugin allows you to easily embed Font Awesome icon to your site with simple shortcodes.

e.nigma buttons vs WP Font Awesome