WP Clickable Background – WordPress Plugin

Blog Plugins

Wordpress Plugin in order to make the background of your website clickable.

I built a WordPress plugin that gives the possibility to make the background image clickable, I have worked on this plugin with the idea in mind that a plugin has to be the more possible standard in order to work with any existing WordPress theme, but I realized that making such plugin is virtually impossible as long as any theme has a different design and the background image is not always visible or clickable, most of the time the background image is coved by other HTML elements making the plugin useless. I manage to way around this problem giving the possibility to choose what HTML element trigger in case of click.


WP Clickable Background is a WordPress plugin that gives the possibility to make a chosen HTML element of your website clickable, you can select what element make clickable by CSS class, you can choose what page you want to open on click, you can select where you want to open the page (in the same page, on a new tab or a new window). You can also add your custom Javascript code on the footer (for instance a google analytics script to track the click).

Settings include:

  • Active/Deactive click
  • Element Class to trigger
  • The page where you want to redirect
  • Where to open the page
  • Custom Javascript section

WP Clickable Background settings


Download the plugin on your computer, explode the ZIP file on your plugin folder in your WordPress website. On your WordPress dashboard, go to Plugins => Installed Plugins, search for WP Clickable Background, and activate the Plugin.

DOWNLOAD WP Clickable Background Here

Here is the GITHUB repository of this project


The WP Clickable Background setting is on the WordPress dashboard on Settings => WP Clickable Background, please read the note on the top of the page. This plugin works only when the event click is direct on the element with the class specified on-field “Element Class” without any other HTML element on top of it, Please be sure that the chosen element is directly clickable.

You May Like

Siccome ho notato che c’e’ molta confusione sulla gestione e la creazione di Shortcode in Stackoverflow e in generale su internet ho deciso di fare questa guida per spiegare in modo semplice come creare e gestiore un Shortcode in Wordpree e a che cosa serve. Prima di tutto … Cos’e’ uno Shortcode in WordPress e a […]

October 10, 2020

Oggi vediamo di analizzare un errore che appare ultimamente spesso nell’ispector e che e’ molto difficile da individuare e risolvere. L’errore appare come “Failed to load resource: net::ERR_BLOCKED_BY_CLIENT” o anche come “Impossibile caricare la rete: net :: ERR_BLOCKED_BY_CLIENT” se il vostro browser e’ in italiano. Questo errore e’ sempre seguito da un url, l’url in […]

May 23, 2020

Often server configuration issues or protocol errors are very hard to spot and resolve by developers that have little or no Linux experience. The issue that this article discusses is related to the error message that appears on the inspector called  “Load denied by X-Frame-Options: http://www.mysite.com/ does not permit framing” or called “Refused to display http://www.mysite.com/ in a frame […]

April 30, 2020

Click to Leave a Comment