Comments on: Clickable Logo in Header in Thesis

By: Adam Ring

Adam Ring — Mon, 17 Oct 2011 21:16:26 +0000

Hi Bill

Thanks for that code, good for the context of WordPress and Thesis. And, no, definitely no problem using this technique with Google. If one wanted one’s text indexed one would use a different technique such as a background graphic with cufoned text on top, or some such, but often one’s logo has to be all graphics because the text is too complex/difficult to render reliably. Google will treat your technique, as you say common, like it treats all graphics – which it is. Liked your bio too.

Cheers,
Adam Ring

By: Bill Erickson

Bill Erickson — Tue, 02 Aug 2011 15:09:06 +0000

I’m not an SEO guy so I can’t say for sure, but my guess is that this does not affect SEO. Almost every website uses an image for a logo rather than straight text, and I can’t see why Google would penalize it.

By: Matt Crenshaw

Matt Crenshaw — Tue, 02 Aug 2011 15:04:39 +0000

Thanks for the tutorial. Made for an easy fix. I haven’t done this on very many sites since I started using Thesis because I usually just text-indent: -9999px; and forget about display: block; which makes the link work.

I miss the old days when everything was hand coded but I guess Thesis is about as close to manual control as you can get, especially for being built on WP.

Btw, I’ve never really thought about it but someone mentioned it above: will this affect any onpage SEO I’ve got going? I’d hate to screw something up over a small convenience alteration like this.

Thanks again,
Matt

By: soferet

soferet — Sun, 03 Apr 2011 02:39:17 +0000

Worked like a charm the first time! (I cannot code without breaking something.) Thank you!

By: Petunia GreenBeans

Petunia GreenBeans — Sat, 05 Mar 2011 05:17:03 +0000

Woohoo!! The best. Works perfectly in every browser. Thank you SO MUCH for sharing your knowledge!!!

By: Joshua Dorkin

Joshua Dorkin — Tue, 01 Feb 2011 18:53:05 +0000

Bill -
Perfect – just what the doctor ordered! This was very helpful. Thanks!

By: thesis theme for wordpress « sarungtenun

thesis theme for wordpress « sarungtenun — Tue, 16 Nov 2010 22:15:26 +0000

[...] Clickable Logo in Header: One of the most common modifications to the Thesis theme is replacing the header text with your own [...]

By: Moviemath

Moviemath — Sat, 13 Nov 2010 00:12:14 +0000

My humble apologies good sir, on reinvestigation of my css .custom #logo a , I had inadvertently sourced my custom #logo code elsewhere… and not from your blog. To all those who visit here, the above code on this blog works as stated for all browsers and the entire image is clickable. Save this code and seek no further… haha. Cheers.

By: Bill Erickson

Bill Erickson — Fri, 12 Nov 2010 23:16:43 +0000

By making the height and width of .custom #logo a the same as the image, you will make the clickable area the size of the logo image file.

By: Moviemath

Moviemath — Fri, 12 Nov 2010 23:04:49 +0000

To redefine and clarify, yes it works – that is logo is clickable – but the clickable dimensions in Firefox and Safari have been reduced to the size and area of the header text only, not the dimensions of the logo, which oftentimes is larger if containing a tagline as part of the overall logo image file. Thanks for the quick reply earlier.