{"title":"Displaying About Author Box","id":35103,"link":"https:\/\/env.averta.net\/en\/step\/displaying-about-author-box\/","parent":[35048],"content":"<p>Authenticity is an important matter which can be provided by Author Box. By adding it to your WordPress posts, readers will know about you and they can trust your blog content easier. Phlox has an option which provides you to add an author box on the bottom of your posts.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-35280 aligncenter\" style=\"border: solid 1px #dedede;\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/aboutauthorwithavertalogo.png\" alt=\"AboutAuthor\" width=\"936\" height=\"242\" \/><\/p>\n<p>The <strong>About Author<\/strong> section will display your name, profile picture, biographical information, and social network profiles. In order to have the author box on your website, there are only?a few things you have to do.<\/p>\n<h3>Video Tutorial<\/h3>\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%;\"><iframe loading=\"lazy\" width=\"560\" height=\"315\" style=\"position: absolute; width: 100%; height: 100%; left: 0; display: block;\"  src=\"https:\/\/www.youtube.com\/embed\/NJDnhbI23P4?rel=0\" frameborder=\"0\"; encrypted-media\" allowfullscreen><\/iframe><\/div>\n<hr \/>\n<h3>Step 1: Author Information<\/h3>\n<p>To edit?the author bio box:<\/p>\n<ol>\n<li><span style=\"font-weight: 400;\">Go to your <strong>WordPress Admin Panel<\/strong><\/span><\/li>\n<li>Click?<strong>Users<\/strong>, on the?sidebar <strong>Dashboard<\/strong><\/li>\n<li>Select the Username that?you want to create\/edit a bio box<\/li>\n<li>Fill the fields<\/li>\n<\/ol>\n<p>You can add a profile picture?from Gravatar.<\/p>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong> Read about Gravatar: <a href=\"https:\/\/en.support.wordpress.com\/gravatars\/\"><strong>What is Gravatar?<\/strong><\/a> ?<\/p>\n<p>To change the profile picture:<\/p>\n<ol>\n<li>Click on the Gravatar<\/li>\n<li>Sign in\/Sign up<\/li>\n<li>Manage your Gravatars by adding an email address<\/li>\n<li>Add a?new image:<br \/>\n&#8211; Upload new<br \/>\n&#8211; From URL<br \/>\n&#8211; Past uploads<br \/>\n&#8211; From webcam<br \/>\n<p class=\"aswi-text-box box-info\"><strong>Note: <\/strong> You can upload any size image file. Gravatar?will automatically resize large images.<\/p><\/li>\n<li>Click on the &#8220;Crop and Finish&#8221; button<\/li>\n<li>Choose a rating for your avatar<\/li>\n<\/ol>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>Use <a href=\"https:\/\/wordpress.org\/plugins\/simple-local-avatars\/\">this plugin<\/a> to change your profile picture, without uploading through Gravatar.<\/p>\n<hr \/>\n<h3>Step 2:?Display the Author?Section<img decoding=\"async\" loading=\"lazy\" class=\"alignright wp-image-35292 size-full\" style=\"border: solid 1px #dedede;\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/display-e1475307431754.png\" alt=\"display\" width=\"297\" height=\"447\" \/><\/h3>\n<p>To enable author section below your posts:<\/p>\n<ol>\n<li><span style=\"font-weight: 400;\">Go to your <strong>WordPress admin panel<\/strong><\/span><\/li>\n<li>Click?<b>Appearance<\/b> on the <b>Dashboard<\/b><\/li>\n<li>Then click?<b>Customize<\/b><\/li>\n<li>Navigate <strong>Blog &gt;?Single Post &gt; Display Author Section<\/strong><\/li>\n<\/ol>\n<h4>Display Author Biography Text<\/h4>\n<p>By enabling this, author biography text appears on the author section.<\/p>\n<h4>Display Author Socials<\/h4>\n<p>If you want to display social media under each post, you can switch on this. The social media will be added to the author section.<\/p>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>Besides, displaying about author box below your posts, you can add an about widget in your website too, you can find the instruction in <a href=\"https:\/\/env.averta.net\/en\/step\/phlox-about-author\/?b=36437,36437\" title=\"Phlox About Author\">this article<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">\n","type":"solution"}