Font Awesome WP

January 11, 2015

Font Awesome WP Plugin

Here is a short description of the plugin. This should be no more than 150 characters. No markup here.

This plugin is used for font awesome updated version.You can use various fonts from font awesome using shortcodes.You can use these shortcodes in your pages,posts and widgets.You can change fonts colors,size,border color,padding,hover color,hover background and so on.

ShortCodes:

Font Awesome icons without link:

1.Default style

[font icon=fa-facebook] 

2.custom style

[font icon=fa-facebook color=#00AAE8 border_color=#00AAE8 font=16px width=14px padding=5px]

3.simple style

[font icon=fa-facebook border_color=none]

Font Awesome icons with link:

1.Default style

[font_link icon=fa-facebook]

2.custom style

[font_link icon=fa-facebook color=#00AAE8 border_color=#00AAE8 font=16px width=14px padding=5px href=# hover_color=#fff hover_bg=#00AAE8] 

3.Simple style

[font_link icon=fa-facebook color=#00AAE8 border_color=none font=16px width=14px padding=5px href=# hover_color=#fff hover_bg=#00AAE8]

Shortcodes

Font Awesome icons without link:

1.Default style

[font icon=fa-facebook] 

2.custom style

[font icon=fa-facebook color=#00AAE8 border_color=#00AAE8 font=16px width=14px padding=5px]

3.simple style

[font icon=fa-facebook border_color=none]

Font Awesome icons with link:

1.Default style

[font_link icon=fa-facebook]

2.custom style

[font_link icon=fa-facebook color=#00AAE8 border_color=#00AAE8 font=16px width=14px padding=5px href=# hover_color=#fff hover_bg=#00AAE8] 

3.Simple style

[font_link icon=fa-facebook color=#00AAE8 border_color=none font=16px width=14px padding=5px href=# hover_color=#fff hover_bg=#00AAE8]

Installation

This section describes how to install the plugin and get it working.

e.g.

  1. Upload plugin-directory to the /wp-content/plugins/ directory

  2. Activate the plugin through the ‘Plugins’ menu in WordPress

  3. Use shortcode in page,post or in widgets.

  4. If you want to use this in your theme php,Place <?php do_shortcode('YOUR_SHORTCODE'); ?> in your templates

Screenshots

  1. Icon View with out link.

    Icon View with out link.

  2. Icon view with link.

    Icon view with link.

  3. Icon samples preview.You can get all icon from here http://fortawesome.github.io/Font-Awesome/icons/

    Icon samples preview.You can get all icon from here http://fortawesome.github.io/Font-Awesome/icons/

Changelog

1.0

  • Initial Release

Details

  • Version: 1.0
  • Active installations: 700
  • WordPress Version: 3.0.1
  • Tested up to: 4.1.41

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars