WP Slick Slider and Image Carousel

Отображение нескольких слайдеров и карусели с красивыми изображениями с помощью шорткода с категорией. Полностью отзывчивый, с включенным смахиванием, перетаскиванием мыши на рабочем столе и бесконечным циклом. Полностью доступен с помощью кнопок со стрелками, автозапуска, точек, стрелок и т. Д. Для получения дополнительной информации ознакомьтесь с функциями и демонстрацией. Он использует настраиваемый тип сообщения и таксономию для создания слайдера с практически неограниченными возможностями и поддержкой нескольких слайдеров на любой странице. Вы также можете отображать слайдер изображений в заголовке вашего сайта. Мы добавили 5 дизайнов для слайдера и 1 дизайн для карусели. Вы можете найти все дизайны на нашем демонстрационном сайте. Просто скопируйте шорткод понравившегося дизайна и используйте. Также добавлена поддержка блока Гутенберга. Вы можете использовать 2 шорткода [slick-slider] и [slick-carousel-slider] Вот код шаблона и Используйте следующие параметры с шорткодом [slick-slider] limit: [slick-slider limit = ”- 1 ″] (Limit определяет количество изображений, которые будут отображаться одновременно. По умолчанию установлено значение« -1 ″, то есть все изображения например, если вы хотите отображать только 5 изображений, установите ограничение на limit = ”5”) category: [slick-slider category = ”category_ID”] (т.е. отобразите слайдер по идентификатору категории). show_content: [slick-slider show_content = ”true”] (Отображать контент ИЛИ нет. По умолчанию значение равно «true». Возможны варианты «true OR false»). Разбивка на страницы и стрелки: [точки слайдера = "false" стрелки = "ложь"] Интервал автозапуска и автозапуска: [slick-slider autoplay = ”true” autoplay_interval = ”100 ″] Скорость слайда: [скорость слайдера =” 3000 ″] Fade: [slick-slider fade = ”true”] (Эффект постепенного изменения слайдера. По умолчанию эффект слайдера. Если вы установите fade = ”true”, тогда эффект будет изменяться от слайда к плавному). lazyload: [slick-slider lazyload = ”ondemand”] (Используйте lazyload с гладким слайдером. По умолчанию lazyload не включен. Если вы хотите установить lazyload, используйте lazyload = "ondemand" ИЛИ lazyload = "прогрессивный"). loop: [slick-slider loop = ”true”] (Создать бесконечный цикл скольжения. По умолчанию значение «true». Возможные варианты: «true» ИЛИ «false».) hover_pause: [slick-slider hover_pause = «true»] (Приостановить автовоспроизведение ползунка при наведении курсора. По умолчанию установлено значение «true». Возможные значения: «true» ИЛИ «false».) Image_size: [slick-slider image_size = «full»] (по умолчанию «full», значения: thumbnail, medium , medium_large, large, full) image_fit: [slick-slider image_fit = ”false”] (параметр image_fit используется, чтобы указать, как изображение должно быть изменено, чтобы соответствовать его контейнеру. По умолчанию значение «false». Возможные варианты: «true OR ложный"). ПРИМЕЧАНИЕ. Image_fit = ”true” работают лучше, если задана высота слайдера. если image_fit = ”false”, параметр sliderheight использовать не нужно. sliderheight: [slick-slider sliderheight = ”400 ″] (Установите высоту обтекания изображения. ПРИМЕЧАНИЕ. Этот параметр работает лучше, если image_fit =” true ”). rtl: [slick-slider rtl = "true"] (для режима rtl. По умолчанию значение равно "false". Возможны варианты "true OR false"). Используйте следующие параметры с ограничением шорткода [slick-carousel-slider]: [slick-carousel-slider limit = ”- 1 ″] (Limit определяет количество изображений, отображаемых одновременно. По умолчанию установлено значение« -1 ″, т. Е. все изображения. например, если вы хотите отображать только 5 изображений, установите ограничение на limit = ”5”) дизайн: [slick-carousel-slider design = ”design-1 ″] (Вы можете выбрать 5 дизайнов (дизайн-1, дизайн-2, дизайн-3, дизайн-4, дизайн-5) для вашего слайдера. Slick Slider -> Slider Designs). category: [slick-carousel-slider category = ”category_ID”] (т. е. отображать слайдер по идентификатору категории). image_size: [slick-carousel-slider image_size = ”full”] (по умолчанию «full», значения: thumbnail, medium, medium_large, large, full) slidestoshow: [slick-carousel-slider slidestoshow = ”3 ″] (Отображаемый номер изображений за раз (по умолчанию - «3»). slidestoscroll: [slick-carousel-slider slidestoscroll = ”1 ″] (Прокрутите количество изображений за раз. По умолчанию значение равно« 1 »). Разбивка на страницы и стрелки: [гладкие-карусель-слайдеры = "ложные" стрелки = "ложные"] Интервал автовоспроизведения и автовоспроизведения: [гладкий-карусель-слайдер autoplay = "истина" autoplay_interval = "100 ″] цикл: [гладкая-карусель- slider loop = »true»] (Создать бесконечный цикл скольжения. По умолчанию значение «true». Параметры: «true» ИЛИ «false».) hover_pause: [slick-carousel-slider hover_pause = »true»] (слайдер паузы автовоспроизведение при наведении. По умолчанию значение «true». Возможные варианты: «true» ИЛИ «false».) Скорость слайда: [slick-carousel-slider speed = »3000 ″] lazyload: [slick-carousel-slider lazyload =» ondemand ”] (Используйте lazyload с гладким ползунком. По умолчанию отложенная загрузка не включена. Если вы хотите установить lazyload, используйте lazyload =" ondemand "ИЛИ lazyload =" прогрессивный "). centermode: [slick-carousel-slider centermode = ”true”] (Отображать основное изображение по центру. По умолчанию значение «false»). variablewidth: [slick-carousel-slider variablewidth = ”true”] (переменная ширина изображений в слайдере. По умолчанию используется значение false) image_fit: [slick-carousel-slider image_fit = ”false”] (параметр image_fit используется для укажите, как изображение должно быть изменено, чтобы соответствовать его контейнеру. По умолчанию значение «false». Возможные варианты: «true OR false»). ПРИМЕЧАНИЕ. Image_fit = ”true” работают лучше, если задана высота слайдера. если image_fit = ”false”, параметр sliderheight использовать не нужно. sliderheight: [slick-carousel-slider sliderheight = ”400 ″] (Установите высоту обтекания изображения. ПРИМЕЧАНИЕ. Этот параметр работает лучше, если image_fit =” true ”). rtl: [slick-carousel-slider rtl = ”true”] (для режима RTL. По умолчанию значение «false». Возможные варианты: «true OR false»). Примечание. Из-за большого количества отзывов от ваших пользователей мы сделали image_fit = ”false” по умолчанию. Раньше это было image_fit = ”true”. Мы сделали опцию изменения размера изображения необязательной. Если вы хотите изменить размер изображения, используйте параметры шорткода image_fit = ”true” и sliderheight = ”400 ″ (400 - это просто пример. Используйте это значение в соответствии с вашими потребностями). PRO Добавлены функции: Премиум-версия 90+ предустановленных потрясающих дизайнов. 30 дизайнов слайдеров изображений. 30 изображений карусели и центрального слайдера. 33 Слайдеры с изменяемой шириной. Опоры блока Гутенберга. Возможности шаблонов WP. Поддержка конструктора страниц WPBakery. Встроенная поддержка Elementor, Beaver и SiteOrigin Page Builder (новинка). Встроенная поддержка Divi Page Builder (новинка). Встроенная поддержка Fusion Page Builder (Avada) (новинка). Перетащите фрагмент, чтобы отобразить слайды в вашем порядке. Возможность настройки настраиваемого плагина CSS. Мощный шорткод с сильными параметрами. Отображение контента с изображением и ссылкой в режиме карусели. Полностью отзывчивый. 100% многоязычный. Проверьте PRO DEMO and Features, чтобы узнать больше. Посмотрите, как этот плагин может поддерживать ваш веб-сайт: Как установить: Функции включают Также добавлена поддержка блока Гутенберга. Отображение неограниченного количества слайдеров и каруселей с помощью категорий. Сенсорная навигация. Полностью отзывчивый. Весы вместе с контейнером. Полностью доступен с помощью клавиш со стрелками. Отзывчивый Данный шорткод и код шаблона. Используйте для слайдера изображения заголовка. Конфиденциальность и политика У нас также есть возможность выбрать адрес электронной почты после загрузки плагина, чтобы мы могли информировать вас и заботиться о продуктах и их функциях.

Автор: WP OnlineSupport

Версия: 2.4.3

Последнее обновление: 2021-07-16 11:13am GMT