WordPress.org

Forums

How To Make Header Image Clickable (8 posts)

  1. danieldickey
    Member
    Posted 6 years ago #

    Ok so I'm asking the questions hundreds have asked before me.

    I want to make my header image clickable. I have read countless other tutorials and how to's, but none seem to work. I have made my wordpress text image clickable, but can not seem to make my image clickable. Any help would be greatly appreciated.

    http://www.DanielDickey.com

  2. danieldickey
    Member
    Posted 6 years ago #

    Also it is in the mistylook theme.

  3. t31os
    Member
    Posted 6 years ago #

    The header image is not an image..

    <img>

    it's a background...

    And there's no link in the header...

    <a href=""> etc...

    Countless tutorials and not one showed you how to place a basic image and link into your page?

    Post if you get stuck..

    Basic image with link example:

    <a href="URL OF PAGE">
    <img style="border: 0;" src="LOCATION OF YOUR IMAGE"
    alt="alternate text" /></a>
  4. danieldickey
    Member
    Posted 6 years ago #

    All the tutorials were about something slightly different. And you we right it is a background not a image.

    So I assume I should go into the header portion of design, but what should I change out for what?

    And thank you for the help.

  5. Shane G
    Member
    Posted 6 years ago #

    Hi,

    You need to modify header.php file of your current active theme:

    Change This Line:

    <h1 id-header>
            <a href=<?php bloginfo(''); ?>
            <? php bloginfo('name'); ?> </a>
    </h1>

    To:

    <a href=<?php bloginfo(''); ?>
             <h1 id-header>
                    <? php bloginfo('name'); ?>
            </h1>
    </a>

    Thanks,

    Shane G.

  6. danieldickey
    Member
    Posted 6 years ago #

    Ok I did that and I defiantly did it wrong. That is what I have there right now. What do I change?

    <div id="header" onclick="location.href='http://danieldickey.com/';" style="cursor: pointer;">

    <h1>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></h1>
    <p id="desc"><?php bloginfo('description');?></p>
    </div><!-- end id:header -->

  7. danieldickey
    Member
    Posted 6 years ago #

    Anyone figure this out yet?

  8. xrvat
    Member
    Posted 6 years ago #

    Thanks a lot !

    I'm a Noob but thanks to You i made it ahahaha :)

Topic Closed

This topic has been closed to new replies.

About this Topic