UPDATE: The plugin is now hosted on WordPress Repository and is available for download from there – the download button has been updated to link to the plugins new home – See sidebar.

[icon name=icon-cogs size=icon-10x align=pull-left color=icon-brown]I have released a new plugin for adding the Elusive Inconfont set to WordPress using shortcodes – the plugin is made Free and available for download over at GitHub.

It comes with a number of options selectable right within the Shortcode Generator Interface included and can be launched by clicking the Flag icon available on the page/post editor while writing new articles. See screenshot below.

The plugin was inspired by Rachel Baker’s Font Awesome Icons WordPress Plugin – also available Free on GitHub.

Options include:

  1. Selection of the icon type.
  2. Selection of icon size.
  3. Icon alignment – pull-left or pull-right.
  4. Icon color – select from a pre-set number of colors …More will be added in the future or maybe a color picker could be employed.
  5. Type – Currently only icon-border and icon-spin are available with icon-border needing a little more work.

The Generated shortcode will look something similar to:

[ icon name =icon-envelope size =icon-6x align =pull-left color= icon-brown ]

depending on your selection and without the spaces after and before the [  ] plus before the = sign.

Here are some examples….

[icon name=icon-facebook size=icon-3x color=icon-blue] [icon name=icon-twitter size=icon-3x color=icon-turquoise] [icon name=icon-pinterest size=icon-3x color=icon-red] [icon name=icon-googleplus size=icon-3x color=icon-maroon] Notice that these icons are clickable – This is achieved by highlighting the entire shortcode and then using the insert link chain on the editor and not via the plugin.

Plugin Screenshots

EditorIcon

Above is a screenshot of the editor with the Flag icon for the plugin – Below is a screenshot of the Shortcode Generator which pops up when the flag icon is clicked. This is where you would make your selections and then insert the shortcode into your posts and pages. Shortcode can also be generated and copied to text widgets on any of the sidebars. If you use the Black Studio TinyMCE widget plugin as I do, you will find the flag icon there ready for use in your sidebars.

ShortcodeGenerator

Currently, the plugin is available via [icon name=icon-github size=icon-large color=icon-green]GitHub but I’m working on having the stable version here on site and keeping the repository for production purposes. Also working on getting the plugin included in the WordPress Repository too.

Comments

  1. Hello Admin,
    First of all you done a great job. long time I’m waiting for a plugin like this to embed font awesome icons in a WP blog. I tried your plugin in my wordpress blog installed locally, it worked well, but when I tried in my live blog icons are not appearing. I’m using Twenty Twelve theme. Please help me to sort out this.
    Thanks.

      • Site Admin

        Hey Vivek, thanks for the appreciations and for stopping by to let me know of the issue. I’ve tested the plugin with a number of themes with no issues at all.

        My guess is that what you are seeing is cached page of your site – have you tried clearing the cache and cookies from your browser?

        Let me know if that helps but in the meantime I’ll set up a test environment with W3 cache to try and replicate your issue and debug it – will report back later.

    • Site Admin

      You are most welcome and thank you for stopping by to leave a comment 🙂

      Now that’s an idea worth tinkering with – will look in to it and let you as soon as I come up with something workable.

  2. BioShock Infinite Trainer

    I don’t know if it’s just me or if everyone else experiencing issues with your blog.
    It looks like some of the text within your content are running off the screen.
    Can someone else please provide feedback and let me know if this is happening to them too?
    This may be a issue with my web browser because I’ve had this happen previously. Cheers

  3. Site Admin

    There was a small bug with the tags bellow the comments form that were over spilling into the sidebar yes. But that has now been fixed.

    Not aware of any other sections/areas thus far but if you are still seeing such effects then please point to the relevant section and will get them checked out and fixed if required or get back with a response to your question regarding your browser maybe?

  4. Hi therе just ωanted tο gіve you a quick heads up anԁ lеt
    yοu know a feω of the pictures aren’t loading properly. I’m not
    sure why but I think its a linking iѕsue.
    I’ve tried it in two different internet browsers and both show the same outcome.

  5. Hello

    Thank you very much for this great plugin!. I just wanted to ask if you think of a way to solve the following problem. I got an error with internet explorer, below each icon a large empty space is created. just check it in the bottom of my home page. I hope you can give me an idea to solve it …

    thank you very much!

    http://www.vissualstudio.com