Git Product home page Git Product logo

font-awesome-wordpress-plugin's Introduction

=== Font Awesome Icons === Contributors: rachelbaker, BFTrick, Taylor4484, tommarshall, rscarvalho, @jeezysevenrwd

Tags: icons, font-awesome, font icon, UI, icon font, bootstrap Requires at least: 3.0 Tested up to: 4.6.3 Stable tag: 4.6 License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html

Enables easy use of the Font Awesome icon font set from within WordPress. Icons can be inserted using either HTML, shortcode, or a built-in TinyMCE plugin.

== Description ==

Font Awesome is a pictographic font set of 634 icons. The icons are infinitely scalable and screen reader compatible.

A full list of the 361 Font Awesome icons is available: FontAwesomeIconsCheatsheet.pdf

To use any of the Font Awesome icons on your WordPress site you have three options:

HTML

All code examples on the Font Awesome site apply: http://fontawesome.io/examples/

Examples

Pencil icon

<i class="icon-pencil"></i>

Phone icon

<i class="icon-phone"></i>

Chevron left icon

<i class="icon-chevron-left"></i>

Shortcode

Don't want to worry about HTML tags? You can use a shortcode in your posts, pages and even widgets to display a Font Awesome icon.

The shortcode to use is [icon name=name-of-icon], where name=X is the class of the icon you would like to use.

Examples

Pencil icon

[icon name=icon-pencil]

Phone icon

[icon name=icon-phone]

Chevron left icon

[icon name=icon-chevron-left]

TinyMCE Plugin

Select the icon you would like to add to your post or page content from the Glyphs drop-down menu in the Visual Editor.

image

Contributors Welcome

Author

== Installation ==

  1. Upload Font Awesome Icons to the /wp-content/plugins/ directory.

  2. Activate the plugin through the 'Plugins' menu in WordPress.

  3. Use one of the three usage methods (HTML, Shortcode, or TinyMCE plugin) within the content of your posts or pages.

  4. Use either the HTML or Shortcode methods inside your text widgets.

== Screenshots ==

  1. HTML code samples
  2. Shortcode samples
  3. TinyMCE plugin
  4. Full icon list

== Changelog ==

===June 1, 2016 ===

  • Updated font and CSS files to Font Awesome 4.6.3 release.

===April 12, 2016 ===

= 4.6 =

  • Updated font and CSS files to Font Awesome 4.6.1 release. (Thanks to @jeezysevenrwd)

= 4.5 =

  • Updated font and CSS files to Font Awesome 4.5.0 release. (Thanks to @jeezysevenrwd)

= 3.2.1 =

  • Updated font and CSS files to Font Awesome 3.2.1 release. (Thanks to @tommarshall)
  • Updated build/icons.yml file for reference. (Thanks to @tommarshall)
  • Updated reference PDF file with Font Awesome 3.2.1 icons. (Thanks to @tommarshall)
  • Added TinyMCE editor plugin, making it possible for the user to select font awesome glyphs from a drop-down list within the content editor. (Thanks @rscarvalho)
  • Added version number constant to cache bust assets for future plugin updates. (Thanks @rscarvalho)

= 3.1 =

  • Updated font and CSS files to Font Awesome 3.1 release. (Thanks to @Taylor4484)
  • Updated reference urls to new Font Awesome URL. (Thanks to @Taylor4484)
  • Added build/icons.yml file for reference. (Thanks to @BFTrick)
  • Updated reference PDF file with Font Awesome 3.1 icons.

= 3.0 =

  • Updated font and CSS files to Font Awesome 3.0 release.

= 1.2 =

  • Added IE7 CSS

= 1.1 =

  • Created and enabled shortcode

= 1.0 =

  • Initial release

font-awesome-wordpress-plugin's People

Contributors

rachelbaker avatar jamesvanwaza avatar tommarshall avatar bftrick avatar raajtram avatar taylor4484 avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.