Möchten Sie ein Video in einer Lightbox mit Elementor öffnen?

Elementor wird mit dem Video-Widget geliefert, mit dem Sie mühelos Videos zu einer Seite hinzufügen können. Sie können sogar dynamisches Video mit der Funktion für dynamische Inhalte von Elementor hinzufügen (Pro-Version erforderlich).

Wenn Sie ein Video in Elementor hinzufügen, können Sie es so konfigurieren, dass es in einer Lightbox geöffnet wird, die noch immer heißt Zuschauer.

Dieser Artikel zeigt Ihnen, wie.

Aber zuerst finden wir es heraus So installieren Sie Elementor auf WordPress

In Elementor gibt es mindestens zwei Möglichkeiten, Video zu einer Lightbox hinzuzufügen. Sie können je nach Fall eine auswählen. Zunächst können Sie das Video-Widget wie oben erwähnt verwenden. Diese Methode funktioniert auf beiden Versionen von Elementor. Zweitens können Sie die dynamische Linkfunktion verwenden. Die Pro-Version ist erforderlich, um diese letztere Methode zu verwenden.

So öffnen Sie Video in Lightbox in Elementor mit Video Widget

Wie bereits erwähnt, wird Elementor mit einem Video-Widget geliefert, mit dem Sie einer Seite oder Vorlage ein Video hinzufügen können. Das Widget verfügt über eine Einstellungsmöglichkeit, um das Video in einer Lightbox zu öffnen.

Fügen Sie zunächst das Video-Widget zum Bearbeitungsfeld hinzu.

Fügen Sie Ihr Video hinzu, indem Sie den Link in das Feld einfügen Link.


Wenn Sie mit dem Hinzufügen des Videos fertig sind, öffnen Sie den Block Bildüberlagerung in die Registerkarte Inhalt aus dem Einstellungsfeld und aktivieren Sie Bildüberlagerungsoption. Aktivieren Sie einfach die Option Zuschauer. Dadurch wird das Video in einer Lightbox geöffnet. Sie können bei Bedarf eine Bildüberlagerung hinzufügen.

So öffnen Sie Video in Lightbox in Elementor mit Dynamic Link

Wenn Sie Elementor Pro, können Sie auch Videos mit der Dynamic Link-Funktion hinzufügen. Sie können jedes Widget verwenden, das über eine Option zum Hinzufügen eines Links verfügt, einschließlich Bild-Widget, Schaltflächen-Widget, Text-Widget usw.

Fügen Sie zunächst das Widget (d. h. das Schaltflächen-Widget) wie gewohnt zum Bearbeitungsfeld hinzu. Klicken Sie im Einstellungsfenster auf das dynamische Symbol im Feld Pfandrecht und wählen Sie Lightbox.

Klicken Sie dann auf das Schraubenschlüssel-Symbol im Feld Leuchtkasten. Klicken Sie auf das Videosymbol und fügen Sie die URL des Videos ein, das Sie hinzufügen möchten.

Hier. Sie können auf das Element klicken und es sollte das Video wie folgt in einer Lightbox anzeigen.

Anpassen der Lightbox

Wenn Sie das Standard-Erscheinungsbild der Lightbox von Elementor nicht beeindruckt, können Sie es anpassen. Klicken Sie dazu auf das Hamburger-Symbol in der oberen linken Ecke des Einstellungsfensters und klicken Sie auf Seiteneinstellungen.

Klicken Sie auf Lightbox im Block EINSTELLUNGEN.

Wie Sie sehen, können Sie einige Einstellungsoptionen festlegen, einschließlich Farben.

  • Hintergrundfarbe: Die Hintergrundfarbe des Viewers
  • UI-Farbe: Die Farbe der Schaltflächen (Schließen-Schaltfläche, Vollbild-Schaltfläche, Zoom-in-Schaltfläche, Teilen-Schaltfläche)
  • Hover-Farbe der Benutzeroberfläche: Die Farbe der Tasten im Hover-Modus
  • Textfarbe: Textfarbe. Gilt für das Lightbox-Bild

