Using wp_head to hook into a specific part of the header?

Question

This is my first plugin. I'm trying to add a tagline underneath the logo.

I'm using this code in the plugin:

add_action('wp_head', 'tagline');

function tagline() {
    //Close PHP Tags
    ?>
    <h3>Outdoor Living and General Construction</h3>
    <?php
}

It works but it places it in a random place and I would like it to be outputted here, underneath the logo:

<header id="main-header" class="et_nav_text_color_dark">
        <div class="container clearfix">
                        <a href="#">
                <img src="http://#.com/wp-content/uploads/2014/12/Logo2.png" alt="Logo" id="logo" />
            </a><h3>Outdoor Living and General Construction</h3>

When I add in the div or header where I would like it to go though, it breaks the site.

Any suggestions on the correct way to go about this?

Answer 1 · 2015-08-26T01:40:01Z

August 26, 2015 1:40am

You can't do it that way since wp_head runs in the <head> of the HTML document, not within the <body>

What you can do is add an action or filter in your theme where you want to output the HTML and use it, for example"

do_action( 'header_custom_code' );

Then in your functions file you would do something like:

add_action( 'header_custom_code', 'custom_html_code' );
function custom_html_code() {
    echo '<h3>Outdoor Living and General Construction</h3>';
}

Welcome to the Treehouse Community

Looking to learn something new?

cameroneckelberry2

cameroneckelberry2

Using wp_head to hook into a specific part of the header?

1 Answer

Yojance Rabelo

Yojance Rabelo

cameroneckelberry2

cameroneckelberry2