Insert custom links above header

Check out the following screenshot…

Here’s how you can put as many links as you want above the header…

In your custom_functions.php file add this code. You can put it anywhere you want but I recommend putting it at the top after the <?php tag. Always describe the function and put it between the comment tags /*  */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*custom links above header*/
function top_links1 () {?>
<div class= “toplinks1“> <a href=”http://www.thesishacker.com”>Here’s a custom link above the header</a></div>
<?php
}
add_action (’thesis_hook_before_html’ , ‘top_links1‘);
function top_links2 () {?>
<div class= “toplinks2“> <a href=”http://www.thesishacker.com”>Here’s another link</a></div>
<?php
}
add_action (’thesis_hook_before_html’ , ‘top_links2‘);

Note the following…

name your function whatever you want

assign each link a div class and name it whatever you want

to put it at the very top of the page hang them on a hook before the html

In your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Always describe what you’re doing by putting your descripton between the comment tags /*  */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*custom links above header*/
.custom .toplinks1 {
font-size: 2em;
margin-left: 8em;
}
.custom .toplinks2 {
font-size: 2em;
float: right;
margin-top: -1.2em;
padding-right: 9em;
}

Note the following…

change toplinks1 and toplinks2 to whatever you named your div class

feel free to change any of the value to suite your own needs

If you want to use the Thesis OpenHook plugin instead of using your custom_functions.php file do the following…

Take the following code…

<div class= “toplinks1″> <a href=”http://www.thesishacker.com”>Here’s a custom link above the header</a></div>
<div class= “toplinks2″> <a href=”http://www.thesishacker.com”>Here’s another link</a>
</div>

Go to your thesis open hook plugin in your dashboard and drop the code into the window that says “before html”

Scroll down to the bottom of the page and hit the save button

If you want your links anywhere else just drop that same code into a different window in your Thesis OpenHook plugin.  The sky’s the limit!  Experiment!!

Tagged as: add links above header, links, thesis open hook plugin