WordPress.org

Ready to get started?Download WordPress

Plugin Directory

WP-IonIcons

Quickly add ionicons to your theme.

Easily add ionicons support to your theme and wp-admin. Quickly add icons to your wordpress site via html, css or shortcode. Learn more, or get support on our github page.

Usage

HTML

Use icons in your posts and templates using the <i> element. First find the icon class name you wish to display and add the classes icon and the name of your icon of choice. Like so:

<i class="icon ion-chatbox"></i>

CSS

Use icons in your css with :before and :after tags. Define the content property with with the appropriate css content code and define font-family as Iconicons. Like so:

.element:before { content: '\f109'; font-family: Ionicons; font-weight: normal; font-style: normal; }

SHORTCODE

Use shortcodes in your post editor. Paste the icon class name in the name attribute.

[icon name=ion-checkmark]

Credits

Designed by @helloimben.

All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by Drify, Connect Think, nor vice versa.

Plugin built and maintained by Connect Think.

Tags: , ,

Requires: 3.0.1 or higher
Compatible up to: 3.8.3
Last Updated: 2013-12-12
Downloads: 206

Ratings

0 stars
0 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.