How to Add logo on WordPress sites
In this tutorial on visualmodo knowledge base we will show how to add your site header logos in a easy way with out 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 format 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 other one in dark color to be used in different header styles.
How to apply the logo on 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 showed on cell phones, this logo can have 50px by 50px and need to be in .svg format). Please take a look on the attached photo to see the logo settings of Peak WordPress Theme.
Site favicon (browser tab icon) and login logo
A Favicon is an icon to be showed on your browser tab next to your site name), it use 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 this images and take it’s an example for create 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.