Sie können auch die Schaltflächengröße der Option einstellen Größe des Symbolleistensymbols sowie die Größe der Navigationssymbole der Option Größe der Navigationssymbole. Wenn Sie mit den Einstellungen fertig sind, klicken Sie auf die Schaltfläche AKTUALISIEREN um die Änderungen anzuwenden.

öffne ein Video in einer Lightbox mit Elementor

Holen Sie sich jetzt Elementor Pro!

Entdecken Sie auch einige Premium-WordPress-Plugins  

Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Handhabung Ihres Blogs oder Ihrer Website zu optimieren.

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

1. Alles um

All Around ist ein WordPress Plugin Premium, wie der runde Name schon sagt. Es bietet Ihnen ein klares und ansprechendes Design, eine Reihe vordefinierter Stiloptionen und Unterstützung für Berührungen.Rundum reaktionsschnelles WordPress-Content-Slider-Karussell Kreatives und lustiges Sliding-Plugin

Dieser WordPress-Slider ist eine vielseitige All-in-One-Lösung, die sich perfekt für jede Website eignet. Wenn das dein erstes ist WordPress Plugin und Slider-Plugin, es könnte auch das letzte sein, das Sie brauchen.

Siehe auch unseren Artikel über Wie Sie mit Ihrem Blog Geld verdienen, wenn Sie wenig Verkehr haben

Seine Merkmale sind:auf einer vollständig ansprechbaren Seite, 6 vordefinierte Stile, le Support-Videos, die dvertikales oder horizontales Scrollen, der pUnterstützung für mehrere Schieberegler auf einer Seite, zt mehr.

Herunterladen | Demo | Web-Hosting

2. Ultimativer Form Builder

Ultimate Form Builder ist ein WordPress Plugin Premium, mit dem Sie erstellen können Formen unbegrenzt reaktionsschnell. Es hat einen Erbauer Formen Drag'n'Drop, mit dem jede Art von Formular erstellt werden kann (Kontakt, Umfrage, Angebot, Informationen usw.).

Ultimativer Form Builder

Dieses Plugin ist einfach zu verwenden. Sie können wunderschöne Dinge erstellen, anpassen und gestalten Formen, übernehmen Sie Vorlagen bereits vorhandener Formulare für die Gestaltung und nutzen Sie diese in kürzester Zeit auf Ihrer Website.

Sie können auch Formulardaten per E-Mail erhalten und speichern Sie sie in der Datenbank; die im CSV-Format zur Verwendung über die exportiert werden können Armaturenbrett Ihrer Website.

Alle von diesem Plugin erstellten Formulare sind dank des Plugins supersicher ein Captcha-System wirksam.

Herunterladen | Demo | Web-Hosting

3. WooCommerce Sendungsverfolgung

WCST erleichtert Ihren Kunden die Nachverfolgung ihrer Bestellungen. Sie können jede Bestellung einem Transportunternehmen und einer Sendungsverfolgungsnummer zuordnen. 

Woocommerce Versandverfolgung Woocommerce Plugins Berechnung Versandkosten

WCST veröffentlicht Tracking-Informationen (Firmen-URL und Tracking-Code) direkt in der E-Mail "Bestellung abschließen" und auf der Seite "Bestellung anzeigen".

Entdecken Sie auch unsere Liste von 50 WooCommerce Plugins Ihren Online-Shop zu verbessern

Durch einfaches Klicken auf den von WCST generierten Link können Ihre Kunden ihren Bestellungen problemlos folgen. Mit dieser WooCommerce-Erweiterung können Sie nicht nur die Kosten für den Versand Ihrer Waren berechnen, sondern auch Ihre eigene Versandfirma hinzufügen und einrichten.

Herunterladen | Demo | Web-Hosting

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Zusammenfassung

Hier ! Das war es für dieses Tutorial, das Ihnen zeigt, wie Sie mit Elementor ein Video in einer Lightbox öffnen. Wenn du hast commentaires oder Vorschläge, zögern Sie nicht, uns im reservierten Bereich zu informieren.

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 oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken

...