• Resolved Tim Griffin

    (@tgriff)


    It should be noted that in order to use this plugin the custom headers option must be enabled.

    How to enable this?
    See: https://codex.www.ads-software.com/Custom_Headers

    For example, I am using a child theme built on Canvas by WooThemes.
    To enable use of this plugin here’s what was needed:

    1. Add the following to your functions.php (you can adjust the height and width depending on your theme)

    // Add support for flexible headers
     $header_args = array(
     'flex-height' => true,
     'height' => 183,
     'flex-width' => true,
     'width' => 680,
     'default-image' => get_template_directory_uri() . '/images/header.jpg',
    // 'admin-head-callback' => 'mytheme_admin_header_style',
     );
    
     add_theme_support( 'custom-header', $header_args );

    2. Now setup the default background under the Appearance / Header menu item

    3. Add the image call to your header.php file:
    <img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="image description" class="custom_header" />

    In my case it was better to insert the image call using the WooThemes hook and the code was added to our functions.php file like this:

    add_action( 'woo_header_inside', 'woo_custom_header_image' );
    
    function woo_custom_header_image () {
    ?>
    
    <img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="image description" class="custom_header" />
    
    <?php
    
    } // End woo_custom_header_image()

    And finally add a bit of styling in the style.css file of your site to control how the image aligns itself. In my case, the image needed to float to the right of the logo image.

    #header img.custom_header{
    	float: right;
    }
Viewing 2 replies - 31 through 32 (of 32 total)
Viewing 2 replies - 31 through 32 (of 32 total)
  • The topic ‘[Plugin: Unique Headers] WordPress Custom Headers’ is closed to new replies.