Notes

WPI gravatar used SPAN and CSS inheritance instead of the normal image <img> tag. It may seem a bit weird in term of normal coding standard. But this implementation will save you some bandwidth and rendering time in the long run. Data embed is also part of HTML 5 draft work in progress ([wpi_redirect href="http://www.whatwg.org/specs/web-apps/current-work/#embedded0" title="Html 5 Data Embed"]data embed[/wpi_redirect]).

Avatar Shortcode

[wpi_avatar attribute="value"]Content[/wpi_avatar]

Content:

A comma separate value.

1. Email → valid Gravatar Email (e.g., billgates@microsoft.com)

   Invalid or wrong email will be replace with [wpi_redirect href="http://scott.sherrillmix.com/blog/blogger/wp_identicon/"]wp-identicon[/wpi_redirect] geometrical avatar.

2. Size → 35

   size range from 15 to 150 (multiples of 5 - 15,20,25 .. 100)

Attributes:

An attribute-value pairs. Default value as follow.

1. title → gravatar
2. align → left

   possible value : left, right, center & none

3. url → null

   link the avatar (Embed with hcard/microid format)

Example Galore

1. simple gravatar shortcode

   [wpi_avatar]sakurab@somewhere.org[/wpi_avatar]

   ---

   [wpi_avatar]is.b.e@hotmail.com,35[/wpi_avatar] Gravatar aims to put a face behind the name. This is the beginning of trust. In the future, Gravatar will be a way to establish trust between producers and consumers on the internet. It will be the next best thing to meeting in person. ~ about gravatar

2. blank gravatar shortcode (identicon)

   [wpi_avatar]1.618[/wpi_avatar]

   ---

   [wpi_avatar]1.618[/wpi_avatar]Identicons allow visual representations of commenters without requiring any external sites or user interactions. With 40 possible shapes (about 70 with inversions) in 3 possible positions, around 8000 distinguishable colors and four different rotations for each part, there should be several billion possible shape combinations … ~ [wpi_redirect href="http://scott.sherrillmix.com/blog/blogger/wp_identicon/" title="wp_identicon"]wp-identicon[/wpi_redirect]

3. full gravatar shortcode

   [wpi_avatar url="http://gravatar.com" align="right" title="Microhoo"]hbill.gates@gmail.com,40[/wpi_avatar]

   ---

   [wpi_avatar url="http://en.gravatar.com/site/privacy" align="right" title="Microhoo"]hbill.gates@gmail.com,40[/wpi_avatar]Gravatar.com collects your email address as part of the gravatar service. We will never rent, sell, or otherwise distribute or make public your email address. We hate spam as much as you do. The way gravatar requests are structured, your email address is encrypted before transmission. Your email address cannot be harvested from gravatar enabled sites due to gravatar requests. We take your privacy seriously. ~ [wpi_redirect href="http://en.gravatar.com/site/privacy" title="Gravatar police"]Gravatar Policy[/wpi_redirect]

Custom Hook

Filter Hook for wpi_avatar shortcode.

wpi_avatar_shortcode

Return raw html output.
see: KaizekuShortCode::avatarCallback().

External Links

• Must read → Wordpress Shortcode Limitation