{"id":7123,"date":"2020-02-11T06:04:39","date_gmt":"2020-02-11T06:04:39","guid":{"rendered":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/?p=7123"},"modified":"2021-04-02T09:33:23","modified_gmt":"2021-04-02T09:33:23","slug":"how-to-add-a-logo-or-an-image-to-your-website","status":"publish","type":"post","link":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/","title":{"rendered":"How to Add a Logo or an Image to your Website via cPanel?"},"content":{"rendered":"<p>When you are designing your website, you might want to add your logo or any image to the header of your website. In this tutorial, we will present easy steps for doing this.<!--more--><\/p>\n<p>For adding a logo or an image to your website, you will have to modify the HTML or the PHP file where you want the logo to be displayed.<\/p>\n<p>You will have to use an FTP client for connecting to a web server and editing your files. Alternatively, you can also make use of File Manager present in your web hosting control panel.<\/p>\n<p><strong>Here are the steps for adding an image with the use of cPanel in your WordPress website:<\/strong><\/p>\n<ul>\n<li>Save the image with an appropriate name i.e. separate the words with hyphens instead of spaces.<\/li>\n<li>Login to<strong> cPanel<\/strong> and go to \u2018<strong>File Manager<\/strong>&#8216;.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11166\" src=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/03\/file_manager.png\" alt=\"\" width=\"1360\" height=\"318\" \/><\/p>\n<ul>\n<li>Search and open the \u2018<strong>public_html<\/strong>\u2019 folder by clicking on the \u2018<strong>Go<\/strong>\u2019.<\/li>\n<li>Click on the <strong>Upload<\/strong> button.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11250\" src=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2020\/02\/public_html_upload_censored-min.jpg\" alt=\"\" width=\"1360\" height=\"601\" \/><\/p>\n<ul>\n<li>Browse and select the logo&#8217;s image file to upload in the \u2018<strong>public_html<\/strong>\u2019 directory.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11251\" src=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2020\/02\/image_upload_censored-min.jpg\" alt=\"\" width=\"1236\" height=\"442\" \/><\/p>\n<div class=\"kb-wisdom-wrapr kb-wisdom-key kb-wisdom-wrapr-blue\">\n<div class=\"kb-wisdom-col kb-wisdom-col-icon\">\n<div class=\"kb-wisdom-icon\">\n<div><\/div>\n<\/div><\/div>\n<div class=\"kb-wisdom-col kb-wisdom-col-content\">\n<p><strong>Note<\/strong>: The image should have a proper format. We recommend you use <strong>png<\/strong> or\u00a0<strong>jpg<\/strong> extensions.<\/p>\n<\/p><\/div>\n<\/div>\n<ul>\n<li>Go to the directory \u2018<strong>wp-content<\/strong>\u2019 then go to \u2018<strong>Themes<\/strong>\u2019 and access the theme folder that you are using currently.<\/li>\n<li>Open the file where you want the logo or image to be displayed. If you wish to add the image to the header, you have to access the \u2018<strong>header.php<\/strong>\u2019 file.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11252\" src=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2020\/02\/edit_header_php.jpg\" alt=\"\" width=\"1365\" height=\"546\" \/><\/p>\n<ul>\n<li>Add the image by inserting the HTML syntax mentioned below. Make sure to place it prior to the end of the <strong>&lt;head&gt;&lt;\/head&gt;<\/strong> tag in the <strong>header.php<\/strong> file.<\/li>\n<\/ul>\n<pre class=\"lang:default decode:true \">&lt;IMG SRC=\"demo-logo.jpg\" ALT=\"some text\"&gt;<\/pre>\n<ul>\n<li>Once you click\u00a0<strong>Save Changes<\/strong>, reload your website.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11257\" src=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2020\/02\/insert_code_head_censored-min.jpg\" alt=\"\" width=\"1357\" height=\"645\" \/><\/p>\n<ul>\n<li>The image will now be displayed on the header of your website.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11255\" src=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2020\/02\/web_page-min.jpg\" alt=\"\" width=\"1365\" height=\"727\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you are designing your website, you might want to add your logo or any image to the header of your website. In this tutorial, we will present easy steps for doing this.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[1255,1256,152,1253,1252,48,1254],"class_list":["post-7123","post","type-post","status-publish","format-standard","placeholder-for-hentry","category-cpanel-faq","tag-add-logo","tag-business-website","tag-cpanel","tag-image","tag-logo","tag-web-hosting-2","tag-website-logo"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How To Add A Logo Or An Image To Your Website?<\/title>\n<meta name=\"description\" content=\"Know the easy steps for adding your website logo or an image to the header section of your website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Add A Logo Or An Image To Your Website?\" \/>\n<meta property=\"og:description\" content=\"Know the easy steps for adding your website logo or an image to the header section of your website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Hosting FAQs by MilesWeb\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-11T06:04:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-02T09:33:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/03\/file_manager.png\" \/>\n<meta name=\"author\" content=\"Ujwala\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ujwala\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/\",\"url\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/\",\"name\":\"How To Add A Logo Or An Image To Your Website?\",\"isPartOf\":{\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/03\/file_manager.png\",\"datePublished\":\"2020-02-11T06:04:39+00:00\",\"dateModified\":\"2021-04-02T09:33:23+00:00\",\"author\":{\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#\/schema\/person\/485f82549b85b9f4c82dc208c42964a8\"},\"description\":\"Know the easy steps for adding your website logo or an image to the header section of your website.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/#primaryimage\",\"url\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/03\/file_manager.png\",\"contentUrl\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/03\/file_manager.png\",\"width\":1360,\"height\":318},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add a Logo or an Image to your Website via cPanel?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#website\",\"url\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/\",\"name\":\"Web Hosting FAQs by MilesWeb\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#\/schema\/person\/485f82549b85b9f4c82dc208c42964a8\",\"name\":\"Ujwala\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8d26ea4b9b2d83ae90b67f6bf5eefbca?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8d26ea4b9b2d83ae90b67f6bf5eefbca?s=96&d=blank&r=g\",\"caption\":\"Ujwala\"},\"description\":\"My aim is to create enriching content on topics related to SEO, web hosting and social media. The idea is to elevate the readers to new levels of usability, accessibility and understanding.\",\"url\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/author\/ujwala\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Add A Logo Or An Image To Your Website?","description":"Know the easy steps for adding your website logo or an image to the header section of your website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/","og_locale":"en_GB","og_type":"article","og_title":"How To Add A Logo Or An Image To Your Website?","og_description":"Know the easy steps for adding your website logo or an image to the header section of your website.","og_url":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/","og_site_name":"Web Hosting FAQs by MilesWeb","article_published_time":"2020-02-11T06:04:39+00:00","article_modified_time":"2021-04-02T09:33:23+00:00","og_image":[{"url":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/03\/file_manager.png","type":"","width":"","height":""}],"author":"Ujwala","twitter_misc":{"Written by":"Ujwala","Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/","url":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/","name":"How To Add A Logo Or An Image To Your Website?","isPartOf":{"@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/#primaryimage"},"image":{"@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/03\/file_manager.png","datePublished":"2020-02-11T06:04:39+00:00","dateModified":"2021-04-02T09:33:23+00:00","author":{"@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#\/schema\/person\/485f82549b85b9f4c82dc208c42964a8"},"description":"Know the easy steps for adding your website logo or an image to the header section of your website.","breadcrumb":{"@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/#primaryimage","url":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/03\/file_manager.png","contentUrl":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/03\/file_manager.png","width":1360,"height":318},{"@type":"BreadcrumbList","@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/how-to-add-a-logo-or-an-image-to-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/"},{"@type":"ListItem","position":2,"name":"How to Add a Logo or an Image to your Website via cPanel?"}]},{"@type":"WebSite","@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#website","url":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/","name":"Web Hosting FAQs by MilesWeb","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#\/schema\/person\/485f82549b85b9f4c82dc208c42964a8","name":"Ujwala","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8d26ea4b9b2d83ae90b67f6bf5eefbca?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8d26ea4b9b2d83ae90b67f6bf5eefbca?s=96&d=blank&r=g","caption":"Ujwala"},"description":"My aim is to create enriching content on topics related to SEO, web hosting and social media. The idea is to elevate the readers to new levels of usability, accessibility and understanding.","url":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/author\/ujwala\/"}]}},"views":767,"_links":{"self":[{"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/posts\/7123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/comments?post=7123"}],"version-history":[{"count":7,"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/posts\/7123\/revisions"}],"predecessor-version":[{"id":10382,"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/posts\/7123\/revisions\/10382"}],"wp:attachment":[{"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/media?parent=7123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/categories?post=7123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/tags?post=7123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}