Leitfaden für Anfänger: Wie man ein Video in WordPress zentriert ausrichtet

Als wir gerade mit WordPress anfingen, konnte etwas so Einfaches wie das Zentrieren eines Videos überraschend frustrierend sein.

Nachdem wir vielen Anfängern über WPBeginner geholfen hatten, erkannten wir, dass wir nicht allein waren – dies ist eine der häufigsten Formatierungsfragen, die uns gestellt werden.

Die gute Nachricht ist, dass das Zentrieren von Videos in WordPress viel einfacher geworden ist, insbesondere mit dem Block-Editor. Aber wir sehen immer noch viele Leute, die damit zu kämpfen haben, besonders wenn sie mit eingebetteten Videos von YouTube oder Vimeo arbeiten.

In diesem anfängerfreundlichen Leitfaden zeigen wir Ihnen die einfachsten Möglichkeiten, Ihre Videos in WordPress zu zentrieren.

Warum Videos in WordPress zentrieren?

Standardmäßig richtet WordPress eingebettete oder hochgeladene Videos Videos links im Inhaltsbereich aus. Dies kann dazu führen, dass die Seite unausgewogen wirkt, insbesondere wenn das Video im Mittelpunkt steht.

Das Zentrieren des Videos behebt dies und lässt das Layout sauberer und beabsichtigter aussehen:

• Bessere visuelle Balance: Sorgt für ein gleichmäßiges Layout und vermeidet unschönen Leerraum auf einer Seite.
• Stärkerer Fokus: Lenkt die Aufmerksamkeit auf natürliche Weise auf das Video als Hauptelement auf der Seite.
• Verbesserte Benutzererfahrung: Lässt den Inhaltsfluss flüssiger und leichter verständlich erscheinen.

Dies ist eine einfache Änderung, kann aber merklich verbessern, wie Ihre Seite aussieht und sich anfühlt.

Abgesehen davon, sehen wir uns an, wie Sie ein Video in einer WordPress-Website einfach zentrieren können.

Wir werden sowohl den Block-Editor als auch den klassischen Editor behandeln, sodass Sie auf die unten stehenden Links klicken können, um zu einem beliebigen Abschnitt zu springen:

Wie man Videos im WordPress-Inhaltseditor zentriert

Um ein von YouTube oder Vimeo eingebettetes Video zu zentrieren, ist die einfachste Methode, seine URL direkt in den WordPress-Inhaltseditor einzufügen.

WordPress wandelt es automatisch in einen speziellen Video-Block um.

Alternativ können Sie einen Video-Block hinzufügen oder ein Video direkt in Ihre WordPress-Mediathek hochladen.

Wählen Sie als Nächstes den Block Video aus und klicken Sie dann auf die Option 'Ausrichtung ändern'. Im Dropdown-Menü können Sie die Position des Videos auswählen.

WordPress bietet Ihnen die folgenden Ausrichtungen, die jeweils einen anderen Zweck für die Anzeige Ihres Videos erfüllen:

• Breite Breite: Erweitert das Video über die Hauptinhaltsspalte hinaus, aber nicht bis zum Rand des Bildschirms. Diese Option erfordert die Unterstützung Ihres WordPress-Themes.
• Volle Breite: Dehnt das Video über die gesamte Breite des Browserfensters. Wie 'Breite Breite' hängt dies auch von der Unterstützung Ihres Themes ab.
• Links ausrichten: Positioniert das Video links im Inhaltsbereich. Dies ist die Standardausrichtung für viele Blöcke.
• Zentriert ausrichten: Platziert das Video genau in der Mitte des Inhaltsbereichs und schafft einen klaren Fokuspunkt. Dies ist die Option, auf die wir uns in dieser Anleitung konzentrieren!
• Rechts ausrichten: Positioniert das Video rechts im Inhaltsbereich.

Wählen Sie einfach die Option „Mitte“ aus.

Danach können Sie Ihre Seite oder Ihren Beitrag in der Vorschau anzeigen und veröffentlichen.

Das Video wird nun zentriert ausgerichtet.

