Giter VIP home page Giter VIP logo

wp-font-awesome-icons's Introduction

WP Font Awesome Icons

This plugin will allow you to quickly and easily fire up Font Awesome icons within your local WordPress install. Upload and activate this plugin and you will be able to accomplish all of the following without touching a single line of code:

  1. Swap out any icon in your WordPress admin menu (compatible with WordPress version 3.8+ or WordPress version 3.7 with the MP6 plugin).
  2. Add Font Awesome icons to any post from an "Icons" TinyMCE dropdown menu (compatible with WordPress 3.0 or higher).
  3. Add Font Awesome icons to any registered, native navigation menu (compatible with WordPress 3.0 or higher).

Icon Settings Page

All of this plugin's features can be managed from the "Icons" settings subpage, under the "Appearance" menu. This page has three tabs: General, Admin Menu, and Nav Menu. The "General" tab contains basic options for managing where you enqueue icon styles (CDN or local), and for removing icon styles from the front end (if you only plan to use this plugin to manage your admin menu icons).

Admin Menus

Replacing your admin menu options is as easy as 1, 2, 3! From the "Admin Menu" tab:

  1. Click “Select Icon” for the menu icon you want to replace
  2. Choose a Font Awesome Icon
  3. Save your settings

Navigation Menus

Add icons to each of your registered WordPress menu items. You have the choice of adding an icon before or after the menu item text. You can even go crazy and add icons before AND after your menu text. Font Awesome size options are also included:

  1. Click “Select Icon” to add an icon to the menu item location.
  2. Choose a Font Awesome Icon
  3. Choose a size (defaults to menu text size, "Normal")
  4. Save your settings

Adding Icons to Posts & Pages

You can use a shortcode in your posts, pages and even widgets to display a Font Awesome icon.

Examples

Pencil icon

[fa_icon name=pencil]

Phone icon

[fa_icon name=phone]

Chevron left icon

[fa_icon name=chevron-left]

TinyMCE Plugin

You can also select the icon you would like to add to your post or page content from the Icons dropdown menu in the Visual Editor.

Contributors

Thanks to @davegandy for creating the wonderful and amazing Font Awesome, and to Rachel Baker.

Troubleshooting

Having trouble with this plugin? If you are using WordPress version 3.7, please make sure you've installed the MP6 plugin first, or the admin menu options will look a bit strange.

wp-font-awesome-icons's People

Contributors

hofmannsven avatar jonmasterson avatar

Watchers

 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.