- Problem
Man möchte einen ganzen Abschnitt oder eine Spalte als Button anklickbar machen und mit einem Link versehen, findet die Funktion in Elementor leider nicht.
- Lösung
Installiere folgendes Plugin: https://wordpress.org/plugins/make-column-clickable-elementor/
Die Spalten erhalten dadurch eine neue Funktion „Column Link“
Die Schritt für Schritt Anleitung funktioniert mit der aktuellen Version von Elementor nicht mehr.
Mittels CSS und Javascript die Funktion selbst bauen.
- STEP BY STEP
Schritt 1.
CSS ID und Klassen vergeben.
Als erstes unter Erweitert bei der CSS ID und der CSS Klasse einen einmaligen Name vergeben (Beide den gleichen)
Schitt 2.
HTML Widget Platzieren und Code einfügen.
in diesen Schritt müssen wir das HTML Widget in den Abschnitt oder die Spalte ziehen um die es geht und folgenden Code einfügen:
<script>
document.getElementById(„click1“).onclick = function() {myFunction()};
function myFunction() {
window.open(„https://wp-support-blog.com“, „_blank“);
}
</script>
Ersetze „click1“ durch deine einmalige CSS ID ersetzen und die URL auch ändern.
Schitt 3.
Eigenes CSS einfügen
Zum Schluss wollen wir noch, dass der Mauszeiger zur Hand wird, wenn wir über den Abschnitt fahren. dafür noch folgenden Code unter Eigene CSS des Abschnitts einfügen und click1 wieder durch deine CSS ID ersetzten.
.click1
{cursor:pointer;}
- Fertig