A25a Author Picture

Page no: A25a


Business requirements

Authors want to gain public attention. Social media offers a lot of possibilities. Authors may gather followers with different channels like Facebook, Twitter, Google+, Youtube, the Russian Vkontakte or financial channels like Seeking Alpha and CFA Society.

We want to create a plugin that can be used in any website. I will show the author’s picture and the relevant follow buttons for this author. In the WordPress dashboard one should be able

  1. set the author’s photo.
  2. First row: a button for my article and about me.
  3. Second row: Add 3 different social channels. In the Light Version we foresee three fixed channels: Twitter, Facebook and Google+.
  4. It shall be possible to edit the URLs for “about me” and the 3 social channels.
  5.  A possibility to change the position of the follow buttons.




1. Set the author’s photo (“avatar”)


It is possible to choose a picture as “user avatar” inside the user configuration.

The best picture which can be used are squares (the same width and height) and the effect of rounding will be the best. It is important, that all of authors have pictures. Otherwise the space will be a little bit mess. All sizes are possible for example, one can upload picture sizes of 1000x1000px and it will work correctly.

Follow Author Light Avatar

Follow Author Light: Avatar new in User Profile

We can’t change the favicon where we want, because browsers have very strong cache for the icon.They download it on first view and after 6 – 12h (depends on the browser). The problem will be that if someone open one of the author pages, the icon will be cached for the rest. And after he open another author page, he will see the previous icon.



Change the position of the Follow Author block


Change Width: The Follow Author block starts with the user avatar to the left and adds a couple of social icons to its right. If too many channels are added, then they might move into the next row.

In order to prevent this, the WP admin can change the width of the Follow author block. He must change the width of the author block to a higher number from the default of 280px. Similarly he may reduce the block in size. In the case

The width change is done inside the file authorpic/styles/ap.css on line 6.

Change Position to left: The whole author block may move to the left side, when the admin changes line2 of the CSS file to float left.

Remember to purge all caches and the CDN after such a change. Therefore it will not take effect immediately.

The plugin is realized with its own plugin files, one authorpic.php for the functionality, one for the CSS and one for the avatar of the author.
The functionality can be modified inside the WP Admin UI.

Follow Author Change Position

Follow Author after change of width from 260 to 280px



Tags: , ,

See more for A2x User Attributes: WordPress