The MH Author Bio widget which is included in MH Magazine has been developed and designed to display a profile image as well as a brief biographical information about the particular author. Displaying a nice author bio section on your website ensures a trustworthy appearance and gives your website a personal touch. For best results it is recommended to use the MH Author Bio widget within 1/3 width widget areas on your website.
This support article including video tutorial will help you use the MH Author Bio widget correctly. You'll learn how to display a brief biographical text to inform about yourself and how to display a nice profile image using the free Gravatar service for user avatars.
- Placing the MH Author Bio widget in suitable widget areas
- Adjust the widget title and select author profile
- Display avatar image and biographical information
- Manage profile image and upload user avatar with Gravatar
- Widget examples using the MH Author Bio widget
Placing the MH Author Bio widget in suitable widget areas
To place the MH Author Bio widget on your website, you simply need to navigate to Appearance => Widgets in your WordPress dashboard and put the widget into your preferred widget area. The MH Author Bio widget is most suitable for 1/3 width widget areas, for example on your front page, in the footer widget areas or within the sidebar on your website.
Adjust the widget title and select author profile
After you've placed the widget into a preferred widget area, you can start adjusting the content of the widget. By default the widget title of the MH Author Bio widget displays About me, you can enter any other title which suits for your purpose. The widget was developed to display one particular author, its avatar and bio text, so you can select the preferred author from the drop-down menu within the widget options. After you've selected the particular author, please click the save button.
Display avatar image and biographical information
To show an avatar image and biographical information within the MH Author Bio widget, please navigate to Users => Your Profile in your WordPress dashboard. You will then be referred to your WordPress user profile which contains information like the username, nickname, contact information etc. Please scroll down to the section called About Yourself and there you will find a field to enter your biographical information and you can preview your profile picture.
You can enter a short bio text about yourself which will be displayed in the MH Author Bio widget accordingly. Regarding the profile picture, by default WordPress makes use of Gravatar, which is a free service where you can upload your image which always will be displayed when you take actions on WordPress websites like writing comments or displaying an author bio like in our case.
Manage profile image and upload user avatar with Gravatar
If you would like to adjust your profile image, then you can register at Gravatar with the same email address you are using for your user profile on your WordPress website. You can upload an image and create your own avatar. Please also see this tutorial for a step by step guide to create user avatars with Gravatar: Using Gravatar for User Avatars in WordPress.
Once you've completed the registration and upload of your profile image at Gravatar, you can log out again and some minutes later, the MH Author Bio widget will use this newly created avatar as profile image. Please don't forget to save your WordPress user settings. When you take a look at the widget in the particular widget area on your website a few minutes later, it should display your bio text and your profile image from Gravatar as well.
See the video tutorial: Widget Options – Control the widgets contents
Widget examples using the MH Author Bio widget
In our video tutorial, we've shown two examples and placed the MH Author Bio widget into different widget areas. In the first example we put the widget on top of Home 6, which is a 1/3 width widget area on your front page. In the second example we placed the widget into the Footer 1 widget area. Please watch the according video tutorial below and feel free to replicate our examples.
See the video tutorial: Widget Examples – Using the widget options to create layouts