Slider Revolution v 6.2.17 — создание и настройка слайдера
В этом посте, как я и обещал, досконально рассмотрим все этапы создания и настройки слайдера для WordPress, плагином Slider Revolution новой Версии 6.2.17.
В разделе Centr-Sit-Info Уровень Standart, да и в предыдущей статье блога, Slider Revolution — новые изменения и настройка слайдера, подробно разобран интерфейс настроек и создание слайдера в пятой версии 5.4.8.3.
Это одна из самых стабильных предшествующих версий данного плагина. Советую изучить, прежде чем приступать к шестой. Ибо там весь процесс Общих настроек плагина и подготовки исходных материалов.
И так, приступим.
Подготовив все исходники слайдов: фоновые изображения соответствующих размеров (у меня по ширине W = 1920px, высота H = 700px), рисунки дополнительных слоев (логотипы, фото, изображения), тексты призывов, ссылки целевых страниц, приступаем к созданию слайдера.
Все изображения, оптимизированные под нужный размер и вес, загружаем в Библиотеку медиа-файлов WordPress.
Страница Обзора Slider Revolution.
Страница Обзора Slider Revolution — это первая страница, которая откроется после входа в настройки плагина.
Нажимаем на вкладку Новый пустой модуль. Во всплывающих окнах — первичный выбор настроек и подсказок:
Окно Базовой конфигурации модуля Slider Revolution 6.
Нажимаем на кнопку Начало руководства.
В каждом последующем окне будет предложено три варианта. Вам нужно будет выбрать свой, наиболее подходящий для Вашего сайта и поставленных задач.
Тип модуля — Какой тип модуля вы хотели бы создать?
- Слайдер — ползунок или Классический.
Тип модуля, выбранный и установленный у меня на сайте. Его и будем рассматривать.
Слайдер состоит из нескольких слайдов. Каждый слайд имеет свой контент и может перемещаться с различными дополнительными элементами навигации. - Сцена — место действия.
Сцена — это, по сути, слайдер с одним слайдом и без элементов навигации.
Лучше всего использовать для модулей контента, которые не требуют дополнительной глубины. Например, шапка сайта. - Карусель.
Карусель — это слайдер с несколькими слайдами, которые видны одновременно.
Существует множество вариантов настройки карусели. Часто используется на сайтах интернет-магазинов.
Размеры модуля — Какой размер должен иметь модуль?
- Авто.
Лучше всего подходит для Классического слайдера.
Размеры модуля будут автоматически отрегулированы под ширину окружающего контейнера (то есть, места расположения на сайте), сохраняя свое соотношение сторон (фоновых изображений). - Полная ширина.
Модуль всегда будет охватывать полную ширину веб-страницы.
Высота может быть гибкой, в зависимости от других настроек (масштабироваться). - Полноэкранный.
Модуль всегда будет соответствовать всей площади на веб-странице
(обычно используется на сайтах фото-пейджеров).
Адаптивность — Как бы вы хотели изменить свой контент?
- Классический, линейное изменение размера.
Размеры слоев изменяются линейно, так же, как изменяется размер модуля.
Вам нужно настроить только один размер экрана (Настольный ПК). - Интеллектуальное наследование.
Эти настройки я выбирал для своего слайдера.
Четыре пользовательских размера устройств активируются, и размер/положение слоев автоматически рассчитываются на основе размера Настольного компьютера.
Вы можете сделать индивидуальные настройки для слоев всех размеров адаптивных устройств (ноутбук, планшет, смартфон). - Ручные нестандартные размеры.
Четыре пользовательских размера устройств активированы, и слои должны быть вручную отрегулированы, в соответствии с их размерами устройства.
Сделав первоначальный выбор настроек, переходим к редактору. Сохраняем настройки.
Визуальный Редактор настроек слайдера.
На открывшейся странице Визуального Редактора настроек слайдера, в Окне Сетки слоев, мы видим пустой слайд, автоматически созданный программой.
Общие параметры Модуля.
В правом меню — Общие параметры Модуля, вкладка Название. Можно изменить название слайдера и его Алиас, с помощью которых формируется шорт-код слайдера.
Вкладка Макет. Настройки выставляются автоматически, согласно Базовым.
Если планируете разместить слайдер на Главной странице — на всю ширину сайта, ниже корректируем данные пункта Размер Области Слоя.
Для Настольных компьютеров меняем ширину и высоту, соответственно фоновых изображений ( у меня, ширина W = 1920px, высота H = 700px).
Активируем настройки для телефонов. В процессе создания слайдов, адаптивные размеры каждого слоя и их расположение изменяются вручную.
Для всех остальных версий — ноутбука и планшета, размеры масштабируются. По желанию, можно и их активировать и так же менять расположение слоев.
Внизу — Сохранить изменения.
Остальные пункты Общих параметров:
Контент — источник Пользовательский.
По умолчанию — длительность слайда оставляем 9000 м/с (9 секунд).
Общие — активируем Автоповорот слайд-шоу и Остановка при наведении.
Ниже, в пункте Первый Слайд, активируем Другое и выставляем #=1.
Слайдер будет запускаться с первого слайда.
Все остальное, пока, по-умолчанию. Сохраняем настройки.
Параметры навигации.
В общих параметрах переходим в меню Параметры навигации.
Во вкладке Прогресс, активируем Индикатор Прогресса, этого будет достаточно, чтобы запустить смену слайдов. Позже, можно будет изменить на Стрелки, или добавить другие варианты.
Стиль — Горизонтальная линия;
Выравнивание — Верх слайдера;
Толщина линии — достаточно и 2px (по умолчанию 5px).
После изменений настроек каждой вкладки, не забывайте сохранять изменения.
Вкладка Сенсорный. Включаем Мобильный свайп, Размах рабочего стола и Блок
прокрутки (по желанию). Swipe Dir — горизонтальная.
Клавиатуру и Мышь активирует, при условии использования в навигации Стрелок
и Точек.
Данных изменений в Параметрах Модуля будет достаточно, чтобы приступить к созданию слайдера. По необходимости, в процессе работы можно вносить изменения.
Меню Сетки Слоев редактора слайдера.
В верхнем меню Сетки Слоев, наводим мышкой на Слайд. В выпавшем меню, название нового первого слайда (#1 New Slide). Позже, заменится на свой.
Выбираем Добавить слайд — Массовое добавление Слайдов.
В библиотеке Медиафайлов WordPres, при нажатой клавише Ctrl, выделяем, загруженные заранее, фоновые изображения слайдов (у меня 3 шт.). В той последовательности, которая нам необходима (1, 2, 3 слайды). Нажимаем Установить.
Слайды появятся в меню Слайд, сетки слоев. Пустой слайд нужно удалить. Первый, из загруженных, займет его место.
Обязательно сохраняйте настройки.
Создание и настройка Слайда №1.
Я приведу пример создания и настройки реального слайдера, который расположен на Главной странице этого сайта.
В верхнем меню Слайд — наводим мышь и выбираем #1 New Slide, первый, который подгрузился (обычным перетаскиванием их можно менять местами).
Загружаем эмблему Логотипа сайта.
В следующем пункте, справа, Добавить слой — Изображение — Библиотека WordPress. Выбираем изображение — установить.
В правом меню Параметров, активируется 4-й Пункт, Вид редактора — Параметры Слоя.
Размер & Позиция — центр/верх, X = 8px, Y = 17px.
Размер изображения — ширина W = 170px, высота H = 155px.
Адаптивный Вид — все пункты активированы (здесь и в последующих слоях).
Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Top (сверху).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Top (вверх).
Основы (Time Out) — Длительность 300м/с, Начало 500 м/с.
Сохраняем изменения.
Следующие два изображения — это тексты, обработанные в Photoshop, в формате PNG.
Первый рисунок.
Добавить слой — выбираем изображение «Учебный раздел» из библиотеки медиа-файлов.
Размер & Позиция — центр/верх, X = -325px, Y = 53px.
Размер изображения — ширина W = 510px, высота H = 80px.
Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Left (появление слева).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Left (уход в лево).
Основы (Time Out) — Длительность 500м/с, Начало 900 м/с.
Учитываем время появления каждого последующего слоя.
Второй рисунок.
Добавляем слой-изображение «Centr-Sit-Info».
Размер & Позиция — центр/верх, X = 305px, Y = 54px.
Размер изображения — ширина W = 510px, высота H = 80px.
Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Right (появление справа).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Right (уход в право).
Основы (Time Out) — Длительность 500м/с, Начало 1400м/с.
Добавляем новый Слой — Текст.
В Параметрах слоя — Контент, вписываем нужный нам текст — Премиум-темы для WordPress. Выравнивание — слева.
Стиль. Высота шрифта = 48px, высота строки = 25px,
Толщина шрифта & Стиль = 500 Medium.
Шрифт — Roboto, цвет — белый.
Размер & Позиция — слева/верх, X = 300px, Y = 198px.
Размер изображения — ширина W = auto, высота H = auto.
Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Left (появление слева).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Left (уход влево).
Основы (Time Out) — Длительность 500м/с, Начало 1900м/с.
Следующий текстовой файл — Профессиональные сайты.
Выравнивание — слева.
Стиль. Высота шрифта = 48px, высота строки = 25px,
Толщина шрифта & Стиль = 500 Medium.
Шрифт — Roboto, цвет — белый.
Размер & Позиция — слева/верх, X = 300px, Y = 270px.
Размер изображения — ширина W = auto, высота H = auto.
Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Left (появление слева).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Left (уход влево).
Основы (Time Out) — Длительность 500м/с, Начало 2400м/с.
Третий текстовой файл — Самостоятельно!
Выравнивание — слева.
Стиль. Высота шрифта = 48px, высота строки = 25px,
Толщина шрифта & Стиль = 500 Medium.
Шрифт — Roboto, цвет — белый.
Размер & Позиция — слева/верх, X = 300px, Y = 330px.
Размер изображения — ширина W = auto, высота H = auto.
Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Left (появление слева).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Left (уход влево).
Основы (Time Out) — Длительность 500м/с, Начало 2900м/с.
Сгруппированное изображение ноутбука и планшета.
Добавляем Слой тем же путем, что и предыдущие. Рисунок в формате PNG.
Размер & Позиция — центр/верх, X = 250px, Y = 136px.
Размер изображения — ширина W = 825px, высота H = 550px.
Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Right (появление справа).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Right (уход вправо).
Основы (Time Out) — Длительность 500м/с, Начало 3400м/с.
Заключительный элемент слайда — Кнопка — Узнать больше.
Добавить Слой — Кнопка. В новом окне выбираем ее размер и конфигурацию.
В Параметрах слоя — Контент, вписываем текст кнопки, выравнивание — по средине.
Стиль. Высота шрифта = 30px, высота строки = 60px,
Толщина шрифта & Стиль = 500 Medium.
Шрифт — Roboto, цвет — белый.
Если необходимо, подбираем цвет самой кнопки.
Размер & Позиция — центр/верх, X = -150px, Y = 420px.
Размер изображения — ширина W = auto, высота H = auto.
Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Rotations — Rotate in from Botton v2 (появление от зрителя).
Выход слоя OUT — выбираем Rotations — Rotate Out to Botton v2 (уход на зрителя).
Основы (Time Out) — Длительность 500м/с, Начало 3900м/с.
Actions — действие кнопки. В новом окне выбираем — Простая ссылка.
После этого, в строке — URL ссылки, вставляем ссылку на страницу (сайт), которая должна открыться при нажатии на кнопку.
Ниже, в строке — Целевая страница, выбираем — В новом окне (вкладке).
Строка Следовать — Перейти по ссылке.
Теперь окно можно закрыть и сохранить изменения в слайдере.
Вам в помощь 1-й видео-урок по настройке Slider Revolution v 6.2.17 из раздела Centr-Sit-Info Уровень Profi-bizblog:
На этом создание и настройка первого слайда закончена.
Продолжение смотрите в Учебном разделе Centr-Sit-Info Уровень Profi-bizblog.
Регистрируйтесь и изучайте дальнейшие настройки слайдера плагином Slider Revolution 6-й версии. В новой версии плагина, разработчики внедрили много скрытых интересных фишек.
Подписывайтесь на новости Учебного раздела Centr-Sit-Info и не забываете нажать на кнопку Поделиться в социальных сетях.
ЖК «На Садовой» в Краснодаре
ЖК «На Садовой» в Краснодаре | Официальный сайт ФлагманКвартиры в Центре Краснодара, ЦМР
Узнать больше
Комфортная жизнь в самом центре города
Жилой комплекс расположен в Центральном микрорайоне Краснодара на ул. Садовой.
Здесь тихо, свежо и зелено, так как преобладает частная застройка и зеленые насаждения. Добраться до главной улицы Краснодара можно за пару минут, а необходимые для жизни объекты инфраструктуры в шаговой доступности.
Преимущества
Класс — Комфорт+
Класс — Комфорт+
Одноподъездные 19 этажные жилые дома.
В каждом подъезде жильцов встречает консьерж, предусмотрены колясочные. 3 лифта фирмы OTIS модель gen2, два пассажирских и один грузовой. Дизайнерская отделка входных групп.
Расположение
Расположение
Жилой комплекс На Садовой расположен в центре города. В паре минут ходьбы остановка трамваев, до улицы Северной идти буквально 5 минут, а улица Красная в 15 минутах. Все нужное рядом.
Инфраструктура
Инфраструктура
В шаговой доступности вся необходимая инфраструктура детские сады, школы, КубГТУ, банки, кафе, рестораны, магазины. Рядом много общественного транспорта, позволяющего быстро добраться в любую точку города. 290 метров до остановки трамвая и 500 метром до ул. Северная.
Для жизни
Для жизни
В комплексе есть все, что нужно для жизни — и магазины, и фитнес центр. В 4 литере — многоуровневый паркинг и коммерческие помещения, целый этаж занимает современный фитнес-центр премиального класса — Джиматика, с 24 метровым бассейном, новыми тренажерами и отличным тренерским составом.
Квартиры
Квартиры
Функциональные планировки с большими кухнями. Высокие потолки. В обычных квартирах — 2,85 м, а в пентхаусах — 3,6 м. Внутренняя отделка, оштукатуривание стен, перегородок и стяжка. Установлены современные радиаторы и счетчики тепла, водоснабжения и электричества. Панорамное остекление.
Вас может заинтересовать
Многоуровневый паркинг
Многоуровневый паркинг
Коммерческие помещения
Коммерческие помещения
Остались вопросы?
Оставьте свой телефон, мы свяжемся с вами и подробно на них ответим.
Правовая информация
Разрешительная документация
5 документов
Разрешение на строительство
СкачатьРазрешение на строительство от 31.10.2018
СкачатьРазрешение на строительство жк на садовой от 13.06.2017
СкачатьРазрешение на ввод объекта в эксплуатацию
СкачатьРазрешение на ввод в эксплуатацию n23-ru2330600-5190-2020
СкачатьГалерея
Придомовая территория
31 мая 2022
Парковка
31 мая 2022
Ночной ЖК
31 мая 2022
Двор
31 мая 2022
Отделка квартир
31 мая 2022
Дневной ЖК
31 мая 2022
Подъезд
31 мая 2022
Коридоры
31 мая 2022
Для повышения эффективности работы сайта на нем используются файлы cookie.
В cookie содержатся данные о Ваших прошлых посещениях сайта. Если Вы не хотите, чтобы эти данные обрабатывались, придется покинуть данный сайтДля повышения эффективности работы сайта на нем используются файлы cookie.подробнее
Slider Revolution Отзывчивый плагин WordPress от themepunch
Этот универсальный плагин WordPress помогает начинающим и дизайнерам среднего уровня удивлять своих клиентов визуальными эффектами профессионального уровня. Вы сможете создавать все, что только можете вообразить, а не только потрясающие адаптивные слайдеры:
- Потрясающие визуальные элементы, такие как слайдеры и карусели
- Захватывающие разделы героев, которые выделяются
- Целые веб-сайты, которые могут принести вам награды
- Полные веб-страницы, которые приковывают посетителей к экрану
- Богатый и динамичный контент, который ПОЛЮБЯТ ваши клиенты
В считанные минуты. Использование любого типа носителя, который вы хотите.Визуальный редактор, с которым вы хотите работать
Наша цель — предоставить максимальный опыт нашим постоянным пользователям. Версия 6 Slider Revolution WordPress Builder имеет оптимизированный редактор со всеми параметрами, интуитивно разделенными по категориям, чтобы вы могли работать быстрее.- Повышение удобства использования
- Работайте быстрее и эффективнее
- Удобный темный пользовательский интерфейс
- Улучшено время загрузки
Мечта аниматоров. Теперь с ключевыми кадрами.
Вместо того, чтобы разрешать только анимацию входа/выхода слоя, Slider Revolution WordPress Builder имеет возможность добавлять несколько шагов анимации к анимации каждого слоя.
- Понятная структура
- Углубленные настройки анимации
- Новые типы смягчения
- Пресеты анимации
Мощный новый контент. Чистое вдохновение.
Чтобы подпитывать новый пользовательский интерфейс и функции Slider Revolution, мы подготовили большой выбор высококачественного контента, чтобы вы могли сразу улучшить свои веб-проекты.- Много новых шаблонов
- Новые изображения, видео, значки и т. д.
- Готовые группы слоев
- Предустановки слоя Quickstyle
- Дополнения
Интерактивная помощь в редакторе
Ищете определенный вариант и не можете его найти? Нужно подробное объяснение опции? Добро пожаловать в наш живой каталог внутри редактора.
- Пояснение к любой опции
- Параметры поиска и выделения
- Документация и часто задаваемые вопросы
Мгновенные решения у вас под рукой
Наш полностью обновленный центр поддержки предназначен для предоставления решения, которое вы ищете, с максимальной эффективностью.- Полный список часто задаваемых вопросов
- Подробная и структурированная документация
- Растущий список видеоуроков
- Постоянно обновляемый контент
Простые мгновенные обновления
Одним нажатием кнопки вы обновите Slider Revolution WordPress Builder до последней доступной версии прямо с наших серверов обновлений.
- Самый быстрый способ обновления
- Получайте обновления первыми
- Анализ системных требований
- Постоянно обновляемый контент
Более 200 готовых шаблонов
Для начала мы предоставляем большую библиотеку красивых шаблонов. Повышайте эффективность и качество проектов, не обладая знаниями в области кодирования.- Подходящий шаблон на все случаи жизни
- От простых заголовков до полноценных веб-сайтов
- Специальные шаблоны эффектов с надстройками
- Регулярно добавляются новые шаблоны
Более 2000 элементов библиотеки объектов
В нашей библиотеке бесплатных медиаресурсов найдется что-то на любой вкус.
Просто укажите, нажмите и опубликуйте свой новый контент.- Различные фоновые изображения
- Видео HTML5
- Объект PNGs
- Значки шрифтов и SVG
- Готовые группы слоев
Более 20 мощных надстроек в комплекте
Slider Revolution WordPress Builder включает в себя библиотеку из более чем 20 надстроек, которые добавляют дополнительные функции к основному плагину.- Непревзойденные возможности
- Спецэффекты
- Дополнительные модули
- Регулярно добавляются новые дополнения
Служба поддержки
Наша высококвалифицированная служба поддержки работает во всех часовых поясах, чтобы предоставить быструю и компетентную помощь.
- Получить быструю техническую помощь
- Время отклика ниже среднего по отрасли
- Прославленная команда
- Версия только для jQuery: Slider Revolution Отзывчивый плагин jQuery
- Версия PrestaShop: Slider Revolution Отзывчивый модуль Prestashop
- Версия Magento: Slider Revolution Отзывчивое расширение Magento
- Версия Opencart: Slider Revolution Отзывчивое расширение для Opencart
- Версия Joomla: Slider Revolution Отзывчивый плагин Joomla
sliderrevolution.com/documentation/changelog/Показать больше Показать меньше
Карманная рамка для полых слайдеров | Слайдеры для полостей США
Дверная рама кармана
Обзор 360º: Карманная рамка CS Cavity Slider™
Комплект CS Cavity Slider™
Карманная рамка для комплекта Cavity Slider™
CS Карманная дверца полого слайдера с магнитом CL400
Двустворчатые дверцы карманов CS Cavity Slider™
Карманная рамка Cavity Slider™ с алюминиевой отделкой
Дверь-карман CS Cavity Slider™ с ручкой CL400
Особенности карманной рамки CS Cavity Slider™
- Описание
- Опции
- загрузок
- Видео
- Размеры
Каркасная дверная коробка CS Cavity Slider® является практичным решением для тех помещений, где недостаточно места для распашной двери.
В отличие от других карманных систем, CS Cavity Slider™ имеет прочную конструкцию благодаря своей конструкции из алюминиевых профилей. Этот продукт поставляется в виде комплекта и прост в сборке и установке. Каркас кармана подходит для дверей 1-3/8” и 1-3/4” размером до 4’0” x 8’0” и может быть обрезан до нужного размера на месте. Его можно модернизировать до мягкого закрывания SofStop®. Это подходит для помещений, где требуется тишина, таких как спальни, офисы и палаты пациентов.
Полый слайдер CS подходит для жилых и коммерческих проектов, поскольку он соответствует строительным нормам типа 1 и не содержит горючих материалов. В дополнение к своим характеристикам экономии места в туалетах, коридорах и прачечных, его можно с уверенностью использовать для архитектурных проемов вокруг вашего проекта.
Этот продукт может быть оснащен рядом дополнительных функций в соответствии с вашими уникальными требованиями. Устройства поставляются в разобранном виде для удобства транспортировки и хранения.
| Размер: | 3068, 3080 или 4080 |
| Макс. Вес двери: | 500 фунтов (240 кг) |
| Толщина двери: | 1-3/8 дюйма или 1-3/4 дюйма (35 или 44,5 мм) |
CS Полая рамка для слайдера Рекламный видеоролик
CS Полая карманная рамка для слайдера Сборка и установка
CS Полая карманная рамка для слайдера Сборка и установка (на испанском языке)
Конфигурации| Одноместный | Двойное разделение |
Эксплуатация
| Стандартный | СофСтоп® |
| Брошюра | |
| Коды продуктов | |
| Инструкции по установке | |
| Гарантия | |
| Карманная рамка полого слайдера CS CAD (pdf) | |
| CS Cavity Slider Pocket Frame CAD (безопасная зона) | |
| Спецификация | |
| Соответствует требованиям ADA — направляющие для раздвижных дверей CS |