EasyTypeTools is simple Joomla plugin that adds:
- Font Awesome to your Joomla Website
- Keyboard CSS styles to show
to your Joomla 3 website.
The EasyType plugin works by adding the Font Awesome CSS or custom
<kbd> CSS to to your pages automatically. Setup is very simple.
- Free vs Pro
Basic Usage Steps
- Install via the standard Joomla extension manager and enable it.
- Enable the plugin.
- For Pro users choose some settings.
- There is no step 4…
EasyTypeTools Pro can load the Font Awesome kit from the official CDN or from your local server.
EasyTypeTools Pro will also loads the non-minimised version when Joomla’s Debug is enabled, allowing for easy resolution of CSS issues when using Font Awesome.
EasyTypeTools Pro includes additional
<KBD> themes — Apple, Heavy and Retro.
Font Awesome 4.4.0 has 550 icons for you to choose from, here’s a few examples of how to use them.
Add an empty “battery” icon to text:
<p>I'm feeling completely flat… <i class="fa fa-battery-empty"></i></p>
I'm feeling completely flat…
<a href="https://amazon.com" target="_blank"> <span class="btn btn-large"> <i class="fa fa-amazon"></i> </span> </a>
Keyboard Key Styles
<kbd></kbd> element represents user input (typically keyboard input, although it may also be used to represent other menu commands) — you can read more here.
Keyboard CSS is swithed On then
<kbd> elements will be wrapped in borders to simulate keys on a keyboard. Something like this:
Keyboard CSS is enabled, EasyTypeTools loads the relevant CSS into your Joomla page automatically.
<p>To copy the selected text type <kdb><kbd>command ⌘</kbd>-<kbd>C</kbd></kbd> (or <kdb><kbd>alt</kbd>-<kbd>C</kbd></kbd> on Windows).</p>
To copy the selected text type
<p>To open Joomla's Article Manager select <kdb><kbd>Content | Articles</kbd></kbd> from the menu bar.</p>
To open Joomla's Article Manager select
More Keys Example
Select » About this Macintosh… to learn more.
Press Ctl + alt + Del and walk away.
KISS spells "KISS" — Keep It Simple Stupid
|— Load specific version (3.2.1 / 4.4.0 / Latest)|
|— Option to load Font Awesome from local server|
|<kbd> </kbd> Element CSS|
| — Light and Dark
| — Heavy and Retro
| — Apple <kbd> Theme in Light and Dark
— (uses the new San Francisco font when available)
|Available in the current Version|
|Not available in this Version|
|New in the current Version.|
Install EasyTypeTools via the standard Joomla Extension Manager.
A successful installation message is displayed, click on the link in the message to enable the plugin.
Select EasyTypeTools in the Joomla Plugin Manager and enable it.
Click on the EasyTypeTools content plugin to open the plugin. Set Font Awesome and/or Keyboard CSS to On as required.
If you enabled Font Awesome, click on the Font Awesome Settings tab and adjust the settings as required.
If necessary select a specific version of Font Awesome (we recommend leaving it on latests).
In the Pro version, you can specify where to load Font Awesome from the standard CDN or from your Local server. We recommend the CDN (which is the default of the free version).
If you enabled it, click on the Keyboard CSS Settings tab and adjust the settings as required.
Select the CSS Default for a Light Background or Dark Background based on your template (generally we recommend the Light Background).
For the Pro version you can also select the Theme to use.
Save the plugin.
Check out the "About" tab for examples of Font Awesome and Keyboard CSS usage.
- This plugin is only supported and tested on Joomla 3.4+
- This plugin requires PHP 5.4 or higher.
Pro & Free
- Initial Release