So verwandeln Sie den Elementor-Abschnitt in eine anklickbare Schaltfläche

Verknüpfung: http://up8.431.myftpupload.com/services/

Ich muss den Abschnitt auf der Seite oben in anklickbare Schaltflächen umwandeln. Ich verwende WordPress mit installiertem Elementor-Plugin.

Ich habe bereits zusätzliches CSS hinzugefügt, damit die Abschnitte anklickbar erscheinen. Ich muss nur die eigentliche Funktionalität hinzufügen. Ich verstehe, dass dies mit Javascript gemacht wird. Ich habe noch nicht versucht, Javascript-Code hinzuzufügen. Ich bin auch etwas zögerlich, weil ich glaube, dass ich nicht die Fähigkeit und das Wissen habe, es richtig zu machen. Ich möchte nicht einfach anfangen, überall Code hinzuzufügen. Die Erfahrung aus der Vergangenheit hat mich für eine schlechte Idee gehalten.

Ich hoffe, jemand, der Erfahrung mit Elementor hat, kann mir helfen. Hier stecke ich fest: Wo füge ich das Javascript hinzu? Ich kann nirgendwo Javascript hinzufügen, da es für jedes Element einen Abschnitt für CSS gibt. Soll ich es im Customizer hinzufügen (Darstellung –> Anpassen –> Benutzerdefiniertes CSS/JS)? Sollte ich ein Plugin für benutzerdefiniertes Javascript erhalten? Ich habe jedem Element bereits eine benutzerdefinierte Klasse gegeben. Ich könnte etwas JS an diese Klassen anhängen.

EDIT: Hab noch ein bisschen drüber nachgedacht. Ich denke nicht, dass das Hinzufügen des JS im Customizer der richtige Weg ist. Ich denke, jedes CSS/JS, das ich dort hinzufüge, sollte exklusiv für die Topbar, Kopf- und Fußzeile sein. Meine Argumentation ist, dass dies die Abschnitte sind, die auf jeder Seite genau gleich angezeigt werden. Das lässt mich mit der Option, ein JS-Plugin zu bekommen. Ist dies der beste Weg?

Was wäre der beste Weg, um das zu erreichen, was ich brauche. Ich habe definitiv nicht die Fähigkeit, die Elementor Developer Docs zu verstehen. Das ist mir viel zu weit fortgeschritten. Deswegen frage ich hier.

Thx im Voraus

Wenn Sie wissen, wie es geht und es über Javascript geht, können Sie es auf diese Weise tun: Ziehen Sie das HTML-Widget per Drag & Drop -> fügen Sie Ihr js zwischen Skript-Tags ein.

Ich empfehle die Verwendung von HTML in Ihrer Fußzeile (mit Elementor erstellt), damit das Skript auf der gesamten Website verfügbar ist.

Ich habe es geschafft, einen Weg zu finden, dies ohne Plugin oder js zu tun, nur mit CSS:

Zuerst müssen wir eine Mindesthöhe für unsere Sektion/Spalte festlegen (ich habe 50vh eingestellt);

dann müssen wir ein Element hinzufügen, das einen Link/ein Tag hat (z. B. Titel-Widget) und eine CSS-Klasse dafür festlegen (in meinem Beispiel .mhdizmni_title);

Jetzt müssen wir ein bisschen CSS schreiben:

.mhdizmni_title a:after {
content: "";
display: block !IMPORTANT;
position: absolute;
height: 50vh;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
}