How To Make Part of a Background Image A Clickable Link

This tutorial shows you how to make a specific area on a background image clickable.

Here’s a very basic example showing you the red box which is a clickable link.

link

You can also add hyperlinked text or another image in the box.

There’s 2 parts to this solution:

  1. The HTML which we’ll hook in using PHP code from the child themes functions file.
  2. The CSS to add your background image and position your link on the image.

Step 1. HTML

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.