WordPress.com Forums » Tag: header image link - Recent Posts

designsimply on "Making Header Image Linkable"

designsimply — Sat, 15 Dec 2012 08:24:21 +0000

The best way I've found to do this is to repurpose an already-existing link on the page with a background image. It takes a little extra work. Here is a an example that works with the demo MistyLook theme. It uses the site title to ge the link, so note that you must have a site title set before it will work on your blog.

#header {
	width: 760px;
	padding-top: 30px;
}

#feedarea {
	position: absolute;
	right: 0;
}

#header h2 {
	display: none;
}
#header h1 {
	text-align: left;
	text-indent: -9999px;
}

#header h1 a {
	margin-top: 10px;
	display: block;
	width: 760px;
	height: 190px;
	background: url('http://burnerprep.files.wordpress.com/2012/11/cropped-header-bg.png') center no-repeat;
}

#headerimage {
	display: none;
}

#content {
	clear: both;
}

Note that you may need to make additional adjustments.

1tess on "Making Header Image Linkable"

1tess — Sat, 24 Nov 2012 08:09:53 +0000

@burnerprep

Yes, you are correct. You have a self-hosted site, but have added a blog to it which is using wordpress.com. While we cannot help with your main site, your blog is hosted here on free wordpress.com.

I have no experience with custom CSS but have seen information about making a non-clickable header, well, so to speak: clickable. I'll move this thread to the CSS forum where someone with more knowlege will be able to find it.

burnerprep on "Making Header Image Linkable"

burnerprep — Sat, 24 Nov 2012 07:43:59 +0000

@timethief - I'm not sure if that's true because I got the blog through wordpress.com. Blog.burnerprep.com did not require any installation or anything. Burnerprep.com is run through an Ecommerce website.

burnerprep on "Making Header Image Linkable"

burnerprep — Sat, 24 Nov 2012 07:20:24 +0000

Hi Julia.

What theme are you using? Thank you.

timethief on "Making Header Image Linkable"

timethief — Sun, 18 Nov 2012 16:55:52 +0000

@burnerprep
We cannot help you here at WordPress.com with that site as it’s not being hosted by WordPress.com and we run on different software. This is the correct forum for your software http://wordpress.ORG/support/ If you have not registered a WordPress.org username account yet you can do so on the top right hand corner of the page I just linked to so you can post to those support forums.
WordPress.com vs WordPress.org: The Differences
http://support.wordpress.com/com-vs-org/
Best wishes with your site.

juliarevitt on "Making Header Image Linkable"

juliarevitt — Sun, 18 Nov 2012 16:50:54 +0000

Hi,

Check in your 'Appearance' menu, 'Theme Options' - mine has an option under the 'Logos & Header' section for 'Logo URL'. I don't have the same theme as you but the options might be the same.

Julia

burnerprep on "Making Header Image Linkable"

burnerprep — Sun, 18 Nov 2012 09:52:48 +0000

Hi.

I am trying to make the header image on my WordPress.com blog, blog.burnerprep.com, clickable & go to my main homepage of http://www.burnerprep.com.

I am using the free theme 'MistyLook'. How do I do this? Do I need to buy a Custom Design upgrade in order to do this? Thank you.

timethief on "Header Image link"

timethief — Sun, 01 Jul 2012 22:33:41 +0000

Please don't assume hostility where none exists. Just saying ... if you are going to continue to vrib article that are in essense duplicate content across domains then you need to learn how Google views duplicate content, and read all about tha Panda algorithm and Penguin upgdate.

equibblyblogger on "Header Image link"

equibblyblogger — Sun, 01 Jul 2012 22:28:19 +0000

Relax people - I'm just getting up and running and trying to figure out the best way of doing things. No need for the hostility.

Thank you everyone for the info & thanks for checking out my blog and site.

justpi on "Header Image link"

justpi — Sun, 01 Jul 2012 01:30:16 +0000

@TT: And the latest post is a variant of a post from the other site.
If they go on like that, then soon they won't have to worry about the header image link...

timethief on "Header Image link"

timethief — Sat, 30 Jun 2012 23:28:37 +0000

edit: "Aisde for a single Hone link" was meant to be "Aside from a single Home link "

You right he/she could place an image widget at the top of the widget sidebar there and link it to that same site yet again. http://en.support.wordpress.com/widgets/image-widget/

timethief on "Header Image link"

timethief — Sat, 30 Jun 2012 23:23:26 +0000

@justpi
Aisde for a single Hone link to the blog the custom menu is compromised of custom links all directing to the same website. The blog is simply being pimped to direct traffic to the website.

justpi on "Header Image link"

justpi — Sat, 30 Jun 2012 23:13:19 +0000

If you're looking for something more prominent than the custom link, you can add an image link in the sidebar.

timethief on "Header Image link"

timethief — Sat, 30 Jun 2012 21:37:18 +0000

