Skip to content

Плагин слайдера (Slider)

Плагин Slider добавляет на ваш веб-сайт динамичный интерактивный коврик (карусель) контента. Он легко настраивается, позволяя создавать красивые главные секции (hero-секции) для домашней или других страниц.

⚙️ Общие настройки

Поведение слайдера можно настроить глобально в панели настроек:

📍 Отображение и расположение

  • Место отрисовки (Render Hook): Выберите, где появится слайдер (например, HOME TOP — вверху главной страницы или PAGE TOP — вверху обычной страницы).
  • Только для главной страницы: Возможность ограничить видимость слайдера только домашней страницей проекта.

🪄 Переходы и поведение

  • Автоматическая прокрутка (Auto Slide): Включите автоматическую смену слайдов с настраиваемым Интервалом (в миллисекундах).
  • Пауза при наведении: Временная остановка автопрокрутки, когда пользователь наводит курсор на слайдер.
  • Эффекты перехода: Переключайтесь между анимациями Slide (сдвиг) или Fade (затухание).
  • Зацикливание: Используйте настройки Wrap, чтобы включить бесконечную прокрутку слайдов по кругу.

🎨 Визуальное оформление

  • Индикаторы и элементы управления: Включите или выключите отображение навигационных точек (индикаторов) и стрелок «назад/вперед».
  • Стили подписей: Выбирайте фон для текста слайда: SOLID (сплошной), GLASS (эффект матового стекла) или GRADIENT (градиент).
  • Прозрачность и размытие: Настройте непрозрачность подписей и силу размытия фона (для эффекта Glass).
  • Типографика: Настройте цвета для заголовков и подзаголовков, а также выберите соответствующий SEO-тег заголовка (H1H6).

🖼️ Элементы слайдера (Slider Items)

Каждым слайдом в карусели можно управлять индивидуально с помощью следующих полей:

  • Изображение: Загрузка качественных изображений (поддерживаются PNG, JPEG, GIF, WEBP размером до 5 МБ).
  • Заголовок и подзаголовок: Текстовый контент, отображаемый поверх изображения.
  • Ссылка (URL): Превратите слайд в кликабельный элемент с призывом к действию.
  • Новая вкладка: Выберите, должна ли ссылка открываться на той же странице или в новой вкладке браузера.
  • Сортировка перетаскиванием: Легко меняйте порядок слайдов, перетаскивая строки в таблице управления.

🛡️ Необходимые права доступа

Для управления слайдером у пользователей должно быть следующее право доступа: pano.plugin.pano-plugin-slider.manage.slider

📖 Открытый исходный код

Этот плагин имеет открытый исходный код и лицензируется под GPLv3. Вы можете получить доступ к исходному коду на GitHub:

🔧 Настройка

  1. Включите плагин в панели администратора Pano.
  2. Перейдите в раздел Панель → Вид → Слайдер.
  3. Сначала настройте Общие настройки.
  4. Добавьте свои Элементы слайдера и расположите их в нужном порядке!