Springe zum Hauptinhalt

So öffnen Sie ein Video in einer Lightbox mit Elementor

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 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.

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]

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 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. Alles um

All Around ist ein Premium-WordPress-Plugin, wie der Name schon sagt. Es bietet Ihnen ein klares und reaktionsschnelles Design, eine Reihe vordefinierter Styling-Optionen und Touch-Unterstützung.Rundum reaktionsschnelles WordPress-Content-Slider-Karussell Kreatives und lustiges Sliding-Plugin

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Dieser WordPress-Schieberegler ist eine perfekte All-in-One-Mehrzwecklösung für jede Website. Wenn dies Ihr erstes WordPress-Plugin und Slider-Plugin ist, könnte es auch das letzte sein, das Sie benötigen.

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.

Download | Demo | Web-Hosting

2. Ultimativer Form Builder

Ultimate Form Builder ist ein Premium-WordPress-Plugin, mit dem Sie unbegrenzt reaktionsfähige Formulare erstellen können. Es verfügt über einen Drag'n'Drop-Formularersteller, mit dem jede Art von Formular erstellt werden kann (Kontakt, Umfrage, Angebot, Informationen usw.).

Ultimativer Form Builder

Dieses Plugin ist einfach zu bedienen. Sie können schöne Formulare erstellen, anpassen und gestalten, vorhandene Vorlagen für vorhandene Formulare für die Gestaltung anwenden und diese in kürzester Zeit auf Ihrer Website verwenden.

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.

Download | 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.

Download | Demo | Web-Hosting

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]

Empfohlene Ressourcen

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

Fazit

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

... 

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