{"id":1218,"date":"2021-04-08T13:43:39","date_gmt":"2021-04-08T10:43:39","guid":{"rendered":"https:\/\/www.scalahosting.com\/kb\/?p=1218"},"modified":"2022-09-01T11:30:39","modified_gmt":"2022-09-01T08:30:39","slug":"how-to-add-a-custom-logo-to-wordpress","status":"publish","type":"post","link":"https:\/\/www.scalahosting.com\/kb\/how-to-add-a-custom-logo-to-wordpress\/","title":{"rendered":"How to Add a Custom Logo to WordPress"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">A custom logo is a<\/span><b> key site personalization feature<\/b><span style=\"font-weight: 400;\"> in WordPress. It tells everyone that you own the site and the brand. You wouldn\u2019t want your site to have the default WordPress logo or that\u2019s of the theme you installed.\u00a0<\/span><\/p>\n<p><b>WordPress users<\/b><span style=\"font-weight: 400;\"> who are not developers find it challenging to <\/span><a href=\"https:\/\/www.scalahosting.com\/blog\/how-to-build-a-website-step-by-step-guide\/\"><b>customize their websites<\/b> <\/a><span style=\"font-weight: 400;\">because some themes wouldn\u2019t provide the option to change a default logo to a custom logo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, WordPress released an update and added a new feature that allows users to add a custom logo using <\/span><b>the<\/b> <b>Theme Customizer option.<\/b><\/p>\n<p><span style=\"font-weight: 400;\">If you fall into the WordPress users\u2019 category whose theme does not allow for easy <\/span><b>logo updates <\/b><span style=\"font-weight: 400;\">or you just want to know how to add a custom logo to WordPress, come along with us. This article is for you.<\/span><\/p>\n<h2><b>How to add a custom logo to WordPress Using Theme Customizer<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">To personalize your website using the Theme Customizer, follow these steps<\/span><\/p>\n<p><span style=\"font-weight: 400;\">First, log in to your <\/span><b>WordPress Administrator dashboard <\/b><span style=\"font-weight: 400;\">using your login credentials<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-1225\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image3-7.png\" alt=\"How to Add a Custom Logo to WordPress, How to add a custom logo to WordPress Using Theme Customizer\" width=\"357\" height=\"531\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image3-7.png 357w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image3-7-202x300.png 202w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Click the <\/span><b>Appearance menu option<\/b><span style=\"font-weight: 400;\"> on the left sidebar.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-1219\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image4-7.png\" alt=\"How to Add a Custom Logo to WordPress, How to add a custom logo to WordPress Using Theme Customizer 2\" width=\"1351\" height=\"624\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image4-7.png 1351w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image4-7-300x139.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image4-7-1024x473.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image4-7-768x355.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Click the <\/span><b>Customize option<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-1224\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image2-7.png\" alt=\"How to Add a Custom Logo to WordPress, How to add a custom logo to WordPress Using Theme Customizer 3\" width=\"1355\" height=\"599\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image2-7.png 1355w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image2-7-300x133.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image2-7-1024x453.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image2-7-768x340.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><i><span style=\"font-weight: 400;\">(You can also scroll up to the top of any of your pages, then click on Customize.)<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">In the Customizer options, click on <\/span><b>Site Identity<\/b><span style=\"font-weight: 400;\">,<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-1222\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image7-3.png\" alt=\"How to Add a Custom Logo to WordPress, How to add a custom logo to WordPress Using Theme Customizer 4\" width=\"1354\" height=\"619\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image7-3.png 1354w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image7-3-300x137.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image7-3-1024x468.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image7-3-768x351.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Here you will find<\/span><b> the select logo option<\/b><span style=\"font-weight: 400;\">. Click on it\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-1221\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image6-5.png\" alt=\"How to Add a Custom Logo to WordPress, How to add a custom logo to WordPress Using Theme Customizer 5\" width=\"1332\" height=\"623\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image6-5.png 1332w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image6-5-300x140.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image6-5-1024x479.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image6-5-768x359.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The media library window will pop. Select your <\/span><b>preferred custom logo <\/b><span style=\"font-weight: 400;\">from here<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-1223\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image1-7.png\" alt=\"How to Add a Custom Logo to WordPress, How to add a custom logo to WordPress Using Theme Customizer 6\" width=\"1307\" height=\"564\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image1-7.png 1307w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image1-7-300x129.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image1-7-1024x442.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image1-7-768x331.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Next, you can choose to crop your logo to a suitable dimension or skip the cropping process.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-1220\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image5-6.png\" alt=\"How to Add a Custom Logo to WordPress, How to add a custom logo to WordPress Using Theme Customizer 7\" width=\"1307\" height=\"567\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image5-6.png 1307w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image5-6-300x130.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image5-6-1024x444.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image5-6-768x333.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">WordPress will update your new logo, and you can preview this on the right side of the Theme Customizer page.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you find it suitable, you can go ahead to publish your website by clicking on <\/span><b>the Publish button.<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Clicking on the Publish button saves your new logo and changes made to your website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With Theme Customizer, you can <\/span><b>preview your changes <\/b><span style=\"font-weight: 400;\">directly before saving the changes made on your website.<\/span><\/p>\n<h2><b>Conclusion<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">How easy was that? Keep in mind that your theme might have a <\/span><b>slightly different configuration<\/b><span style=\"font-weight: 400;\">, so don\u2019t sweat it if that\u2019s the case. If this default option is not available to your theme, you would want to<\/span><b> check your theme\u2019s documentation<\/b><span style=\"font-weight: 400;\"> to add a custom logo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Did this method work for you? Or did you try out another way? Do let us know and feel free to reach out to our support if you ever run into issues.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A custom logo is a key site personalization feature in WordPress. It tells everyone that you own the site and the brand. You wouldn\u2019t want your site to have the default WordPress logo or that\u2019s of the theme you installed.\u00a0 WordPress users who are not developers find it challenging to customize their websites because some [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[34],"tags":[],"class_list":["post-1218","post","type-post","status-publish","format-standard","hentry","category-web-hosting"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/1218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/comments?post=1218"}],"version-history":[{"count":5,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/1218\/revisions"}],"predecessor-version":[{"id":5061,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/1218\/revisions\/5061"}],"wp:attachment":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/media?parent=1218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/categories?post=1218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/tags?post=1218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}