Echo1 Consulting – Inital JS Avatar

Simple jQuery plugin to make gmail like text avatars for profile pictures. These avatars can be scaled up to any size as they are SVG based.

This is an integration of the initial.js jquery plugin (http://judelicio.us/initial.js/). This plugin contains hooks for extensibility, and modifications of avatars.

The avatar will be the first initial of the username. Colors are set by default, but can be manipulated using built-in hooks.

From WordPress Dashboard:

1. Go to ‘Plugins > Add New’.
2. Search for ‘Initial JS’.
3. Click “Install Now” for the plugin named ‘Echo1 Consulting – Inital JS Avatar’.
4. That’s it! Initial JS Avatar is automatically selected as your default avatar.

Manual Installation:

1. Upload echo1-consulting-initial-js-avatar.zip to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. That’s it! Initial JS Avatar is automatically selected as your default avatar.

What settings can I change?

There are built in hooks / filters which allow you to modify the appearance of avatars. These attributes include: background-color, font-size, font-weight, alt-text, class names, image height, image width, number of characters in an avatar, text-color, and text used for the initial.

What browsers are the SVG avatars compatible with?

• Chrome
• Firefox
• IE 9+
• Opera 9+
• Safari 3.2+
• iOS Safari 3.2+
• Android Browser 3+

Is this plugin multisite compatible?

Yes, you can activate this plugin at the site, or network-level. Site administrators can enable or disable use of the initial avatar under “Settings” > “Discussion” > “Default Avatar”.

1. 

   This screenshot shows the first initial of the username being used as the avatar.

2. 

   This screenshot shows a list of users with the first initial of their username being used as the avatar.

3. 

   This screenshot shows "Initial JS" as a selection in the "Default Avatar" section.

4. 

   This screenshot shows the first initial of the username as the avatar in a comment thread.

1.0

• Initial Commit