Вам потрібно вирівняти відео в Вордпрес по центру? Якщо ширина відео, що вставляється менше, ніж область запису, вордпрес за замовчуванням вирівнює його зліва. А справа залишається вільне місце, тим самим створюється візуальний перекіс контенту. Ми покажемо вам, як вирівняти відео по центру сторінки WordPress трьома способами.
Чому відео у WordPress вирівнюється по лівому краю?
За алгоритмом роботи WordPress при вбудовуванні відео в запис або статтю воно автоматично вирівнюється вліво. Це пов'язано з тим, що відео – це зовнішній об'єкт, що вбудовується у контент сайту. Тому WordPress не хоче і не може вгадувати, як ви бажаєте його відображати. І, не вдаючись у подробиці, він автоматично вирівнює його лівим краєм. Залишаючи можливість основного форматування вам, щоб у разі потреби ви налаштували параметри вирівнювання.
Ми не рекомендуємо завантажувати відео безпосередньо в WordPress, але подібне вирівнювання по лівому краю відбувається і із завантаженими за посиланням відео, якщо їх ширина менша за вашу область вмісту.
Давайте подивимося, як легко центрувати вирівнювання відео в WordPress або зробити його ширшим, щоб воно виглядало природно на вашій сторінці контенту.
Як вирівняти відео по центру у вордпрес
Спосіб 1. Якщо ви хочете, щоб ваше відео заповнювало всю ширину області вмісту, найкращий спосіб зробити це – додати URL-адресу YouTube або Vimeo відео безпосередньо до редактора замість використання коду для вбудовування.
Довідка: код для вбудовування можна отримати на YouTube або Vimeo, клацнувши правою клавішею миші на вибране відео. Але в нашому випадку краще не використовувати цей код.
Після введення URL-адреси відео в редакторі сторінки або запису WordPress автоматично намагається відобразити відео, яке відповідає вашій області вмісту.
Однак з різних причин вам знадобиться використовувати код для вбудовування відео. У цьому випадку потрібно додати простий HTML-код для коду вбудовування відео.
Для цього спочатку потрібно перейти на текстовий редактор на екрані редагування постів, натиснувши крайню праворуч кнопку «Текст» (вихід із цього режиму — кнопка «Візуально»). Після цього потрібно додати наступний код HTML у свій код для вбудовування відео:
<div style="text-align:center;"> /// your video embed code goes here </div>
Тепер ви можете зберегти зміни та переглянути запис або сторінку. Ваше відео акуратно вирівняне в центрі області вмісту. Однак на широких екранах відео, які не відкориговані по ширині, можуть виглядати не красиво і навіть дрібно.
Дивіться також:
Трапляються ситуації, коли потрібно приховати медіофайли бібліотеки від інших авторів вашого сайту. Ми розповімо докладно, як приховати відео та зображення у wordpress .
Спосіб 2. Він полягає в тому, щоб збільшити ширину відео вручну. Тоді відео точно відповідатиме області вмісту. Для цього потрібно додати або змінити параметр «width» у коді для вбудовування.
<iframe width="760" height="315" src="https://www.youtube.com/embed/4YpyiJ05YOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
Спосіб 3. Якщо ви завантажуєте відео безпосередньо в WordPress, можна збільшити ширину за допомогою короткого коду відео.
Після того, як ви додали своє відео за допомогою завантажувача за промовчанням, перейдіть до редактора «Текст» і збільште параметр ширини в короткому коді відео.
Не забувайте, що змінивши ширину відео, потрібно пропорційно змінити і висоту: параметр height. Інакше при збільшенні ширини можна отримати витягнуте по горизонталі відео з спотвореним зображенням.
Дивіться також:
Як вставити відео з Facebook у WordPress та поставити його на авто-запуск.
Сподіваємося, що стаття допомогла вам дізнатися про нові способи вирівнювання по центру відео в WordPress.
Джерело: wpbeginner.com
Коментарі до запису: 0