Möglicherweise müssen Sie jedoch den vollständigen Einbettungscode verwenden, wenn Sie spezielle Wiedergabeoptionen hinzufügen möchten (z. B. das Video zu einer bestimmten Zeit starten lassen) oder wenn Sie eine Videoplattform verwenden, die WordPress nicht automatisch einbettet.

Wenn Sie bereits einen Video-Block (wie YouTube oder Vimeo) haben und benutzerdefinierten Code hinzufügen müssen, klicken Sie auf das Drei-Punkte-Symbol in der Block-Symbolleiste und wählen Sie 'Als HTML bearbeiten'.

Wenn Sie von einer Plattform einbetten, die WordPress nicht automatisch unterstützt, fügen Sie zuerst einen benutzerdefinierten HTML-Block hinzu und fügen Sie dann Ihren Einbettungscode ein.

Als Nächstes können Sie das folgende Stück HTML-Code um den Einbettungscode des Videos herum einfügen. Stellen Sie sicher, dass Sie ordnungsgemäße HTML-Kommentare verwenden und jeglichen Werbetext aus dem Codebeispiel selbst entfernen:

<div style="text-align:center;">

/// your video embed code goes here

</div>

So sieht Ihr Einbettungscode mit dem benutzerdefinierten HTML aus:

Sie können Ihre Änderungen jetzt speichern und die Beitrags- oder Seitenvorschau anzeigen, um Ihr Video perfekt zentriert zu sehen.

Ein anderer Ansatz ist, die Breite Ihres Videos manuell zu erhöhen, damit es in den Inhaltsbereich passt. Um dies zu erreichen, müssen Sie den Parameter 'width' in Ihrem Einbettungscode hinzufügen oder ändern:

<iframe width="760" height="315" src="https://www.youtube.com/embed/4YpyiJ05YOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Video im klassischen Editor zentriert ausrichten

Wenn Sie den Classic Editor verwenden, können Sie Videos zentrieren, indem Sie einen Beitrag bearbeiten oder einen neuen erstellen.

Sobald Sie sich im Editor befinden, wechseln Sie zur Textansicht. Geben Sie nun den folgenden HTML-Code ein:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Stellen Sie einfach sicher, dass Sie 'Ihr Video-Einbettungscode hier einfügen' durch den Einbettungscode Ihres Videos ersetzen.

Sobald das erledigt ist, sollte es ungefähr so aussehen:

Sie können Ihre Seite jetzt in der Vorschau anzeigen und veröffentlichen.

Besuchen Sie einfach Ihre Website, um das zentrierte Video zu sehen.

Häufig gestellte Fragen zum Zentrieren von Videos

Hier sind einige Fragen, die unsere Leser häufig zum Zentrieren von Videos in WordPress stellen:

Warum sehe ich die Optionen „Breite Ausrichtung“ und „Volle Breite“ nicht?

Die Optionen „Breite Ausrichtung“ und „Volle Breite“ sind Funktionen, die von Ihrem WordPress-Theme unterstützt werden müssen. Wenn Sie sie nicht in der Ausrichtungsleiste sehen, bedeutet dies, dass Ihr aktuelles Theme sie nicht aktiviert hat. Sie können weiterhin die Standardoption „Mitte ausrichten“ verwenden.

Beeinflusst das Zentrieren meines Videos, wie es auf Mobilgeräten aussieht?

Nein, das Zentrieren eines Videos mit den Standard-Tools des WordPress-Block-Editors ist vollständig responsiv. WordPress kümmert sich automatisch um die Skalierung, um sicherzustellen, dass Ihr Video auf kleineren Bildschirmen wie Tablets und Smartphones gut aussieht.

Kann ich ein Video zentrieren, das ich direkt in WordPress hochgeladen habe?

Ja. Der Vorgang ist für eingebettete Videos und Videos, die Sie direkt in Ihre Mediathek hochladen, genau derselbe. Wählen Sie einfach den Video-Block aus und verwenden Sie die Ausrichtungsleiste, um ihn zu zentrieren.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie man ein Video in WordPress zentriert. Möglicherweise möchten Sie auch unseren Leitfaden sehen, wie man Sonderzeichen in WordPress-Beiträgen hinzufügt und wichtige Tipps zur Verwendung von Shortcodes in WordPress.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.