This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Bootstrap Glyphicons in Visual Editor

Description

Adds the Glyphicons included with Twitter Bootstrap 3 to the WordPress visual editor. All credit goes to those 2 places for their awesome work! I just loved the Glyphicons with Bootstrap so much and wanted a way to insert them into posts if I felt like it. I figured others might want the same functionaily.

Instructions for use:

Method A (Visual Editor – Preferred):

  1. Edit/Add any Page or Post

  2. In the visual editor you will see a new bright red “G” button. Click the button

  3. You will now be presented with a selection menu.

  4. Simply select any icon and the shortcode will be placed into your post/page!

Method B (Manual Shortcode):
Insert shortcode into your post.
[glyphicons icon=”iconname”]

Method C (Manual into Theme):
Since this loads the necessary fonts and css for the Glyphicons you may put them anywhere using the standardized code:

Screenshots

  • New Visual Editor Button
  • Glyphicons Selection Screen

Installation

  1. Upload contents of bootstrap-glyphicons-in-visual-editor.zip to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to the visual editor for any page or post and use the new bright red button.

Contributors & Developers

“Bootstrap Glyphicons in Visual Editor” is open source software. The following people have contributed to this plugin.

Changelog

1.1

  • Hotfix for conflict with themes that already have Twitter Bootstrap loaded.

1.0

  • Initial release.