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.

WebbPlatsen

joho68

<p>This WordPress shortcode plugin generates inline HTML for the Font Awesome icon libray.</p>
<p>You can use any icon code supported by Font Awesome 7.</p>
<p>A few notes about this plugin:</p>
<ul>
<li>You may choose to host your Font Awesome 7 files locally (default)</li>
<li>You may choose to use the Font Awesome CDN</li>
<li>You may choose to specify a custom URL for your Font Awesome files</li>
<li>You may choose to disable Font Awesome assets if you include them elsewhere</li>
<li>This plugin may create entries in your PHP error log (if active)</li>
<li>This plugin contains no tracking code and does not process or collect any information about the visitor</li>
<li>Tested with WordPress 5.5-6.9</li>
<li>Tested with PHP 7.x and PHP 8.x</li>
<li>See css/fontawesome/LICENSE.TXT for Font Awesome licensing details</li>
</ul>
<h3>Configuration</h3>
<p>Decide if you want to use the included Font Awesome assets, they are the time of this writing at version 7.2. If you want to use another version, you can replace the included assets, use another URL for the CSS and webfont assets, or specify a Font Awesome CDN kit URL.</p>
<h3>Usage</h3>
<p>There is one shortcode available with this plugin:</p>
<pre><code>[scfa][/scfa]
</code></pre>
<h4>General format</h4>
<p>This is intended as a quick reference for the shortcode. For a complete list of Font Awesome classes, please see fontawesome.com. Some icon styles may only be available with a Pro license. You can (obviously) specify everything class related in the class=”” parameter if that is more convenient for you.</p>
<p>Generate  element with icon and default (icon) style:</p>
<pre><code>[scfa icon="address-book"][/scfa]
</code></pre>
<p>Generate  element with the specified style and icon:</p>
<pre><code>[scfa icon="far address-book"][/scfa]
</code></pre>
<p>Generate  element with the specified style and icon and size:</p>
<pre><code>[scfa icon="far address-book" size="5x"][/scfa]
</code></pre>
<p>There are more examples in the SCFA plugin settings screen.</p>
<h3>Credits</h3>
<p>The Shortcodes for Font Awesome Plugin was written by Joaquim Homrighausen while converting caffeine into code.</p>
<p>Shortcodes for Font Awesome is sponsored by <a href="https://www.webbplatsen.se" rel="nofollow ugc">WebbPlatsen i Sverige AB</a>, Sweden.</p>
<p>This plugin can also be downloaded from <a href="https://code.webbplatsen.net/wordpress/wordpress-shortcodes-for-font-awesome/" rel="nofollow ugc">code.webbplatsen.net</a> and <a href="https://github.com/joho1968/SCFA" rel="nofollow ugc">GitHub</a></p>
<p><a href="https://fontawesome.com" rel="nofollow ugc">Font Awesome</a></p>
<p>Stay safe!</p>


Shortcodes for Font Awesome

Generate inline HTML with Font Awesome icon libray by using shortcodes.

e.nigma buttons vs Shortcodes for Font Awesome