Categories: Начинающим

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

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

Почему центрировать выравнивание видео в WordPress?

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

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

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

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

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

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

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

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

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

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

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

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

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

Мы надеемся, что эта статья помогла вам научиться выравнивать видео по центру в WordPress. Вы также можете посмотреть сравнение YouTube и Vimeo, чтобы узнать, какой из них лучше подходит для вашего сайта.

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

writer

Recent Posts

Плагин Delete Me для WordPress помогает владельцам веб-сайтов предоставить право на забвение GDPR

Поскольку до крайнего срока соблюдения GDPR ЕС осталось всего 178 дней , многие владельцы сайтов…

2 года ago

Команда Gutenberg наращивает юзабилити-тестирование в WordCamp US

Команда Gutenberg создаст станцию ​​тестирования удобства использования в WordCamp US, где посетители смогут принять участие…

2 года ago

Плагин распространителя теперь в бета-версии: новое решение для синдикации контента WordPress от 10up

Сегодня компания 10up опубликовала предварительную версию своего плагина Distributor , нового решения для синдикации контента…

2 года ago

Gutenberg 1.8 добавляет большую расширяемость для разработчиков плагинов

На этой неделе был выпущен Gutenberg 1.8 с несколькими заметными улучшениями, которые предоставят разработчикам плагинов…

2 года ago

Gutenberg 15.5 представляет экспериментальную поддержку разметки сетки

На этой неделе был выпущен Gutenberg 15.5 с новыми функциями и улучшениями возможностей полнофункционального редактирования…

2 года ago

DesktopServer 3.8.4 включает подарок сообществу

DesktopServer выпустил версию 3.8.4 своего программного обеспечения для локальной разработки. Эта версия включает в себя…

2 года ago