Elusive Iconfont is a pictographic font set of 270+ icons. The icons are infinitely scalable and screen reader compatible.
A full list of the 270+ Elusive Iconfont icons is available: http://aristath.github.com/elusive-iconfont/index.html
To use any of the Elusive Iconfont icons on your WordPress site you have two options:
HTML Option
All code examples on the Elusive Iconfont site apply: http://aristath.github.com/elusive-iconfont/index.html
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 Option
Don’t want to worry about HTML tags? You can use the shortcode generator to insert the incons in your posts, pages and even widgets to display a Elusive Iconfont icon.
The shortcode generated will look like this >> [icon name=icon-github size=icon-2x align=pull-left color=icon-maroon] depending on your selections.
To generate the shortcode simply look for the Flag icon on your post/page editor and click to launch the generator window, make your selections and click the Insert Elusive Iconfont and you are done.
At this point click the Preview Post/Page button to see the result and when you are happy save your work and the plugin will take care of displaying it on the frontend.
Credits
- Elusive Iconfont webfont and associated code are a production of @aristath, by Aristeides Stathopoulos. (http://aristath.github.com/elusive-iconfont/index.html)
- The Elusive Iconfont is licenced under the terms of the SIL – Open Font Licence (http://www.tldrlegal.com/license/open-font-license-%28ofl%29)
Contributors Welcome
- Submit a pull request on Github
Support Us
- If you use and enjoy this plugin please rate and vote for it – thanks
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.