seothemes

<p>Icon Widget creates a new WordPress widget that displays an icon, title and description. Select the size, color and text-alignment with easy to use dropdown options.</p>
<h4>Icon Fonts Included</h4>
<ul>
<li>Font Awesome 4 & 5</li>
<li>Line Awesome</li>
<li>Ionicons</li>
<li>Streamline Icons</li>
<li>ET Line Icons<br />
<em>More coming soon. We are open to suggestions.</em></li>
</ul>
<h4>Shortcode Usage</h4>
<p>Since 1.0.6 you can now use the <code>icon_widget</code> shortcode. Below is a list of available attributes with their default values:</p>
<ul>
<li>classes  =>  ‘icon-widget’</li>
<li>title    =>  ‘Icon Widget’</li>
<li>content  =>  ‘Add a short description.’</li>
<li>icon     =>  ‘fa-star’</li>
<li>weight   =>  ‘600’</li>
<li>size     =>  ‘2x’</li>
<li>align    =>  ‘center’</li>
<li>color    =>  ‘#333333’</li>
<li>bg       =>  ”</li>
<li>padding  =>  ”</li>
<li>radius   =>  ”</li>
<li>heading  =>  ‘h4’</li>
<li>break    =>  ‘<code><br></code>‘</li>
</ul>
<p>Here is an example of the icon widget shortcode using all available parameters:</p>
<pre><code>[icon_widget classes="icon-widget" title="Icon Widget" content="Add a short description" icon="fa-star" weight="600" size="2x" align="center" color="#fff" bg="#333" padding="30" radius="30" heading="h4" break="<br>"]
</code></pre>


Icon Widget

This works great and saves a lot of time. Easy for clients to manage.

Works Great!

Display an icon, title and description with a widget or a shortcode.

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.

Icon Widget vs Shortcodes for Font Awesome