Как создать слайдер в редакторе блоков с помощью Smart Slider 3

Слайд-шоу – эффективный инструмент, который поможет вам привлечь внимание посетителей и продвигать контент, продукты или услуги. В этой статье мы создадим настраиваемое слайд-шоу и встроим его в контент нашего поста с помощью плагина Smart Slider 3.

Как создать слайдер в редакторе блоков с помощью Smart Slider 3

Плагин Smart Slider 3

Smart Slider 3 – это многофункциональный бесплатный плагин для создания слайд-шоу WordPress. С его помощью можно создавать слайд-шоу, оптимизированные для мобильных устройств и для поисковых систем. Плагин предлагает готовые шаблоны слайдов, динамические слайды, поддержку компоновщика страниц, управление шрифтами и многое другое.

Установка плагина

Smart Slider 3 доступен в каталоге плагинов WordPress. Чтобы установить его, перейдите в «Плагины» > «Добавить», найдите «Smart Slider» и нажмите кнопку «Установить». После завершения установки нажмите «Активировать», чтобы его включить.

После активации параметры плагина будут доступны на вкладке Smart Slider на панели инструментов WordPress.

Как создать слайдер в редакторе блоков с помощью Smart Slider 3

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

Как создать слайдер в редакторе блоков с помощью Smart Slider 3

На странице настроек плагина вы можете управлять различными опциями:

  • автоматической проверкой обновлений,
  • включать режим повышенной конфиденциальности для встраивания YouTube,
  • настраивать мобильные точки останова,
  • изменять используемые шрифты,
  • изменять стиль по умолчанию для заголовков слоев, текста, кнопок,
  • и многое другое.

После того, как вы закончите с настройками, возвращайтесь на панель инструментов и начинайте работу, нажав кнопку нового проекта.

Как создать слайдер в редакторе блоков с помощью Smart Slider 3

Смотрите также:

Подборку лучших плагинов для Zoom: добавьте встречу Zoom в WordPress

Создайте свой слайдер

Как создать слайдер в редакторе блоков с помощью Smart Slider 3

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

Создадим совершенно новый.

Как создать слайдер в редакторе блоков с помощью Smart Slider 3

Первый экран нового проекта позволит выбрать тип проекта, который вы хотите создать. Здесь же нужно назвать слайдер и установить его размер и макет. Для начала нажмите “Создать”.

Как создать слайдер в редакторе блоков с помощью Smart Slider 3

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

Как создать слайдер в редакторе блоков с помощью Smart Slider 3

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

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

Как создать слайдер в редакторе блоков с помощью Smart Slider 3

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

Шаблоны слайдеров

Если вы хотите использовать готовый шаблон, выберите «Начать с шаблона» во всплывающем окне нового проекта. Появится выбор готовых макетов слайдеров, некоторые из которых бесплатные. Выберите понравившейся и используйте его как отправную точку.

Остальная часть конфигурации такая же, как если бы вы начинали с нуля. Однако, если вы используете шаблон, скорее всего, вам не придется возиться с настройками ползунка, поскольку они будут предустановлены создателями шаблона.

Как создать слайдер в редакторе блоков с помощью Smart Slider 3

Блок Smart Slider 3

Добавить созданный вами слайдер в контент довольно просто с помощью встроенного настраиваемого блока.

Как создать слайдер в редакторе блоков с помощью Smart Slider 3

Чтобы использовать его, найдите элемент в селекторе блоков и щелкните блок Smart Slider 3.

Как создать слайдер в редакторе блоков с помощью Smart Slider 3

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

Как создать слайдер в редакторе блоков с помощью Smart Slider 3

Нажмите «Вставить», чтобы добавить слайдер в контент.

Как создать слайдер в редакторе блоков с помощью Smart Slider 3

Вот и все, слайдер добавлен к вашему контенту. Завершите свой пост, опубликуйте его и давайте проверим!

Слайдер

Как создать слайдер в редакторе блоков с помощью Smart Slider 3Для слайдера мы использовали готовый шаблон, а результат как и в предыдущем случае, когда создавали с нуля. Теперь у вас есть 2 варианта создания слайдеров на сайте WordPress.

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

Алексей Шевченко
Алексей Шевченко
редактор wpcafe
Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Источник: hostenko.com/wpcafe

%d такие блоггеры, как: