Bei der Erstellung eines Blogbeitrags werden viele Überlegungen angestellt: Der Inhalt ist nur der Anfang. Sie müssen auch an andere Medieninhalte als Text denken, wenn Sie sie einbinden möchten – und medienreiche Inhalte sind heutzutage so ziemlich die Norm. Textwände sind abstoßend: Best Practices im Website-Design schreiben vor, dass Text mit Bildern durchsetzt werden sollte. Aber was ist mit bewegten Bildern?
Wenn Sie jemals versucht haben, einen Text mit Bildern oder anderen eingebetteten Inhalten zu formatieren, wissen Sie, wie schwierig dies sein kann Bringen Sie alle verschiedenen Elemente dazu, sich so zu verhalten, wie Sie es möchten. Und WordPress, so vielseitig es auch ist, hat einige Einschränkungen. Glücklicherweise gibt es auch eine Vielzahl hilfreicher Formatierungsoptionen, unabhängig davon, welchen Editor Sie verwenden. Bevor wir jedoch auf die Vorgehensweise eingehen, möchten wir die Gründe besprechen, warum Sie sich überhaupt die Mühe machen sollten, ein Video in WordPress zu zentrieren.
Das werden wir diskutieren:
Dein Inhalt mag erstklassig sein, aber wenn er erscheint auf den ersten Blick unprofessionell, Ihre Besucher werden abgeschreckt, manche möglicherweise sogar bevor sie sich darauf einlassen. Und Sie wollen keine hohe Absprungrate oder eine schlechte Benutzererfahrung, oder?
Wenn Sie ein Video in Ihren Inhalt einbetten und das Video weniger breit ist als der Ihrem Inhalt zugewiesene Platz, richtet WordPress es manchmal standardmäßig links aus und lässt ungenutzte Leerzeichen zur rechten Seite. Das sieht aus nicht rein ästhetischen Gründen nicht gut aus: Das lässt Ihre Website schlampig, amateurhaft und schlecht präsentiert aussehen. Das Zentrieren eines Videos hingegen lässt Ihre Website zumindest durchdacht aussehen. Eine große Leerstelle ist im Grunde das einzige, was Sie vermeiden sollten.
Der Standard-Editor von WordPress macht das Zentrieren eines Videos wirklich einfach: Sie können dies mit einem einzigen Klick tun.
Um ein Video hinzuzufügen, klicken Sie einfach auf das Plus unterschreiben, um einen Block hinzuzufügen und einen Videoblock auszuwählen.
Der Gutenberg-Videoblock hat mehrere mögliche Videoquellen. Sie können Hochladen ein Video in deine Mediathek, verwende ein Video bereits in deiner Medienbibliothek, oder Von URL einfügen. Wir werden auswählen Von URL einfügen, fügen Sie die URL ein und klicken Sie auf Sich bewerben.
Sobald Ihr Video eingebettet ist, sollte es standardmäßig zentriert sein. Um sicherzugehen, klicken Sie auf das Ausrichtung ändern Dropdown-Menü und wählen Sie Im Zentrum anordnen.
Und Ihr Video wird jetzt zentriert. Beachten Sie, dass andere Ausrichtungen verfügbar sind und andere Formatierungsergebnisse liefern. Eine Links- oder Rechtsausrichtung ermöglicht auch einen Textumbruch um das Video, sodass keine unansehnlichen Leerstellen entstehen.
Sie können Videos auch mit einem HTML-Block anstelle eines Videoblocks einbetten, falls Sie mehr Parameter zum Spielen benötigen. Klicken Sie dazu auf das Plus unterschreiben Sie, um einen Block hinzuzufügen, und wählen Sie die Benutzerdefinierter HTML-Code Block.
Der Code, den Sie einfügen müssen, um ein Video einzubetten, ist dieser:
<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"> URL </div></figure>
Natürlich müssen Sie die Buchstaben URL im obigen Code durch die URL des Videos ersetzen, das Sie einbetten möchten. Dieser Code funktioniert auch nur für YouTube-Videos.
Diese Codemethode sollte auch standardmäßig zu einem zentrierten Video führen. Ist dies nicht der Fall, müssen Sie den folgenden Parameter hinzufügen:
style="text-align: center;"
zum ersten div markieren, wie so:
Natürlich können Sie Gutenberg aus irgendeinem Grund deaktivieren. In diesem Fall verwenden Sie wahrscheinlich den Classic-Editor. Das ist in Ordnung – Sie können auch die Klassischer Editor um Ihre Videos zu zentrieren.
Beginnend im Visuell -Modus können Sie einfach ein Video einbetten, indem Sie den Link einfügen. Wir werden unsere URL zwischen den Absätzen quetschen.
Ihr Video wird automatisch eingebettet.
Um ein Video zu zentrieren, musst du einen Beitrag oder eine Seite bearbeiten Text Modus.
Einmal in Text -Modus suchen Sie Ihr eingebettetes Video. Sie sollten die URL erkennen können.
Um Ihr Video zu zentrieren, fügen Sie diesen Code über der Video-URL hinzu:
<div style="text-align: center;">
Und das unten:
</div>
Und Ihr Video wird in der veröffentlichten Version des Beitrags zentriert. Sie können Ihren Code bei der Arbeit sehen, wenn Sie einen Blick auf die werfen Visuell Registerkarte Ihres Editors.
Und selbst wenn Sie aus irgendeinem Grund Code zum Einbetten von Videos verwenden, sollte das Einfügen der div-Tags über und unter Ihrem Einbettungscode weiterhin funktionieren.
Das Zentrieren eines Videos mit Elementor ist, wie in Gutenberg, größtenteils eine Standardfunktion. Um ein Video hinzuzufügen, ziehen Sie einfach a Video -Element aus dem Menü auf der linken Seite dorthin, wo Sie es im Beitrag haben möchten.
Sobald Sie das Element installiert haben, fügen Sie die Video-URL in das Verknüpfung Bereich.
Ihr Video sollte standardmäßig zentriert sein. Wenn dies nicht der Fall ist, finden Sie die Ausrichtungssteuerungen im Spalte bearbeiten Menü Ihres neuen Videobereichs.
Die vertikale und horizontale Ausrichtung kann im geändert werden Layout Tab.
Abschließend
Und ganz einfach, wir haben gezeigt, dass es mehrere Möglichkeiten gibt, ein Video in WordPress zu zentrieren, und alle Unterschiede sind hauptsächlich auf den verwendeten Editor zurückzuführen. Dies berührt natürlich nur die Formatierung in WordPress. Aber natürlich gibt es viele andere Optionen (z. B. die Verwendung von Spalten zur Formatierung), die sich darauf auswirken können, wie eingebettete Videos Ihren Benutzern präsentiert werden. Wir empfehlen Ihnen dringend, zu erkunden.
Unterstützen Sie unsere Arbeit ❤️
Wenn Ihnen dieser Artikel gefallen hat, können Sie uns mit einem Trinkgeld unterstützen, damit wir weiterhin großartige Inhalte veröffentlichen können.
