amr users plus social

Using an image sprite with hover

Using an image sprite with hover

Want an easy way to include social media profile links in your public user lists?   Here is an add-on that you can totally customise:

  • it uses amr-user filters and hooks so you can customise the hell out of it and stay within the upgrade path of the main plugin
  • lots of code comments and clearly written code that can be copied and tweaked , so minimal php,css knowledge required
  • totally translatable in case you have a multi-language site
  • use any user profile fields you may already have collected
  • optionally add new ones simply using wordpress contact methods
  • use your own themes css, or use a choice of provided images, or load your own
    • image sprite example (replace with own sprites and css as desired), or get more.  Perhaps a glyph version?
    • jetpack social media images (must have jetpack installed)
  • Both provided css options have softer focus on main icons which brighten on hover.
  • work with the social profile fields individually or manipulate a social media block in the lists
  • custom social profile formatting functions (using amr-users pluggable function lookup for format functions)

An html 5 version:

user list with social media links

user list with social media links

Admin example view – individual control or a ‘block’.

Example list with two social media profile options

List for demonstration purposes: To show both individual social media profile field control or as a ‘block’

 

Instructions:

  • Download, unzip
  • Optionally edit social profile contact methods as desired (or perhaps test first, edit later…)
  • Ftp to your plugin directory,Activate
  • Edit some user profiles – make sure there is data in social media profile fields desired. Save
  • Go to amr-user settings. Run ‘Find fields’ to pickup these if not already identified
  • Add social media fields to your lists (block or individual fields)
  • Rebuild lists, voila

Edits may be desired

  • If already have social profiles in database, then check if field names are different.  Edit add-on plugin names (should be fairly obvious) in various sections. Look for the ‘EDIT this’ in the comments.
  • Using jetpack?  Change css stylesheet path (See “EDIT this” – half of one line of code
  • Using jetpack and want smaller icons?  Change the jetpack css file (or create copy and change path as per above
  • Not using jetpack. Want a different image sprite?  Replace the image, tweak css file as necessary (sizes, image name, hover attributes etc)

Support

If you need help editing, I am available for a fee.  Work out exactly what you think you’d like to have happen (in doing this you may figure it out yourself!).  Then contact me.  The more info you provide upfront, the quicker we can get a solution for you.

About anmari

the developer at http://anmari.com
Bookmark the permalink.