Хотите добавить видео в свои записи в блоге WordPress? Видео оживляют ваш сайт, и они являются отличным способом повысить заинтересованность пользователей.
WordPress позволяет очень просто вставлять видео с таких сайтов, как YouTube, Vimeo, Facebook, Twitter и многих других.
В этом руководстве для начинающих мы покажем, как легко вставлять видео в записи блога, страницы и виджеты боковой панели WordPress.^
WordPress поставляется с отличной функцией, которая называется auto-embeds, которая позволяет вашему веб-сайту автоматически получать код для встраивания из популярных видеохостингов, таких как YouTube, Vimeo и т. Д.
Все, что вам нужно сделать, это вставить URL видео в редактор WordPress.
Например, вы можете скопировать URL YouTube для видео, которое вы хотите встроить.
Затем отредактируйте запись или страницу WordPress, где вы хотите добавить видео, и просто вставьте URL-адрес в область содержимого.(это видео)
Как только вы вставите URL-адрес видео, WordPress загрузит код для вставки и отобразит видео YouTube в редакторе контента.
Теперь вы можете сохранить свое сообщение и нажать на кнопку предварительного просмотра, чтобы увидеть встроенное видео в своем блоге.(это видео)
Разве не так просто?
После добавления видео вы можете изменить его настройки на панели инструментов блока и в столбце настроек справа.(это видео)
Вы можете настроить ширину видео, сделать его полноразмерным, изменить выравнивание и многое другое. Вы также можете добавить подпись и сохранить соотношение сторон видео на мобильных устройствах.
WordPress может выполнять автоматическое встраивание только для видеоуслуг, занесенных в белый список. Для других веб-сайтов вам все равно придется получить код для встраивания, а затем вставить его в свои записи в блоге.
Вот список белых видео сервисов для автоматического встраивания в WordPress:
Амазонка
Animoto
Cloudup
CollegeHumor
Crowdsignal
Dailymotion
facebook
Flickr
Hulu
Imgur
Instagram
Issuu
Kickstarter
Meetup.com
Mixcloud
Reddit
ReverbNation
Screencast
Скрибд
Slideshare
SmugMug
Someecards
SoundCloud
Колода динамиков
Spotify
ТЕД
Tumblr
щебет
VideoPress
Vimeo
WordPress.tv
YouTube
Если вы хотите добавить видео с веб-сайта за пределами этого списка, вам потребуется полный HTML-код для встраивания видео.
Просто скопируйте код HTML, предоставленный веб-сайтом с видео, и вставьте его в блок «Пользовательский HTML» в редакторе.^
Если вы все еще используете старый классический редактор WordPress, то вы можете встроить видео таким же образом.
Просто скопируйте URL из видеохостинга, такого как YouTube, и вставьте его в редактор. Если вы используете визуальный редактор, то вы увидите предварительный просмотр видео.^
Однако вы не сможете использовать регулировку ширины и другие параметры, которые вы можете использовать в новом редакторе блоков WordPress.
Так же, как страница или пост WordPress, вы также можете вставлять видео в виджеты боковой панели WordPress.
Просто перейдите на страницу Внешний вид »Виджеты и добавьте виджет« Текст »на боковую панель. Смотрите нашу статью о том, как добавлять и использовать виджеты в WordPress.
В настройках виджета необходимо вставить URL видео в области содержимого. WordPress автоматически загрузит код для вставки и отобразит предварительный просмотр видео.^
Не забудьте нажать кнопку «Сохранить», чтобы сохранить настройки виджета.
Теперь вы можете посетить свой веб-сайт, чтобы увидеть видео, встроенное в виджет боковой панели WordPress.
Ну, вы можете, но мы не рекомендуем вам это делать.
Большинство небольших блогов используют общие учетные записи хостинга WordPress, а видео может занимать много ресурсов сервера. Если ваше видео получило тонны трафика, то ваш сайт, скорее всего, потерпит крах.
Во-вторых, вы пропускаете трафик пользователей YouTube.
YouTube является не только крупнейшим видеохостингом, но и второй по популярности поисковой системой в мире, а также второй по популярности социальной сетью сразу после Facebook.
Если вы не хотите загружать свои видео на YouTube, вы можете попробовать Vimeo или DailyMotion. Посмотрите сравнение YouTube и Vimeo, чтобы узнать, какая платформа лучше подходит для ваших нужд.
Чтобы узнать больше об этой теме, взгляните на нашу статью о том, почему вы никогда не должны загружать видео в WordPress.
По умолчанию вам не нужно использовать плагин для встраивания видео в WordPress. Тем не менее, вы можете использовать плагины для улучшения просмотра видео на вашем сайте.
Ниже приведены несколько плагинов, которые вы можете попробовать.
Панель подписки YouTube показывает кнопку подписки YouTube под вашими вставками видео YouTube в WordPress. Он также выбирает количество подписчиков на YouTube, чтобы добавить социальное подтверждение и побудить больше пользователей подписаться.
Сначала мы создали его для продвижения YouTube-канала WPTec на этом сайте. Многие из наших пользователей попросили нас рассказать, как мы это сделали, поэтому мы решили выпустить его как бесплатный плагин.
По умолчанию WordPress не имеет встроенной функции галереи видео. Если вы хотите показать видео-галерею на странице, вам понадобится плагин для этого.
Envira Gallery – один из лучших плагинов фотогалереи для WordPress. Он также поставляется с дополнением для видео, которое позволяет создавать красивые видео галереи с поддержкой всплывающих окон.
Видео встраивает сценарии загрузки с внешних веб-сайтов, что незначительно влияет на скорость загрузки страницы и ее производительность.
Lazy Load for Videos решает эту проблему, загружая видеоизображение только при загрузке страницы. Он загружает код для встраивания только тогда, когда пользователь нажимает кнопку воспроизведения. Смотрите наш учебник о том, как добавить ленивую загрузку для видео в WordPress.
Мы надеемся, что эта статья помогла вам научиться легко вставлять видео в записи блога WordPress. Вы также можете увидеть наш список плагинов WordPress для всех веб-сайтов.
Если вам понравилась эта статья, пожалуйста, подпишитесь на наш канал YouTube для видеоуроков WordPress. Вы также можете найти нас в Twitter и Facebook.
Поскольку до крайнего срока соблюдения GDPR ЕС осталось всего 178 дней , многие владельцы сайтов…
Команда Gutenberg создаст станцию тестирования удобства использования в WordCamp US, где посетители смогут принять участие…
Сегодня компания 10up опубликовала предварительную версию своего плагина Distributor , нового решения для синдикации контента…
На этой неделе был выпущен Gutenberg 1.8 с несколькими заметными улучшениями, которые предоставят разработчикам плагинов…
На этой неделе был выпущен Gutenberg 15.5 с новыми функциями и улучшениями возможностей полнофункционального редактирования…
DesktopServer выпустил версию 3.8.4 своего программного обеспечения для локальной разработки. Эта версия включает в себя…