How to Add logo on WordPress sites
In this tutorial on the Visualmodo knowledge base, we will show how to add your site header logos in an easy way with our WordPress themes
How to create a logo?
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 but you can change this size according to your header height style. We also suggest you create two versions of your logo, one in white color and another one in dark color to be used in different header styles.
How to apply the logo on the header menu?
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 are 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 on 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 are Visualmodo WordPress themes logos, 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
Award-Winning 24/7 customer service
Everyone on our Customer Care team is an experienced Visualmodo user and works in our office. Nothing is ever outsourced.