Как создается адаптивный слайдер для сайта на WordPress?
Слайдерами на сайтах сейчас никого не удивишь. Создано немало сервисов и плагинов для их производства. Предлагаю вам ознакомиться с темой «Как создается адаптивный слайдер для сайта на WordPress?» в теме Jannah. А выбор и возможностей в ней, поверьте, достаточно.
Адаптивный слайдер для сайта
В качестве бОльшего разнообразия представления блоков новостей, тема Jannah поставляется с приличным разнообразием слайдеров плюс видео плейлист. Вы можете установить любой слайдер на полную ширину, в виде коробки или в двух колонок. Если вы хотите слайдер на всю ширину, то вам предоставляется возможность в 4-х исполнениях, которые соответствуют вашим целям. Если вы хотите использовать слайдеры в виде сетки, то вот вам 9 вариантов их. Если вы хотите слайдер в рамке, то и тут вам предложено 4 варианта.
Общие настройки слайдера
1. Categories — выберите категории постов, которые будет отображать слайдер, это множественный выбор.
2. Tags — отображать новости по тегам, а не по категориям, эта опция переопределяет параметры категорий.
3. Exclude Posts — введите ID постов, разделяя запятой, чтобы исключить их в теме.
4. Sort Order — сортировка новостей в блоке по одному из шести доступных значений:
- Недавние посты
- Случайные посты
- Последние измененные посты
- Самые комментируемые посты
- Самые популярные посты
- Лучшие обзоры
5. Number of the posts to show — Количество постов для отображения
6. Offset — количество сообщений, которое необходимо пропустить. Это очень полезно, если вы хотите отобразить некоторые посты из определенной категории на определенном слайдере, а другие сообщения — с помощью другого слайдера.
7. Custom Slider — выберите один из предварительно определенных вами пользовательских слайдеров.
Дополнительные настройки слайдера
1. Color — основной цвет слайдера, цвет метки категории, управляющие стрелки / точки при наведении и значок загрузки.
2. Posts Title Length — количество слов или символов для обрезки по словам или символам (смотрите как настраивается обрезка в Trim Text Settings).
3. Post Excerpt — выдержка из поста, вы можете определить длину выдержки из входных данных, отображаемых ниже.
4. Posts Meta — показать / скрыть метаданные поста (дата, автор, количество просмотров и т. д.).
5. Post Primary Category — показать / скрыть метку категории постов.
6. Review Rating — показать / скрыть рейтинг поста.
7. Colored Mask — показать / скрыть цветные слои над изображениями.
8. Disable Gradient Overlay — отключить / включить черный градиент по умолчанию.
9. Animate Automatically — включить / отключить автозапуск слайдера.
10. Slider Speed in ms: величина скорости слайдера в миллисекундах (1000 мс = 1 секунда).
11. Media Icon Overlay — показать / скрыть значки мультимедиа над изображениями.
Примеры слайдеров
Интеграция с LayerSlider
После установки плагина LayerSlider, блок LayerSlider будет отображаться в нашем конструкторе страниц. Можете посмотреть как это будет выглядеть здесь.
Интеграция со Slider Revolution
После установки плагина Slider Revolution, блок Slider Revolution будет отображаться в нашем конструкторе страниц. Можете посмотреть как это будет выглядеть здесь.
Как создать блок WooCommerce для сайта на WordPress?