How to create a custom Logo in WordPress

Learn More

The main issue in wordpress is the default logo of the the theme. The wordpress logo limit the logo container so you can’t increase the image logo even if you increase the image size when you upload a new image. The solution is to create a custom logo with php code.

If you want to add custom logo to your wordpress blog this is what you have to do. You can do this in your custom theme or in the exist free themes.

1. First you need to edit you function.php file via plugin “code snippets”.
2. Go to -> The main menu in wordpress -> plugins -> add new -> search “code snippets” – >click “install now” and then “active”.
3. You will see in the wordpress menu in the left a new category “Snippets”. click on this category and click “add new”.
4. Put this code snipped in the input filed:

function themename_custom_logo_setup() {
$defaults = array(
‘height’ => 100,
‘width’ => 400,
‘flex-height’ => true,
‘flex-width’ => true,
‘header-text’ => array( ‘site-title’, ‘site-description’ ),
‘unlink-homepage-logo’ => true,
);
add_theme_support( ‘my-logo’, $defaults );
}
add_action( ‘after_setup_theme’, ‘themename_custom_logo_setup’ );

5. You can change the width and the height of the logo if you want.

6. Make sure the “Run snippet everywhere” below the input filed is checked and then press Save Changes.

7. Now go to the Appearance category in the main menu -> Theme Editor.

8.In the right corner in the page “Select theme to edit” choose your theme or exist wordpress theme.

9. You need to put this code in your header.php file:

<?php

if ( function_exists( ‘the_custom_logo’ ) ){

the costume logo();

}

?>

10. If you want to put this code to exist wordpress theme:

In the “Theme Files” list , navigate to template-parts – > header -> site-branding.php. and put the code below – ‘div class = “site-branding” ‘.

Now if you want to upload a now logo enter your wordpress website and click on the “Customize” button in the top page area.

Click “Site Identity” in the menu and click select logo.

Choose the logo you want from you pc and then click upload.