Skip to content
/ MeWidget Public

Wordpress widget for displaying profile data from Gravatar.

License

Notifications You must be signed in to change notification settings

Kyly/MeWidget

Repository files navigation

Me Widget

######License: GPLv2

Me Widget provides a simple way to incorporate Gravatar profiles within your Wordpress, offering easy customizations and straight forward styling.

Description

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).

Installation

Requirements: Wordpress 3.9.* and PHP 5. ###Wordpress Plugin Repository (Easiest)

  1. 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.
  2. Click on the install link. Once installed activate the plugin and your good to go!

Download Here (Easy)

  1. Download MeWidget-1.0.1.zip.
  2. Log into your Wordpress Dashboard then find the plugin tab on the left then click add new.
  3. 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.
  4. 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 then save. 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.

Changelog

###v1.0.3

  • Fixed wrong email showing in widget.

About

Wordpress widget for displaying profile data from Gravatar.

Resources

License

Stars

Watchers

Forks

Packages

No packages published