Title: Font Awesome Box Shortcode
Author: Stuart Duff - a11n
Published: <strong>22 ตุลาคม 2016</strong>
Last modified: 27 กุมภาพันธ์ 2020

---

Search plugins

![](https://ps.w.org/fa-box-shortcode/assets/banner-772x250.png?rev=1520026)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/fa-box-shortcode/assets/icon-256x256.png?rev=1520026)

# Font Awesome Box Shortcode

 By [Stuart Duff – a11n](https://profiles.wordpress.org/stuartduff/)

[Download](https://downloads.wordpress.org/plugin/fa-box-shortcode.1.0.1.zip)

 * [Details](https://th.wordpress.org/plugins/fa-box-shortcode/#description)
 * [Reviews](https://th.wordpress.org/plugins/fa-box-shortcode/#reviews)
 * [Development](https://th.wordpress.org/plugins/fa-box-shortcode/#developers)

 [Support](https://wordpress.org/support/plugin/fa-box-shortcode/)

## Description

The Font Awesome Box Shortcode plugin adds slim information box style shortcodes
to your WordPress site and which supports displaying any of the Font Awesome Icons.

See the [Other Notes](https://wordpress.org/plugins/fa-box-shortcode/other_notes/)
page for useage instructions.

### Minimum Requirements

For this extension to function [WordPress](https://wordpress.org/) must be installed.

## FAQ

> How do I use the shortcodes.

From the WordPress visual editor you can add a shortcode via the box shortcode icon.

To use the plugin manually insert the shortcode below into your WordPress post or
page content area.

    ```
    [box icon="fa-wordpress" color="blue" url="https://wordpress.org"]Visit WordPress.org[/box]
    ```

The shortcode accepts two parameters of `icon=""` and `url=""` which are explained
below.

The `icon=""` parameter will accept any Font Awesome icon code which looks like 
this `fa-warning` as an example

For a full list of all the icons you can use within the shortcode these are available
with the relevant codes on the [Font Awesome Cheat Sheet](https://fontawesome.com/v4.7.0/cheatsheet/).

The `url=""` parameter will accept any url internal or external url you add to it.

The `color=""` parameter allows you to choose one of the predefined colors listed
below

Also don’t forget to add some text content between the shortcode containers too!

> How can I disable the plugins default font awesome stylesheet as my theme is loading
> it’s own?

There is a filter inside the Font Awesome Box Shortcode plugin titled `enqueued_fabs_font_awesome_filter`
which you can use to specify your themes enqueued version of Font Awesome which 
will then disable the plugin version from loading.

If your themes loaded version of font awesome has been enqueued as `font-awesome`
then you don’t need to use any filters as the plugin will detect that loaded script
and not load it’s own version of the Font Awesome stylesheet from MAX CDN.

If your existing loaded version of Font Awesome has been enqueued under a different
name like `my_themes_fontawesome` as an example then you would have to use the filter
below to specify the name under which your current version was being enqueued.

 |   |  function load_my_current_font_awesome() { |  
 |   |   return 'my_theme_fontawesome'; |  
 |   |  } |  
 |   |  add_filter( 'enqueued_fabs_font_awesome_filter', 'load_my_current_font_awesome' ); |

 [view raw](https://gist.github.com/stuartduff/4c0c21ff924a013db5d7a1a66910b33b/raw/b492abe5568217362103a06d632fa8058d025efc/fabs-font-awesome-css-filter.php)

[ fabs-font-awesome-css-filter.php  hosted with ❤ by [GitHub](https://github.com)

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Font Awesome Box Shortcode” is open source software. The following people have 
contributed to this plugin.

Contributors

 *   [ Stuart Duff – a11n ](https://profiles.wordpress.org/stuartduff/)

“Font Awesome Box Shortcode” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/fa-box-shortcode/contributors)
for their contributions.

[Translate “Font Awesome Box Shortcode” into your language.](https://translate.wordpress.org/projects/wp-plugins/fa-box-shortcode)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/fa-box-shortcode/),
check out the [SVN repository](https://plugins.svn.wordpress.org/fa-box-shortcode/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/fa-box-shortcode/)
by [RSS](https://plugins.trac.wordpress.org/log/fa-box-shortcode/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.1 – 14/02/17

 * Update – updated font awesome version to v4.7.0.

#### 1.0.0 – 15/10/16

 * Initial Release – first version of the plugin released.

## Meta

 *  Version **1.0.1**
 *  Last updated **6 ปี ago**
 *  Active installations **70+**
 *  WordPress version ** 5.3 or higher **
 *  Tested up to **5.4.19**
 *  Languages
 * [English (UK)](https://en-gb.wordpress.org/plugins/fa-box-shortcode/) และ [English (US)](https://wordpress.org/plugins/fa-box-shortcode/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/fa-box-shortcode)
 * Tags
 * [feature box](https://th.wordpress.org/plugins/tags/feature-box/)[info boxes](https://th.wordpress.org/plugins/tags/info-boxes/)
   [infobox](https://th.wordpress.org/plugins/tags/infobox/)[shortcode](https://th.wordpress.org/plugins/tags/shortcode/)
   [shortcodes](https://th.wordpress.org/plugins/tags/shortcodes/)
 *  [Advanced View](https://th.wordpress.org/plugins/fa-box-shortcode/advanced/)

## Ratings

No reviews have been submitted yet.

[Add my review](https://wordpress.org/support/plugin/fa-box-shortcode/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/fa-box-shortcode/reviews/)

## Contributors

 *   [ Stuart Duff – a11n ](https://profiles.wordpress.org/stuartduff/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/fa-box-shortcode/)