Слайд-шоу – ефективний інструмент, який допоможе вам привернути увагу відвідувачів та просувати контент, продукти чи послуги. У цій статті ми створимо слайд-шоу, що настроюється, і вбудуємо його в контент нашого посту за допомогою плагіна Smart Slider 3.
Плагін Smart Slider 3
Smart Slider 3 – це функціональний безкоштовний плагін для створення слайд-шоу WordPress. З його допомогою можна створювати слайд-шоу, оптимізовані для мобільних пристроїв та пошукових систем. Плагін пропонує готові шаблони слайдів, динамічні слайди, підтримку компонувальника сторінок, керування шрифтами та багато іншого.Установка плагіна
Smart Slider 3 доступний у каталозі плагінів WordPress. Щоб встановити його, перейдіть до «Плагіни» > «Додати», знайдіть «Smart Slider» та натисніть кнопку «Встановити». Після завершення встановлення натисніть «Активувати», щоб увімкнути.
Після активації параметри плагіна будуть доступні на вкладці Smart Slider на панелі інструментів WordPress
Вкладка вітання пропонує коротке відео з початковими підказками, а також дає доступ до сторінки глобальних опцій плагіна.
На сторінці налаштувань плагіна ви можете керувати різними опціями:
- автоматичною перевіркою оновлень,
- включати режим підвищеної конфіденційності для вбудовування YouTube,
- налаштовувати мобільні точки зупинки,
- змінювати використовувані шрифти,
- змінювати стиль за промовчанням для заголовків шарів, тексту, кнопок,
- і багато іншого.
Після того, як ви закінчите налаштування, повертайтеся на панель інструментів і починайте роботу, натиснувши кнопку нового проекту.
Дивіться також:
Добірку найкращих плагінів для Zoom: додайте зустріч Zoom у WordPress
Створіть свій слайдер
Вам буде запропоновано вибрати між запуском з нуля або вибором одного із попередньо створених шаблонів як основу для вашого слайдера.
Створимо зовсім новий.
Перший екран нового проекту дозволить вибрати тип проекту, який хочете створити. Тут потрібно назвати слайдер і встановити його розмір і макет. Для початку натисніть "Створити".
Настав час додати кілька зображень до нашого слайдера. Натисніть кнопку додавання слайда та виберіть зображення як джерело слайда. Якщо ви хочете створювати динамічні слайдери або на основі записів, це робиться також тут.
Далі скористайтеся знайомим інтерфейсом медіа-менеджера WordPress для додавання зображень.
Після додавання зображень ви можете пройти через налаштування слайдера, щоб адаптувати його до конкретних потреб.
Використовуючи налаштування слайдера, можна налаштувати розмір, елементи керування, анімацію, переключити автовідтворення та налаштувати його таймінги, оптимізувати зображення шляхом їх стиснення та багато іншого. Після налаштування слайдера відповідно до ваших потреб, його потрібно зберегти та можна використовувати.
Шаблони слайдерів
Якщо ви бажаєте використовувати готовий шаблон, виберіть «Почати з шаблону» у вікні нового проекту. З'явиться вибір готових макетів слайдерів, деякі з яких є безкоштовними. Виберіть потрібну і використовуйте його як відправну точку.
Решта конфігурації така сама, якби ви починали з нуля. Однак, якщо ви використовуєте шаблон, швидше за все, вам не доведеться поводитися з налаштуваннями повзунка, оскільки вони будуть встановлені творцями шаблону.
Блок Smart Slider 3
Додати створений вами слайдер в контент досить просто за допомогою вбудованого блоку, що настроюється.
Щоб використовувати його, знайдіть елемент у селекторі блоків та клацніть блок Smart Slider 3.
Після додавання блоку натисніть кнопку вибору слайдера і виберіть свій зі спливаючого вікна.
Натисніть «Вставити», щоб додати слайдер до вмісту.
Ось і все, слайдер додано до вашого контенту. Завершіть свій пост, опублікуйте його та давайте перевіримо!
слайдер
Базові блоки не пропонують жодних способів створення та використання слайд-шоу, тому в таких випадках можуть стати в нагоді сторонні плагіни з їх настроюваними блоками, дозволяючи швидко і легко створювати красиві та захоплюючі слайд-шоу для нашого контенту.
Джерело: www.cssigniter.com
Коментарі до запису: 0