Adding your Logo

The logo is a cru­cial part of the brand­ing process. Is what makes you-you, and a sig­nif­i­cant ele­ment to be rec­og­nized for by the right peo­ple. Because of its huge rel­e­vance, we offer you two options to play with: you can add a graph­ic sym­bol (such as an image) or a text ver­sion (logo­type). You choose a font, and we help you fine-tune the logo after its per­son­al­i­ty.

Before you start

In order to prop­er­ly make things hap­pen with the font, we high­ly sug­gest you take into con­sid­er­a­tion these fac­tors:

  • File For­mats
    You should be aware that a logo looks best in a .png or .svg for­mat with a trans­par­ent back­ground. If your logo file doesn’t have a trans­par­ent back­ground, it’s like­ly that your logo will part­ly cov­er the back­ground image.
  • Logo Size
    We encour­age you to have a larg­er image for your logo. Try to use a high dimen­sion of the logo, and we’ll do the rest by scal­ing it. This way the logo will adapt to any screen size (both desk­top and mobile).

Adding a Logo Image

Now that you know what’s bet­ter to do when set­ting up your logo, here’s what you have to do in order to upload it on your Word­Press site:

  1. Open the Cus­tomiz­er under Appear­ance and click on Site Iden­ti­ty.
  2. In the new pan­el that opens out click the Select Logo but­ton to open the Media Man­ag­er.
  3. Select an image that’s already in your Media Library, or upload a new one.
  4. When you fin­ish just click on Set as Logo and you’ll see the logo in the pre­view win­dow.
  5. To acti­vate the logo on your site, click Save & Pub­lish but­ton.

It couldn’t be eas­i­er than that, and you’ve already made an impor­tant step in order to per­son­al­ize your upcom­ing web­site.

Using a Text Version

If you don’t have any graph­ic sym­bol that stands for your busi­ness, we rec­om­mend you to choose the text option instead. It’s a good switch if you’re care­ful with details like the font and its size. In this case, sim­ply use the Site Title field under Site Title & Logo and style its font using the options from Cus­tomiz­er Head­er.

Updated on April 24, 2018

Was this article helpful?