So what do you think about the new Adventures In Hosting logo? I am by no means an image editing expert, but I have to say that I am pretty darn happy with it. It was a pain and a half to create though because I don’t have any photo editing skills, so sadly I created the image in Microsoft Word and a program I was recently introduced to named GIMP.

If you had seen what Adventures In Hosting previously looked like, the header was BORING! It was only the text of “Adventures In Hosting”. Since I lost the SEO from the text header, I finally managed to put title tags in the header. This is quite easy with cPanel Hosting since you don’t have to mess with FTP programs and can edit the header right in cPanel.

I incorrectly kept trying to figure out a way to upload the image into WordPress. It wasn’t quite that easy. I had to:

1.) Right click where the title of the blog was and selected “View Background Image”. The image location for this blog is “http://adventuresinhosting.com/wp-content/themes/rounded/images/head.jpg”. This was the image I actually had to edit. The name of the image is head.jpg. I saved this image to my desktop.

2.) I used GIMP to place the logo I had previously created over the image saved from step 1. I saved the image as head.jpg in a different folder on my computer, keeping the original head.jpg as a backup in case I screwed up.

3.) I logged into my cPanel account and found the “images” directory based on where the current header was located. I uploaded the new head.jpg logo there.

4.) I went to Adventures In Hosting and refreshed the page. My beautiful new logo was there, but it was conflicting with the text title that was there.

5.) The final step was logging into WordPress, selecting “Options” and deleting the original text title of the blog.

One Response to “Create Custom WordPress Header Logo”

Qrystal

July 17th, 2008 - 5:08 pm

GIMP is great, and I find it much more intuitive (not to mention, way cheaper!) than Photoshop.

However, you should’ve been able to keep the SEO of the text header by simply using your gorgeous image as just a background to the text, instead of incorporating the text into the image itself. Yes, you’d have less control over the font that way, but you’d also ensure that people with images turned off (yes, those people still exist!) can still see the title of the blog.

If for some reason what I’ve said doesn’t work, I apologize. I’m fairly new to wordpress myself, but I have gotten myself neck-deep by just playing around with my own setups.

If what I’ve been saying DOES work (and I can’t see why it wouldn’t), you should try to make your new head.jpg to have the same dimensions as the old head.jpg. One way is to just use a copy of the old (dimensions and all) and, in GIMP, paste over the image with your new one.

I enjoy reading the blog! :)

Leave a Reply