The logo is a crucial part of the branding process. Is what makes you–you, and a significant element to be recognized for by the right people. Because of its huge relevance, we offer you two options to play with: you can add a graphic symbol (such as an image) or a text version (logotype). You choose a font, and we help you fine-tune the logo after its personality.
Before you start
In order to properly make things happen with the font, we highly suggest you take into consideration these factors:
- File Formats
You should be aware that a logo looks best in a .png or .svg format with a transparent background. If your logo file doesn’t have a transparent background, it’s likely that your logo will partly cover the background image.
- Logo Size
We encourage you to have a larger image for your logo. Try to use a high dimension of the logo, and we’ll do the rest by scaling it. This way the logo will adapt to any screen size (both desktop and mobile).
Adding a Logo Image
Now that you know what’s better to do when setting up your logo, here’s what you have to do in order to upload it on your WordPress site:
- Open the Customizer under Appearance and click on Site Title, Tagline, and Logo.
- In the new panel that opens out click the Add Logo button to open the Media Manager.
- Select an image that’s already on your Media Library or upload a new one.
- When you finish just click on Set as Logo and you’ll see the logo in the preview window.
- To activate the logo on your site, click Save & Publish button.
It couldn’t be easier than that, and you’ve already make an important step in order to personalize your upcoming website.
Adding an Inverted Logo
There are contexts where the header might be transparent so the logo automatically becomes unreadable. In this specific case, it’s good to know that an inverted logo might be helpful. All you have to do is to upload a darker color version for the logo as well, and we’ll display it if the header background is lighter.
Using a Text Version
If you don’t have any graphic symbol that stands for your business, we recommend you to choose the text option instead. It’s a good switch if you’re careful with details like the font and its size. In this case, simply use the Site Title field under Site Title & Logo and style its font using the options from Customizer→ Header.