Руководство для начинающих: Как центрировать видео в WordPress!

Вы хотите центрировать видео в WordPress? По умолчанию, если ширина вашего видео меньше, чем площадь вашей статьи, то WordPress автоматически выравнивает его слева, оставляя дополнительное пустое пространство на правой стороне. В этой статье мы покажем вам, как легко центрировать видео в WordPress.

Зачем центрировать видео в WordPress?

По умолчанию, когда вы вставляете видео в WordPress, оно автоматически выравнивается влево. Это связано с тем, что видео-это внешний контент, встроенный в контент, поэтому WordPress не может угадать, как вы хотите его отобразить.

Как правило, он автоматически выравнивает его влево. Оставляя на ваше усмотрение, тем самым вы можете отрегулировать выравнивание, если это необходимо.

Я не рекомендую загружать видео непосредственно на WordPress, то же самое произойдет с загруженными видео, если их ширина меньше, чем ваша область контента.

Тем не менее, давайте посмотрим, как вы можете легко центрировать видео в WordPress или сделать его шире, чтобы оно хорошо смотрелось в вашей статье.

Как центрировать видео в WordPress?

Если вы хотите, чтобы ваше видео заполнило всю ширину области контента, то лучший способ это-добавить URL-адрес с YouTube или Vimeo видео непосредственно в Редакторе сообщений вместо использования кода вставки.

Просто введя URL, WordPress автоматически пытается отобразить видео, которое соответствует вашей области контента.

Однако иногда по той или иной причине вам может потребоваться использовать код встраивания. В этом случае вам нужно будет добавить простой HTML вокруг кода вставки вашего видео.

Во-первых, вам нужно переключиться в текстовый редактор на экране редактирования сообщения. После этого вам нужно добавить следующий HTML-код вокруг вашего кода вставки видео

<div style=" text-align: center;">
 
/// ваш код для вставки видео идет сюда
 
</div>

Теперь вы можете сохранить изменения и просмотреть сообщение или страницу. Ваше видео будет аккуратно выровнено по центру области содержимого.

Другой подход заключается в том, чтобы увеличить ширину видео вручную, чтобы соответствовать области содержимого. Для этого вам просто нужно добавить или изменить параметр “width»в вашем коде встраивания.
Один

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

Если вы загружаете видео непосредственно в WordPress, то вы можете увеличить ширину с помощью видео-шорткода.

После вставки видео с помощью загрузчика мультимедиа по умолчанию переключитесь в текстовый редактор и увеличьте параметр width в шорткоде видео.

Если вам понравилась эта статья, то, пожалуйста, оставляйте ваши комментарии. Вы также можете найти нас в Контакте и Facebook.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *