Viewing 1 replies (of 1 total)
  • Add this in your child theme’s functions.php:

    /**********************************
     *
     * Replace Header Site Title with Inline Logo
     *
     * @author AlphaBlossom / Tony Eppright
     * @link http://www.alphablossom.com/a-better-wordpress-genesis-responsive-logo-header/
     *
     * @edited by Sridhar Katakam
     * @link https://sridharkatakam.com/use-inline-logo-instead-background-image-genesis/
     *
    ************************************/
    add_filter( 'genesis_seo_title', 'custom_header_inline_logo', 10, 3 );
    function custom_header_inline_logo( $title, $inside, $wrap ) {
    
    	$logo = '<img src="' . get_stylesheet_directory_uri() . '/images/header.png" alt="' . esc_attr( get_bloginfo( 'name' ) ) . ' Homepage" />';
    
    	$inside = sprintf( '<a href="%s">%s<span class="screen-reader-text">%s</span></a>', trailingslashit( home_url() ), $logo, get_bloginfo( 'name' ) );
    
    	// Determine which wrapping tags to use
    	$wrap = genesis_is_root_page() && 'title' === genesis_get_seo_option( 'home_h1_on' ) ? 'h1' : 'p';
    
    	// A little fallback, in case an SEO plugin is active
    	$wrap = genesis_is_root_page() && ! genesis_get_seo_option( 'home_h1_on' ) ? 'h1' : $wrap;
    
    	// And finally, $wrap in h1 if HTML5 & semantic headings enabled
    	$wrap = genesis_html5() && genesis_get_seo_option( 'semantic_headings' ) ? 'h1' : $wrap;
    
    	return sprintf( '<%1$s %2$s>%3$s</%1$s>', $wrap, genesis_attr( 'site-title' ), $inside );
    
    }
    
    // https://sridharkatakam.com/how-to-remove-site-description-tagline-in-genesis/
    add_filter( 'genesis_attr_site-description', 'abte_add_site_description_class' );
    /**
     * Add class for screen readers to site description.
     *
     * Unhook this if you'd like to show the site description.
     *
     * @since 1.0.0
     *
     * @param array $attributes Existing HTML attributes for site description element.
     * @return string Amended HTML attributes for site description element.
     */
    function abte_add_site_description_class( $attributes ) {
    	$attributes['class'] .= ' screen-reader-text';
    
    	return $attributes;
    }

    References:

    https://sridharkatakam.com/use-inline-logo-instead-background-image-genesis/

    https://sridharkatakam.com/how-to-remove-site-description-tagline-in-genesis/

Viewing 1 replies (of 1 total)
  • The topic ‘Genesis Sample theme header logo’ is closed to new replies.