You’ll also need to add “svg” to the list of valid extensions in WP_Customize_Image_Control: $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, ‘themeslug_logo’, array( ‘label’ => __( ‘Logo’, ‘themeslug’ ), ‘section’ => ‘themeslug_logo_section’, ‘settings’ => ‘themeslug_logo’, ‘extensions’ => array( ‘jpg’, ‘jpeg’, ‘gif’, ‘png’, ‘svg’ ), ) ) );
The login_headerurl filter is for changing the logo url of login page, according to the Codex. To change the logo URL of your homepage, you will have to look into your theme’s header.php file. You logo and it’s link are included there. Depending on your theme, they way that your URL is generated may be … Read more
I think you add for each logo a settings field? If no, please enhance your question. If yes, then add also often the call for the cropped image control. The follow example add an section, an field for a logo option and get the possibility for cropping image. add_action( ‘customize_register’, ‘fb_logo_customize_register’ ); function fb_logo_customize_register( $wp_customize … Read more
I solved using this filter: add_filter( ‘get_custom_logo’, ‘custom_logo_url’ ); function custom_logo_url ( $html ) { $custom_logo_id = get_theme_mod( ‘custom_logo’ ); $url = network_site_url(); $html = sprintf( ‘<a href=”https://wordpress.stackexchange.com/questions/232174/%1$s” class=”custom-logo-link” rel=”home” itemprop=”url”>%2$s</a>’, esc_url( $url ), wp_get_attachment_image( $custom_logo_id, ‘full’, false, array( ‘class’ => ‘custom-logo’, ) ) ); return $html; }
You can add a filter to login_head. As explained in the Codex, add this to your code: function my_custom_login_logo() { echo ‘<style type=”text/css”> h1 a {background-image:url(http://example.com/your-logo.png) !important; margin:0 auto;} </style>’; } add_filter( ‘login_head’, ‘my_custom_login_logo’ );
I am assuming that by online and offline you mean active states of the logo. I think there are several options for you to use. The first two options can be used within your theme and then are simply changing the image file within the directory. Option One (not using WP): You can utilise a … Read more
Simply use the “Class”-field for styling. Give it a unique class, target it in your CSS file. Done.
Try modifying the header section a bit to comply with the standards. Here is what your code right now: <div id=”header-image”> <img width=”1102″ height=”350″ alt=”” class=”header-image” src=”http://onofri.org/example/wp-content/uploads/2013/06/header1.jpg”> </div> Here is how you can modify the things: <div id=”header-image”> <a href=”https://wordpress.stackexchange.com/questions/104349/<?php echo esc_url( home_url(“https://wordpress.stackexchange.com/” ) ); ?>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” … Read more
WordPress provide a filter hook to custom logo customization. The hook get_custom_logo is the filter. To change logo class, this code may help you. add_filter( ‘get_custom_logo’, ‘change_logo_class’ ); function change_logo_class( $html ) { $html = str_replace( ‘custom-logo’, ‘your-custom-class’, $html ); $html = str_replace( ‘custom-logo-link’, ‘your-custom-class’, $html ); return $html; } Reference: How to change wordpress … Read more