loader image

Radiboxes Server machen WordPress Websites bis zu 4x schneller - ohne zusätzliche Optimierung. Raidboxes migriert deine Website und du kannst selbst vergleichen. Wenn du zufrieden bist, wähle einfach das passende Paket in deren Preistabelle.

4.97

Sehr gut

trustedshops.de

Autor

duckducknews

Anleitung für Anfänger: Wie man ein Video in WordPress mittig ausrichtet

Möchten Sie ein Video in WordPress mittig ausrichten?

Wenn die Breite Ihres Videos geringer ist als der Artikelbereich, wird es von WordPress automatisch links ausgerichtet, so dass auf der rechten Seite zusätzlicher weißer Raum bleibt.

In diesem Artikel zeigen wir Ihnen, wie Sie ein Video in WordPress ganz einfach mittig ausrichten können.

How to center align a video in WordPress

Warum Videos in WordPress mittig ausrichten?

Wenn Sieein Video in WordPress einbettenwerden sie automatisch links ausgerichtet. Das liegt daran, dass Videos externe Inhalte sind, die in den Inhalt eingebettet sind, sodass WordPress nicht erraten kann, wie Sie sie anzeigen möchten.

In der Regel wird sie automatisch links ausgerichtet, so dass Sie die Ausrichtung bei Bedarf anpassen können.

Wenn Sie das Video in der Mitte ausrichten, können die Nutzer Ihre Inhalte besser sehen. Auf diese Weise haben Sie keinen auffälligen Leerraum auf einer Seite der Seite, der unprofessionell wirken könnte.

Außerdem, wenn SieVideos direkt in WordPress hochladenDas Gleiche passiert mit ihnen, wenn ihre Breite geringer ist als der Inhaltsbereich. WordPress wird sie standardmäßig nach links ausrichten.

Sehen wir uns also an, wie Sie ein Video in einer Datei einfach zentrieren könnenWordPress-Website. Wir werden sowohl den Block-Editor als auch den klassischen Editor behandeln. Sie können also auf die Links unten klicken, um zu einem beliebigen Abschnitt zu springen.

Wie man ein Video im WordPress Content Editor zentriert

Wenn Sie möchten, dass Ihr Video die Breite Ihres Inhaltsbereichs ausfüllt, fügen Sie am besten eine YouTube- oderVimeo Video-URL direkt in derWordPress-Inhaltseditor.

Zunächst müssen Sie einen Beitrag oder eine Seite bearbeiten oder einen neuen Beitrag hinzufügen. Sobald Sie sich im Inhaltseditor befinden, fügen Sie einfach den Link zum Video ein. WordPress wird das Video automatisch einbetten.

Paste video embed code in block editor

Wählen Sie dann den Videoblock aus und klicken Sie auf die SchaltflächeAusrichtung ändern Option. Im Dropdown-Menü können Sie die Position des Videos auswählen.

In WordPress können Sie zwischen den folgenden Ausrichtungen wählen:

  • große Breite
  • volle Breite
  • links ausrichten
  • Zentrum ausrichten
  • rechts ausrichten.

Wählen Sie nun die Option „Zentriert ausrichten“.

Align the video to the center

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

Das Video wird nun mittig ausgerichtet.

Center aligned video preview

Manchmal müssen Sie jedoch aus dem einen oder anderen Grund den Einbettungscode verwenden. In diesem Fall müssen Sie etwas einfaches HTML um den Einbettungscode Ihres Videos hinzufügen.

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

Edit as HTML

Als Nächstes können Sie den folgenden Text eingebenHTML-Code um den Einbettungscode des Videos:

<

So würde Ihr Einbettungscode mit dem benutzerdefinierten HTML aussehen.

Preview of custom HTML code

Sie können nun Ihre Änderungen speichern und eine Vorschau des Beitrags oder der Seite anzeigen. Ihr Video wird sauber in der Mitte des Inhaltsbereichs ausgerichtet.

Eine andere Möglichkeit besteht darin, die Breite Ihres Videos manuell zu vergrößern, damit es in den Inhaltsbereich passt. Dazu müssen Sie den Parameter „width“ in Ihrem Einbettungscode hinzufügen oder ändern.

<

Ausrichten von Videos im klassischen Editor

Wenn Sie den klassischen Editor verwenden, können Sie Videos zentriert ausrichten, indem Sie einen Beitrag bearbeiten oder einen neuen Beitrag erstellen.

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

<

Ersetzen Sie einfach „Ihr Videoeinbettungscode geht hier hin“ durch den Einbettungscode Ihres Videos.

Wenn das erledigt ist, sieht es ungefähr so aus:

Center align videos in classic editor

Sie können nun eine Vorschau anzeigen und Ihre Seite veröffentlichen.

Center aligned video classic editor preview

Die beliebtesten Beiträge

Wie man den ungültigen JSON-Fehler in WordPress behebt (Anleitung für Anfänger)

Versuchen Sie, den ungültigen JSON-Fehler in WordPress zu beheben? Dieser Fehler tritt auf, wenn Sie WordPress-Beiträge oder -Seiten auf Ihrer Website bearbeiten. Sie erhalten die Meldung "Die Antwort ist keine gültige JSON-Antwort" und die Aktualisierung der Seite schlägt fehl. In diesem Artikel zeigen wir Ihnen, wie Sie den ungültigen JSON-Fehler ...

So beheben Sie den Fehler „Verbindung ist nicht privat“ (Anleitung für Website-Besitzer)

Sehen Sie die Fehlermeldung "Ihre Verbindung ist nicht privat" auf Ihrer WordPress-Website? Dies ist die Fehlermeldung, die Sie in Google Chrome sehen. Der gleiche Fehler wird auf allen modernen Browsern mit leicht unterschiedlichen Meldungen angezeigt und kann für Anfänger bei der Fehlerbehebung etwas verwirrend sein. In dieser Anleitung für Website-Besitzer ...

Wie man eine Seite in voller Breite in WordPress erstellt (Anleitung für Anfänger)

Möchten Sie eine Seite in voller Breite in WordPress erstellen, so dass Sie Ihren Inhalt über den Bildschirm strecken können? Die meisten WordPress-Themes verfügen bereits über eine integrierte Vorlage für eine Seite in voller Breite, die Sie verwenden können. Wenn Ihr Theme jedoch keine hat, dann ist es einfach, sie ...
DSGVO Cookie-Einwilligung mit Real Cookie Banner