Add logo on WordPress sites

How to Add logo on WordPress sites #

In this tutorial on the Visualmodo knowledge base, we will show how to add your site brand logo. In an easy and simple way with our WordPress themes

How to create a logo for your WordPress site? #

Firstly, to create a logo we suggest you use Adobe Photoshop or Adobe Illustrator. We also suggest you create logos in .svg or .png formats. With transparency style and with something like 160 px by 50 px. However, you can change this size according to your header height style. In addition, we suggest you create two versions of your logo. One in white color and another one in dark color so it can be used in different header styles.

How to apply the logo on the header menu? #

Secondly, to apply your logos on the theme header you need to login on your WordPress dashboard and go to “visualmodo” > ‘Theme Options’ Header’ Logo <, in this area you need to take a closer look on two areas for upload your logos – Logo Upload (dark color) – Logo Upload (White color) – You also can apply a special logo for mobile devices (a logo to be shown on cell phones, this logo can have 50px by 50px). Please take a look at the attached photo to see the logo settings of Peak WordPress Theme.

You also can upload a retina logo and in addition, combine a logo image with text so you can have more possibilities (You can type the text like in the image above or leave the text field black, and in this case, the text will be the site title set on WP > Dashboard > Settings > General)

Site favicon (browser tab icon) and login logo #

A Favicon is an icon to be shown on your browser tab next to your site name). it uses to be a little logo in .png format with something like 16px by 16px. However. you can upload anything and see what fits better for your project.

Go to your WordPress dashboard and click on > appearance > customize > the site will load your front-page and you will see the options, select the > Site Identity < in this are you will be able to edit the browser tab tagline and the logo Favicon as is showed on the attached image above.

All the image below is Visualmodo WordPress themes logos. So, you are free to click/open and save these images and take it’s an example for creating yours.

Add logo on WordPress sites – By Visualmodo

Can’t find what you’re looking for? #