{"id":3001,"date":"2022-02-27T13:39:27","date_gmt":"2022-02-27T13:39:27","guid":{"rendered":"https:\/\/rengga.dev\/blog\/?p=3001"},"modified":"2023-06-12T14:32:55","modified_gmt":"2023-06-12T14:32:55","slug":"how-to-add-an-authors-photo-in-wordpress","status":"publish","type":"post","link":"https:\/\/rengga.dev\/blog\/how-to-add-an-authors-photo-in-wordpress\/","title":{"rendered":"How to Add an Author\u2019s Photo in WordPress"},"content":{"rendered":"<p><a href=\"https:\/\/rengga.dev\/blog\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #ff0000;\"><strong>Rengga Dev<\/strong><\/span><\/a> &#8211; Do you want to add an author\u2019s photo in WordPress?<\/p>\n<p>By default, most WordPress themes show the author\u2019s gravatar as their profile picture. However, authors may want to replace this gravatar with another image.<\/p>\n<p>In this article, we will show you how to add an author\u2019s photo in WordPress.<\/p>\n<h2><\/h2>\n<h2><strong>When Do You Need to Add an Author\u2019s Photo in WordPress?<\/strong><\/h2>\n<p>If you run a multi-author WordPress site, then you may decide to\u00a0add an author info box in WordPress posts. These author bio boxes typically show the author\u2019s profile photo, a brief bio, and link to their website or social profiles.<\/p>\n<p>By default, most WordPress themes use the person\u2019s\u00a0gravatar\u00a0as their author photo. However, sometimes you may prefer to use a different image for the author photo.<\/p>\n<p>As a\u00a0WordPress website\u00a0owner you may even have rules about the kind of photos you want to show in your author bio boxes. For example, maybe you require your authors to use a professional headshot.<\/p>\n<p>If the author\u2019s gravatar doesn\u2019t meet your rules, then you may want to edit their profile and upload an image that better suits your\u00a0WordPress blog.<\/p>\n<p>With that in mind, let\u2019s see how you can add an author\u2019s photo in WordPress.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>How to Add an Author\u2019s Photo in WordPress<\/strong><\/h2>\n<p>The easiest way to add an author photo in WordPress is by using the\u00a0<a title=\"The WordPress PublishPress Authors plugin\" href=\"https:\/\/wordpress.org\/plugins\/publishpress-authors\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">PublishPress Authors<\/a>\u00a0plugin. This plugin lets authors edit their own profile and author photo by adding a new \u2018Author Profile\u2019 area to their WordPress dashboard.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124885 lazyloaded aligncenter\" title=\"Changing your author photo\" src=\"https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/04\/my-author-profile.png\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" srcset=\"https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/04\/my-author-profile.png 680w, https:\/\/cdn3.wpbeginner.com\/wp-content\/uploads\/2017\/04\/my-author-profile-300x154.png 300w\" alt=\"Changing your author photo\" width=\"680\" height=\"348\" data-ll-status=\"loaded\" \/><\/figure>\n<p>It also gives site admins the power to edit the author\u2019s profile including changing their photo.<\/p>\n<p>First, you\u2019ll need to install and activate the PublishPress Authors plugin. If you need help, then please see our guide on\u00a0<a title=\"How to Install a WordPress Plugin \u2013 Step by Step for Beginners\" href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners\/\">how to install a WordPress plugin<\/a>.<\/p>\n<p>Upon activation, head over to\u00a0<strong>Authors \u00bb Settings<\/strong>. You can then go ahead and click on the \u2018Display\u2019 tab.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124853 lazyloaded aligncenter\" title=\"PublishPress' author settings\" src=\"https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/04\/wordpress-author-settings.png\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" srcset=\"https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/04\/wordpress-author-settings.png 680w, https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/04\/wordpress-author-settings-300x169.png 300w\" alt=\"PublishPress' author settings\" width=\"680\" height=\"383\" data-ll-status=\"loaded\" \/><\/figure>\n<p>Once you\u2019ve done that, open the \u2018Layouts\u2019 dropdown and choose a layout that includes an author photo.<\/p>\n<p>Let\u2019s look at your options.<\/p>\n<p>The default layout is \u2018Boxed.\u2019 This shows the author\u2019s information in a box, complete with their author photo.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124854 lazyloaded aligncenter\" title=\"How to add an author's photo in WordPressHow to add an author's photo in WordPress\" src=\"https:\/\/cdn3.wpbeginner.com\/wp-content\/uploads\/2017\/04\/boxed-author-avatar.png\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" srcset=\"https:\/\/cdn3.wpbeginner.com\/wp-content\/uploads\/2017\/04\/boxed-author-avatar.png 680w, https:\/\/cdn4.wpbeginner.com\/wp-content\/uploads\/2017\/04\/boxed-author-avatar-300x124.png 300w\" alt=\"How to add an author's photo in WordPress\" width=\"680\" height=\"282\" data-ll-status=\"loaded\" \/><\/figure>\n<p>The \u2018Centered\u2019 layout is similar to the boxed layout, but with all of the author\u2019s information centered inside the author bio box.<\/p>\n<p>\u2018Inline with avatar\u2019 and \u2018Simple List\u2019 are both layouts that includes space for an author photo. Here\u2019s an example of the Simple List layout.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124858 lazyloaded aligncenter\" title=\"An author photo displayed in the simple list layout\" src=\"https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/04\/avatar-simple-list.png\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" srcset=\"https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/04\/avatar-simple-list.png 680w, https:\/\/cdn4.wpbeginner.com\/wp-content\/uploads\/2017\/04\/avatar-simple-list-300x59.png 300w\" alt=\"An author photo displayed in the simple list layout\" width=\"680\" height=\"134\" data-ll-status=\"loaded\" \/><\/figure>\n<p>Just be aware that those two layouts don\u2019t have space for a bio. Even if the author has added a bio, it won\u2019t be shown on your website.<\/p>\n<p>After choosing your layout, click on the \u2018Save Changes\u2019 button. You can now visit your website to see the author photos on your WordPress posts and pages.<\/p>\n<p>Anyone who has\u00a0registered on your site\u00a0with the Author role will now be able to upload a photo using the \u2018Author Profile\u2019s settings in their WordPress dashboard.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>How To Change an Author\u2019s Photo in WordPress<\/strong><\/h2>\n<p>As admin, you can also use PublishPress Authors to change any of the individual author photos that appear on your website. This is useful if an author chooses a photo that isn\u2019t a good fit for your site.<\/p>\n<p>To change an author\u2019s photo, simply go to\u00a0<strong>Authors \u00bb Authors<\/strong>.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124859 lazyloaded aligncenter\" title=\"Adding an author's photo to WordPress\" src=\"https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/04\/change-authors-photo.png\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" srcset=\"https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/04\/change-authors-photo.png 680w, https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/04\/change-authors-photo-300x126.png 300w\" alt=\"Adding an author's photo to WordPress\" width=\"680\" height=\"285\" data-ll-status=\"loaded\" \/><\/figure>\n<p>You will now see a\u00a0list of all the authors\u00a0who are registered with your WordPress blog.<\/p>\n<p>From here, you can click on an author\u2019s \u2018Edit Author Profile\u2019 link.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124860 lazyloaded aligncenter\" title=\"Changing the author's photo in WordPress\" src=\"https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/04\/edit-author-profile-1-1.png\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" srcset=\"https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/04\/edit-author-profile-1-1.png 680w, https:\/\/cdn3.wpbeginner.com\/wp-content\/uploads\/2017\/04\/edit-author-profile-1-1-300x95.png 300w\" alt=\"Changing the author's photo in WordPress\" width=\"680\" height=\"216\" data-ll-status=\"loaded\" \/><\/figure>\n<p>Then, just click the \u2018Image\u2019 tab.<\/p>\n<p>By default, PublishPress will try to find a gravatar that\u2019s linked to the author\u2019s email address. To use a different author photo, click on the \u2018Custom image\u2019 radio button.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124861 lazyloaded aligncenter\" title=\"Changing the author's profile picture\" src=\"https:\/\/cdn.wpbeginner.com\/wp-content\/uploads\/2017\/04\/publishpress-custom-image.png\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" srcset=\"https:\/\/cdn.wpbeginner.com\/wp-content\/uploads\/2017\/04\/publishpress-custom-image.png 680w, https:\/\/cdn.wpbeginner.com\/wp-content\/uploads\/2017\/04\/publishpress-custom-image-300x131.png 300w\" alt=\"Changing the author's profile picture\" width=\"680\" height=\"298\" data-ll-status=\"loaded\" \/><\/figure>\n<p>Once you\u2019ve done that, click on \u2018Select Image.\u2019 You can now choose any image from your WordPress media library, or upload a new image.<\/p>\n<p>Then, just click on the \u2018Update\u2019 button.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124862 lazyloaded aligncenter\" title=\"Saving a new author photo in WordPress\" src=\"https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/04\/update-author-avatar.png\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" srcset=\"https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/04\/update-author-avatar.png 680w, https:\/\/cdn3.wpbeginner.com\/wp-content\/uploads\/2017\/04\/update-author-avatar-300x159.png 300w\" alt=\"Saving a new author photo in WordPress\" width=\"680\" height=\"360\" data-ll-status=\"loaded\" \/><\/figure>\n<p>Your website will now use this new image as the author\u2019s photo.<\/p>\n<p>We hope this article helped you learn how to add an author\u2019s photo in WordPress. You can also go through our comparison of the\u00a0best WordPress membership plugins, or see our expert guide on\u00a0how to install Google analytics in WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Rengga Dev &#8211; Do you want to add an author\u2019s photo in <a class=\"read-more\" href=\"https:\/\/rengga.dev\/blog\/how-to-add-an-authors-photo-in-wordpress\/\" title=\"How to Add an Author\u2019s Photo in WordPress\" itemprop=\"url\"><\/a><\/p>\n","protected":false},"author":1,"featured_media":4420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,17],"tags":[259,258,136],"newstopic":[595],"class_list":{"0":"post-3001","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-development","8":"category-wordpress","9":"tag-author-images-plugin-wordpress","10":"tag-author-photo-plugin-wordpress","11":"tag-wordpress-plugin","12":"newstopic-wordpress"},"_links":{"self":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts\/3001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/comments?post=3001"}],"version-history":[{"count":1,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts\/3001\/revisions"}],"predecessor-version":[{"id":3003,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts\/3001\/revisions\/3003"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/media\/4420"}],"wp:attachment":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/media?parent=3001"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/categories?post=3001"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/tags?post=3001"},{"taxonomy":"newstopic","embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/newstopic?post=3001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}