• Facebook
  • LinkedIn
  • EN EN EN en
  • LV LV LV lv
  • RU RU RU ru
[email protected] | +371 29394520
Coma Web Development
  • Главная
  • Услуги
    • Разработка сайта-визитки
    • Разработка корпоративного сайта
    • Разработка интернет-магазина
    • Обслуживание сайтов на WordPress
    • LiteSpeed WordPress хостинг
    • Shared WordPress хостинг
  • Работы
    • Сайты-визитки
    • Корпоративные сайты
    • Интернет-магазины
  • О нас
    • Преимущества
    • Вакансии
  • Цены
  • FAQ
  • Отзывы
  • Контакты
  • Menu Menu
video-marketing

Как сделать ваши видео в WordPress респонсивными с FitVids

Sep 14, 2016/1 Comment/in WordPress, Плагины /by Vadim Pavlovich

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

WordPress

FitVids это плагин jQuery, который позволяет вам сделать ваши встроенные видео более респонсивными. Если вы хотите использовать их на своём сайте, то вам нужно скачать и активировать плагин FitVids for WordPress. После активации, вам нужно перейти в Appearance » FitVids и ввести класс селектора CSS. WordPress автоматически добавит класс .post к статьям, и вы можете использовать это.

WordPress

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

Делаем видео отзывчивыми вручную

Если вы не хотите устанавливать FitVids для WordPress, то вы можете добавить этот плагин вручную. Первым делом вам надо скачать и распаковать FitVids jQuery плагин на свой компьютер. Теперь вам надо загрузить извлечённую папку FitVids.js-master в директорию темы js.

Вам нужно подсоединиться к сайту через FTP клиент, например Filezilla и открыть директорию вашей темы. Возможно, что ваша тема не имеет папки js. Если её нету, то нужно создать её и загрузить папку FitVids.js-master с вашего компьютера.

Внутри папки js, вы должны создать новый файл и назвать FitVids.js. Откройте этот файл и вставьте код:

(function($) {
  $(document).ready(function(){
    // Target your .container, .wrapper, .post, etc.
    $(".post").fitVids();
  });
  
  })(jQuery);

Этот код сообщает FitVids искать селектор класса CSS  .post . Теперь FitVids готово и настало время правильно вставить скрипты в вашу тему.

Просто скопируйте и вставьте следующий код в файл темы functions.php:

wp_enqueue_script('fitvids', get_template_directory_uri() . '/js/FitVids.js-master/jquery.fitvids.js', array('jquery'), '', TRUE); 

wp_enqueue_script('fitvids-xtra', get_template_directory_uri() . '/js/FitVids.js', array(), '', TRUE);

Как только вы сделаете это, вы закончили дело. Ваши видео в WordPress теперь респонсивны.


Наша специальность – разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации – [email protected], +371 29394520


Поделиться публикацией
  • Share on Facebook
  • Share on Twitter
  • Share on WhatsApp
  • Share on LinkedIn
  • Share on Vk
  • Share by Mail

Search

Новые работы в портфолио

  • Lofoten Dyreklinikk 1Lofoten DyreklinikkMar 18, 2021 - 12:36
  • My Fruits 2My FruitsJan 28, 2021 - 19:59
  • The Raven 3The RavenJan 15, 2021 - 19:05
  • Skyn 4SkynDec 22, 2020 - 17:11
  • Tetra Hemp Company 5Tetra Hemp CompanyDec 22, 2020 - 17:07

О нас

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

Каждый проект планируется, оценивается, разрабатывается и поддерживается индивидуально.

Контакты

Мы полностью удалённая команда. Своей базой мы считаем Ригу и можем при необходимости встретиться с вами.

+371 29394520
[email protected]

SIA YUVA
Reģ. Nr.: 42403034996
PVN reģ. Nr.: LV42403034996
Банк: A/S Swedbank
Счёт: LV16HABA0551038070386

Навигация

  • Главная
  • Услуги
    • Разработка сайта-визитки
    • Разработка корпоративного сайта
    • Разработка интернет-магазина
  • О нас
  • FAQ
  • Отзывы
  • Блог
  • Контакты
Developed in coma.lv (естественно). Работаем с 2010 года.
  • Facebook
  • LinkedIn
Scroll to top