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 kämpfen, insbesondere 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 links aus. Dies ist eine sichere Wahl, da der Editor Ihr bevorzugtes Layout für jede Seite nicht erraten kann.

Wenn ein Video jedoch linksbündig bleibt, entstehen oft unschöne weiße Flächen und das Design kann unausgewogen wirken. Ein zentriertes Video hingegen schafft einen klaren Fokuspunkt für die Aufmerksamkeit Ihres Besuchers.

Das Zentrieren Ihres Videos hilft, das Auge des Benutzers zu lenken und bietet ein viel besseres Seherlebnis.

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
• Video im klassischen Editor zentriert ausrichten
• Häufig gestellte Fragen zum Zentrieren von Videos

Wie man Videos im WordPress-Inhaltseditor zentriert

Wenn Sie möchten, dass Ihr Video die Breite Ihres Inhaltsbereichs ausfüllt, dann ist der beste Weg, dies zu tun, indem Sie eine YouTube- oder Vimeo-Video-URL direkt in den WordPress-Inhaltseditor einfügen.

Zuerst müssen Sie einen Beitrag oder eine Seite bearbeiten oder eine neue hinzufügen. Sobald Sie sich im Inhaltseditor befinden, fügen Sie einfach den Link zum Video ein. WordPress bettet das Video automatisch ein.

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 lässt Sie aus den folgenden Ausrichtungen wählen:

• Breite Breite
• Vollbreite
• Links ausrichten
• Zentriert ausrichten
• Rechts ausrichten

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.

In diesem Fall müssen Sie etwas einfaches HTML um den Einbettungscode Ihres Videos hinzufügen.

Zuerst müssen Sie auf die 3 gepunkteten Symbole im Videoblock klicken. Danach können Sie aus dem Dropdown-Menü die Option 'Als HTML bearbeiten' auswählen.

Als Nächstes können Sie das folgende Stück HTML-Code um den Einbettungscode des Videos einfügen:

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

/// your video embed code goes here

</div>

So wird Ihr Einbettungscode mit dem benutzerdefinierten HTML aussehen.

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 ausrichtet. Möglicherweise möchten Sie auch unseren Leitfaden zum Hinzufügen von Sonderzeichen in WordPress-Beiträgen und wichtige Tipps zur Verwendung von Shortcodes in WordPress lesen.

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.