how to add site logo in wordpress

1if ( function_exists( 'the_custom_logo' ) ) {
2 the_custom_logo();
3}
4

1add_theme_support( 'custom-logo' );
2

1/*LOGIN CODE*/
2function add_login_logo() { ?>
3       <style type="text/css">
4      #login-designer-logo, body.login #login h1 a {
5    background-image: url(<?php echo get_home_url()?>/wp-content/uploads/2021/07/Logo-Water-Tree.png) !important;
6}
7   </style>
8<?php }
9add_action( 'login_enqueue_scripts', 'add_login_logo' );

1function themename_custom_logo_setup() {
2 $defaults = array(
3 'height'      => 100,
4 'width'       => 400,
5 'flex-height' => true,
6 'flex-width'  => true,
7 'header-text' => array( 'site-title', 'site-description' ),
8 );
9 add_theme_support( 'custom-logo', $defaults );
10}
11add_action( 'after_setup_theme', 'themename_custom_logo_setup' );
12