Creative Juices Design
  • Home
  • Logos
  • Websites
    • Website Design Service
    • Domain Name Search
    • Web Hosting
    • Custom Video Productions
  • Design Services
    • Book Design
    • Brochure Design
    • Stationery
    • Postcards
    • Ad Design
    • CD Design
    • Writing and Editing
    • Displays and Signage
    • Marketing
    • Printing
    • One on One Design Help
    • FAQs
    • Web Site Terms and Conditions of Use and Privacy Policy
  • About
  • Blog
  • Contact

Archive for clickable header

15 Jun

Create a Clickable Header in WordPress 3.1.3 Using Artisteer 3.0 Beta 2 for Mac

Clickable Headers are Expected on Websites

WordPress is constantly updated as is Artisteer, which is a great program I use regularly to design WordPress websites. It is also a great program to design Joomla, Drupal and even static websites.

Artisteer - Web Design Generator

Most websites have their logo and/or header clickable to the home page. Unfortunately this is not a default process using Artisteer.

I’ve written about this before. But things change with each new update. So here is a simple code to make your header a clickable link to your home page:

In the sidebar, under Appearance / Editor / Header, look for:

<div class=”art-header”>

Replace this code with:

<div class=”art-header”onclick=”location.href=’http://www.yourdomainname.com/’;” style=”cursor: pointer;”>

And you’re done. Simple and easy.

Keep in mind that if you update or change your theme, this code will disappear and you will have to do it all over again.

Maybe this function will become a part of Artisteer or WordPress in a future update, I hope.

For more information check out:

Make Header Clickable in Latest Artisteer Version

Computer Tech Support Helpful Hints Software
01 Apr

Setting Up a Clickable Header Using Artisteer and WordPress

It’s a common practice that the header image of most websites link back to the home page. People expect this.

Linking your Header Home Using Artisteer and WordPress

What if you’re using Artisteer to create a WordPress template?

Here’s a simple way to link your header back to your home page.

(Before making any changes to the page.php code, copy the original code and save it someplace. If you mess up you can always return things to the way they were.)

1. Find the art for the header. It should be located in the wp-content folder in the theme folder under “images”. It would be called “header.jpg”.

Figure out the exact url for this image, or copy it to an easier location and upload it to your server. You will have to locate this exact url, either way.

2. Log into your wp-admin account.

3. Go to Appearance in your Admin page.

4. Click on Editor

5. Find “Page Template” (page.php) on the right hand side and click.

6. Look for the following highlighted code:

Original code for page.php header image.

7. Replace this highlighted code with the new highlighted code below:

Make sure to use your own domain name as well as the entire url address of the header art. Also include the proper height and width.

8. Update the page template.

You should now be able to click on your header from any page and it will take you home.

If you see a little box with a ? in it, that means either you do not have the correct, exact url for the header image or you did not upload it to the server.

For more details check out the Artisteer Forum.

Helpful Hints Technology Website Design

Follow Us

Facebooktwitterpinterestlinkedin

Click Image for Professional Logos Starting at $75

Creative Logos

Shop Amazon

Creative Juices Graphic Design Studio | Copyright © 2025 All Rights Reserved