KNOWNHOST WIKI

User Tools

Site Tools


resources:how-to-add-a-custom-logo-to-wordpress

How To Add a Custom Logo to WordPress


How to Add a Custom Logo to WordPress using Customizer

WordPress has built in a powerful customization suite called Customizer. To make the changes using Customizer, follow these steps:

  1. Login to WordPress Admin area
  2. Click Appearance
  3. Click Customize
  4. Click Site Identity
  5. Click Change Logo and select the file to upload (your replacement logo image)
  6. Click Save and Publish


How to Add a Custom Logo to WordPress using Header Appearance

Another quick and easy way of editing the logo in WordPress is through the Header menu option:

  1. Login to WordPress Admin area
  2. Click Appearance
  3. Click Header
  4. In the Select Image area, click Choose File
  5. Pick the file and pick Upload
  6. Click Save Changes


How to Add a Custom Logo in WordPress using File Manager in cPanel

Rather than using an editor, you can simply swap out the file that is part of your theme with one of the same name.

Before starting, make sure that you're working with a child theme so that when your theme is updated you don't get changes overwritten. Refer to our other documentation for how to set up a child theme in WordPress.

Here's the steps for swapping out theme logo with your custom logo:

Part 1 - Find the File that Needs Swapped:

  1. Visit your website in a browser
  2. Find the logo in the site header
  3. Right click and pick inspect
  4. Make note of the filename and path to the file

Part 2 - Rename the Custom Logo File:

  1. Find your custom logo using Windows Explorer (or equivalent)
  2. Rename the file to match the name of your theme logo filename

Part 3 - Replace the Theme File with the Custom Logo File:

  1. Login to cPanel
  2. Click File Manager
  3. Browse to the path where the theme logo file is found
  4. Click Upload
  5. Pick your local custom file of the same name
  6. Upload
  7. Confirm you really, really want to replace the existing file

Part 4 - Confirm:

  1. Clear cookies and cache in your browser
  2. Refresh the site

You should now see the replaced custom logo instead of the theme default.

resources/how-to-add-a-custom-logo-to-wordpress.txt · Last modified: 2020/09/21 07:50 by Karson N.