Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

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

Як створити слайдер у редакторі блоків за допомогою Smart Slider 3

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

Плагін 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Для слайдера ми використовували готовий шаблон, а результат як і попередньому випадку, коли створювали з нуля. Тепер у вас є два варіанти створення слайдерів на сайті WordPress.

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

Джерело: www.cssigniter.com

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 0

Додати коментар або відгук