Springe zum Hauptinhalt

So fügen Sie JavaScript in Elementor hinzu

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Möchten Sie JavaScript in Elementor hinzufügen?

Das Hinzufügen von Javascript zu einer mit Elementor erstellten Seite ist einfach. Aber wir müssten wissen, wie wir dorthin gelangen. Dieses Problem tritt am häufigsten bei Elementor-Neulingen auf. Der heutige Artikel bietet daher eine Lösung für dieses Problem.

Entdecken Sie auch: So installieren Sie Elementor auf WordPress

Unten sind die Schritte zum Hinzufügen von Javascript zu Elementor:

  1. Verwenden Sie Elementor, um die Seite zu ändern, auf der Sie das Javascript platzieren möchten.
  2. Klicken Sie auf die Schaltfläche Bearbeiten mit Elementor Um die Seite mit Elementor zu bearbeiten.
  3. Ziehen Sie das HTML-Widget per Drag & Drop auf die Seite.
  4. Das HTML-Widget-Einstellungsfeld wird auf der linken Seite angezeigt.
  5. Fügen Sie den Javascript-Code in das HTML-Code-Feld ein, das im Bereich HTML-Widget-Einstellungen verfügbar ist.
Javascript in Elementor hinzufügen

Vergessen Sie nicht, auf die Schaltfläche Aktualisieren zu klicken, um Ihre Änderungen zu speichern. So können Sie Javascript auf einer mit Elementor erstellten Seite einfügen.

Lesen Sie auch: So fügen Sie das Kontaktformular 7 in Elementor hinzu

Ich weiß, dass dies keine gute Möglichkeit ist, Javascript einzufügen. Im Idealfall sollte Elementor es Ihnen ermöglichen, Javascript auf Seitenebene aus den Einstellungen hinzuzufügen.

Derzeit können Sie jedoch nur CSS-Code aus den Einstellungen auf Seitenebene und nur in Elementor Pro hinzufügen. Sie müssen also das HTML-Widget verwenden, um Javascript einzufügen.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Holen Sie sich jetzt Elementor Pro!

Entdecken Sie auch einige Premium-WordPress-Plugins

Sie können andere WordPress-Plugins verwenden, um ein modernes Erscheinungsbild zu erhalten und den Grip Ihres Blogs oder Ihrer Website zu optimieren.

Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.

1. Fortgeschrittene schwebende Schiebeplatte

Advanced Floating Sliding Panel ist ein WordPress-Plugin, mit dem Sie steuerbare Fenster in wenigen Minuten anzeigen können.

Erweiterte schwimmende Schiebetafel

Es bietet Ihnen eine Reihe von Funktionen, darunter Kurzwahlnummern, ein „Builder“-Theme und die Möglichkeit, es mit Werbediensten von Drittanbietern zu verwenden. Zu seinen Funktionen zählen: ein vertikaler Scroll-Tab, ein horizontaler Scroll-Tab, mehrere Tabs, die gleichzeitig angezeigt werden können, eine unbegrenzte Anzahl von Tabs und vieles mehr.

Download | Demo | Web-Hosting 

2. WordPress Plugin Reviewer

Der Reviewer ist ein WordPress-Plugin, mit dem Sie schnell und einfach Bewertungen und Vergleichstabellen in Ihre Posts, Seiten und benutzerdefinierten Post-Typen einfügen können. Wenn Sie eine großartige Zusammenfassung einer Bewertung erstellen oder einfach nur ein leistungsstarkes und einfaches System zur Erfassung von Benutzerfeedbacks erstellen möchten, ist dieses Plugin genau das, wonach Sie suchen.

Prüfer WordPress Plugin 1

Die flexible Struktur des letzteren ermöglicht es Ihnen, jede Art von Meinung oder Kritik zu sammeln. Sie müssen lediglich eine Formularvorlage erstellen und in Ihre Beiträge oder Seiten einfügen. Benutzer und Besucher können dort ihre Meinung hinterlassen.

Es bietet auch verschiedene anpassbare Themen, sodass Sie Ihre Bewertungen und Vergleichstabellen an das Erscheinungsbild Ihrer Website anpassen können.

Download | Demo | Web-Hosting

3. Taktile

Tactile ist eine WordPress-Menü- und Header-Lösung für Smartphones, die nach den Material Design-Prinzipien von Google erstellt wurde. Das Header-Design ist extrem sauber.

Taktil

Es hat subtile und durchdachte Animationen und bietet gleichzeitig viele Anpassungsmöglichkeiten, die dieses WordPress-Plugin für jede Website geeignet machen.

Sie können die Farben der einzelnen Elemente schnell ändern, ein Hintergrundmuster hinzufügen, die Animationen ändern, verschiedene Elemente ein- oder ausblenden usw.

Download | Demo | Web-Hosting

Andere empfohlene Ressourcen

Wir laden Sie außerdem ein, die unten aufgeführten Ressourcen zu konsultieren, um die Kontrolle und Kontrolle Ihrer Website und Ihres Blogs zu verbessern.

Fazit

Hier ! Das war's für dieses Tutorial. Ich hoffe, Sie können Javascript in Elementor hinzufügen. fühlen sich frei Teilen Sie den Tipp mit Ihren Freunden in Ihren sozialen Netzwerken.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung.

Aber erzählen Sie uns in der Zwischenzeit von Ihrem commentaires und Vorschläge im entsprechenden Abschnitt.

...

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
0 Aktien
Aktie
tweet
Registrieren