Flash Sale:75% Off Hosting + Free DomainEnds in13h47m14sView Plans
Hostvento logoHostvento

How to Add Your Company Logo to WordPress

This guide shows you how to put your logo at the top of your WordPress site.

WordPress2 min read15 steps5 screenshots

A logo is the picture that stands for your business. It usually shows in the header, the top part of every page. Visitors see it first.

Before you start, get your logo as an image file. PNG is a good choice because it can have a see-through background. A good size is about 300 pixels wide. A pixel is one tiny dot on the screen.

Steps for most modern themes

  1. Log in to your WordPress dashboard. This is the admin area of your site.
    Screenshot: Log in to your WordPress dashboard. This is the admin area of your site.
  2. Go to Appearance and click Customize.
    Screenshot: Go to Appearance and click Customize .
  3. Click Site Identity.
    Screenshot: Click Site Identity .
  4. Click Select logo.
  5. Click Upload files and choose your logo from your computer.
    Screenshot: Click Upload files and choose your logo from your computer.
  6. Click Select.
  7. Crop the picture if WordPress asks, or click Skip Cropping.
  8. Check the preview on the right.
  9. Click Publish.

Steps for block themes

Newer themes use the Site Editor. You will not see Customize in that case.

  1. Go to Appearance and click Editor.
  2. Click the header area to open it for editing.
  3. Click the Site Logo block. If there is none, click the plus sign and add one.
  4. Click Upload and pick your file.
  5. Use the settings on the right to change the width.
  6. Click Save.

Add a site icon too

The site icon is the tiny picture on the browser tab. It is also called a favicon. In Site Identity, click Select site icon. Use a square image at least 512 by 512 pixels.

Tip: If your logo looks blurry, upload a larger file. If it looks too big, shrink it with the width setting. Some themes put the logo in their own options page instead. Look in the theme's settings.

Quick recap

  • Use a clear PNG file of your logo.
  • Go to Appearance, Customize, Site Identity to add it.
  • Block themes use the Site Logo block in the Editor.
    Screenshot: Block themes use the Site Logo block in the Editor.
  • Remember to click Publish or Save.