######License: GPLv2
Me Widget provides a simple way to incorporate Gravatar profiles within your Wordpress, offering easy customizations and straight forward styling.
Me Widget is a widget designed to be used with Wordpress 3.9 sites, and requires having a Gravatar profile. Me Widget is similar to Jetpacks Gravatar Profile Widget but provides extra customization like using a avatar not on your Gravatar profile or adding custom class tag to your avatar image easily from your widget panel.
####Features
- Avatar : Display your Gravatar or a custom avatar.
- Profile Info : Display some, all, or none of the personal information from your Gravatar profile.
- Customize : the way your avatar and profile data is displayed using preset styles.
- CSS : Easy to edit or make your own styles by adding the style template to your existing style sheet
- Social Icons* : Displays icons for your verified accounts from your Wordpress profile.
*Icons are provided by Font Awesome 4.1.0 created by Dave Gandy, the font's cheat sheet is found [here] 1, and the list that the widget recognizes is found here (This list may not be complete, if there is an icon that is in Awesome Fonts that should be included in this list please let me know).
Requirements: Wordpress 3.9.* and PHP 5. ###Wordpress Plugin Repository (Easiest)
- Naviagate to the plugin page on your Wordpress dash board then click on the add button. Search for "Me Widget". Me Widget should be at the top of that search.
- Click on the install link. Once installed activate the plugin and your good to go!
- Download MeWidget-1.0.1.zip.
- Log into your Wordpress Dashboard then find the
plugin
tab on the left then clickadd new
. - On the add new page simply click the upload link then click choose file.
Navigate to the MeWidget-0.1.1.zip then press
install
. - Once Me Widget is installed activate.
####Setup
- Place the widget into one of your side bars then under the
widget option first put in a
Gravatar Account
email you wish to display thensave
. If the email that was entered is valid you can then begin to select some of the options. - A small preview of the data that is contained within each option will be shown to the right of the check box label. If no data was retrieved for that item it will be left blank.
- If you would like an image other than the one provided by Gravatar, enter
the url to the image in the
Custom Image Url
text box. - With
Image size
you can set the pixel width of the image (Note: this is not the same as the display width). This option is not available for custom images. - You can add attributes by listing them in
Image attributes
text box. Example:width=30%, class=thumbnail right-align
gets converted to<img src="http://localhost/kylyv/wp-content/uploads/me_graphic.png" width="30%"
class="thumbnail right-align">
###Styling
A few styles have already been provided for you but you will most likely want to
make more. An example CSS has been provided for you in the css
folder named
me-widget-example.css.
Simply fill it in with your own styles. For images you can make your own
selectors then add them using the Image attributes
dialog.
Here a list of prepackaged Image styles:
Class | Attributes |
---|---|
right-align | float: right, margin-left: .5em |
left-align | float: left, margin-right: .5em |
circle | border-radius: 50% |
rounded | border-radius: 6px |
thumbnail | padding: 4px line-height: 1.42857143 background-color: #ffffff border: 1px solid #dddddd border-radius: 4px display: inline-block width: 100%\9 max-width: 100% height: auto |
More styles would be great. If you have one you would like to add to the widget just give me a pull request.
###v1.0.3
- Fixed wrong email showing in widget.