WP-IonIcons wordpress plugin resources analysis
| Download This Plugin | |
| Download Elegant Themes | |
| Name | WP-IonIcons |
| Version | 1.0.0 |
| Author | Connect Think |
| Rating | 0 |
| Last updated | 2013-12-12 09:21:00 |
| Downloads |
324
|
| Download Plugins Speed Test plugin for Wordpress | |
Home page
Delta: 0%
Post page
Delta: 0%
Home page PageSpeed score has been degraded by 0%, while Post page PageSpeed score has been degraded by 0%
WP-IonIcons plugin added 34 kB of resources to the Home page and 34 kB of resources to the sample Post page.
WP-IonIcons plugin added 0 new host(s) to the Home page and 0 new host(s) to the sample Post page.
Great! WP-IonIcons plugin ads no tables to your Wordpress blog database.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.