It's a free blog that's being free hosted by WordPress.com. You already have a custom link in your custom menu driving traffic to equibbly.com. Your posts all drive traffic to the same site as well.

Bottom line: It's not possible to use a deceptive header link in WordPress.com blogs.

equibblyblogger on "Header Image link"

equibblyblogger — Sat, 30 Jun 2012 21:24:35 +0000

I don't want to get in an argument over this, but it is my site after all and since it's a free country I see no harm in directing people to a different site - there's really nothing deceptive about it - the header is the logo of the site I want to direct people to. For instance, if I owned mcdonald's and if the header was the logo of mcdonald's and someone clicked on it, there's nothing deceptive about taking them to the mcdonald's site.

justpi on "Header Image link"

justpi — Sat, 30 Jun 2012 19:00:04 +0000

The header image of a blog is supposed to link to the homepage of that blog; making it link to a different site is possible, but it's deception.

timethief on "Header Image link"

timethief — Sat, 30 Jun 2012 18:34:54 +0000

What sucks? The inability to use a header image link the way it is supposed to be used, rather than to use it as a sneaky redirect to another site sucks? Are kidding or are you a kid?

equibblyblogger on "Header Image link"

equibblyblogger — Sat, 30 Jun 2012 16:35:56 +0000

that sucks - seems like you should be able to do this.
Thanks

timethief on "Header Image link"

timethief — Fri, 29 Jun 2012 16:24:46 +0000

That's a no go.

equibblyblogger on "Header Image link"

equibblyblogger — Fri, 29 Jun 2012 16:19:22 +0000

Can I change the link for the "Header Image" so that it direct people to another site outside of wordpress when someone clicks on the header?
Blog url: http://equibbly.wordpress.com/

vicereine on "Making Header Image into a Link"

vicereine — Wed, 13 Jun 2012 15:05:35 +0000

Ah! Thank you so much! This should work perfectly.

justpi on "Making Header Image into a Link"

justpi — Tue, 12 Jun 2012 17:08:28 +0000

You need to add the right code in a text widget and position it where you want it. See here for an example:
http://en.forums.wordpress.com/topic/how-to-make-branding-image-clickable-link?replies=8#post-911024

vicereine on "Making Header Image into a Link"

vicereine — Tue, 12 Jun 2012 16:12:52 +0000

Ok, so I really would like for my header image on the pilcrow theme to be a link to the default page of my blog.

I didn't use the built-in way to give pilcrow a header, so that doesn't work for me. Instead I used this code to upload the header image

#pic { background:url('http://img684.imageshack.us/img684/6393/okmaybethistime.png') no-repeat scroll 0 0 transparent; border-bottom:2px solid #d1dae3; clear:both; height:130px; width:985px; }

As far as I can tell, there's no way that CSS has something as simple as {linkto: url;}, so I need help figuring out a way I can do this in the CSS. Please help!

Thanks.

vivianpaige on "Header URL"

vivianpaige — Fri, 14 Nov 2008 22:06:52 +0000

AFAIK, there is no way to link the header to another site. As for removing the link, I guess you could chose another theme that doesn't have a clickable header. (I just tested the theme to see if removing the text would eliminate the clickable header - it does not.)

bradleylibrary on "Header URL"

bradleylibrary — Fri, 14 Nov 2008 21:54:29 +0000

That blog is a library blog and I would like the header link to library home page rather than the blog home. On blog site, there is already a "Home" link to blog home.
If it is impossible to change the header link, I would like to remove the link so that header image is not clickable.

vivianpaige on "Header URL"

vivianpaige — Fri, 14 Nov 2008 15:32:25 +0000

I guess I don't understand the problem. One way to navigate on your site is to click the header. So why would you want to change or remove it?

bradleylibrary on "Header URL"

bradleylibrary — Fri, 14 Nov 2008 14:56:33 +0000

By default, the header image URL is the same as my blog home http://bradleylibrary.wordpress.com/. Question: Is it possible to either remove the link, or change the URL? If yes to remove, how to remove the header link? If yes to change header URL, how?

Thank you.

pinkjellybaby on "Sandbox Kubric Help"

pinkjellybaby — Mon, 25 Feb 2008 09:42:25 +0000

Oh no, sorry, scrap that, it does work, I just had to delete some other code I had in there somewhere!

Excellent!! Thank you so much!

Now I just need to fix the sidebar as adding #textwidget{ etc doesn't work!

pinkjellybaby on "Sandbox Kubric Help"

pinkjellybaby — Mon, 25 Feb 2008 09:39:30 +0000

That does nothing either.

Is there a way of just adding a 'home' tab at the top?

rosclarke on "Sandbox Kubric Help"

rosclarke — Sun, 24 Feb 2008 20:17:55 +0000

Try this:

h1 {
display:block;
font-size:xx-small;
font-weight:normal;
min-height:175px;
margin:0 20px;
}

h1 a,h1 a:visited {
color:#fff;
text-decoration:none;
display:block;
min-height:175px;
}