Плагин слайдера (Slider)
Плагин Slider добавляет на ваш веб-сайт динамичный интерактивный коврик (карусель) контента. Он легко настраивается, позволяя создавать красивые главные секции (hero-секции) для домашней или других страниц.
⚙️ Общие настройки
Поведение слайдера можно настроить глобально в панели настроек:
📍 Отображение и расположение
- Место отрисовки (Render Hook): Выберите, где появится слайдер (например,
HOME TOP— вверху главной страницы илиPAGE TOP— вверху обычной страницы). - Только для главной страницы: Возможность ограничить видимость слайдера только домашней страницей проекта.
🪄 Переходы и поведение
- Автоматическая прокрутка (Auto Slide): Включите автоматическую смену слайдов с настраиваемым Интервалом (в миллисекундах).
- Пауза при наведении: Временная остановка автопрокрутки, когда пользователь наводит курсор на слайдер.
- Эффекты перехода: Переключайтесь между анимациями Slide (сдвиг) или Fade (затухание).
- Зацикливание: Используйте настройки Wrap, чтобы включить бесконечную прокрутку слайдов по кругу.
🎨 Визуальное оформление
- Индикаторы и элементы управления: Включите или выключите отображение навигационных точек (индикаторов) и стрелок «назад/вперед».
- Стили подписей: Выбирайте фон для текста слайда:
SOLID(сплошной),GLASS(эффект матового стекла) илиGRADIENT(градиент). - Прозрачность и размытие: Настройте непрозрачность подписей и силу размытия фона (для эффекта Glass).
- Типографика: Настройте цвета для заголовков и подзаголовков, а также выберите соответствующий SEO-тег заголовка (
H1–H6).
🖼️ Элементы слайдера (Slider Items)
Каждым слайдом в карусели можно управлять индивидуально с помощью следующих полей:
- Изображение: Загрузка качественных изображений (поддерживаются PNG, JPEG, GIF, WEBP размером до 5 МБ).
- Заголовок и подзаголовок: Текстовый контент, отображаемый поверх изображения.
- Ссылка (URL): Превратите слайд в кликабельный элемент с призывом к действию.
- Новая вкладка: Выберите, должна ли ссылка открываться на той же странице или в новой вкладке браузера.
- Сортировка перетаскиванием: Легко меняйте порядок слайдов, перетаскивая строки в таблице управления.
🛡️ Необходимые права доступа
Для управления слайдером у пользователей должно быть следующее право доступа: pano.plugin.pano-plugin-slider.manage.slider
📖 Открытый исходный код
Этот плагин имеет открытый исходный код и лицензируется под GPLv3. Вы можете получить доступ к исходному коду на GitHub:
🔧 Настройка
- Включите плагин в панели администратора Pano.
- Перейдите в раздел Панель → Вид → Слайдер.
- Сначала настройте Общие настройки.
- Добавьте свои Элементы слайдера и расположите их в нужном порядке!