scooternsk пишет:.... Возможно компонент пытается найти те самые
('slide-1', 'slide-2', 'slide-3')
, но куда их положить или прописать - я тоже понять не могу.
Прошу хелпа )))
С уважением, Игорь.
Доброго времени суток! Для использования слайдера в теме Red Agency нужно создать страницы с постоянными ссылками (slug): slide-1', 'slide-2', 'slide-3'.
Логика компоненты следующая - содержание слайда берется из указанной страницы (slug) и ищется среди элементов <р> ... </ р >. Содержанием может быть отформатированный текст и изображения.
ВАЖНО: Первым элементом должен быть фон (background). Фоном может быть либо фото (она вставляется с помощью графического редактора) либо цвет фона (для этого введите несколько символов и примените для них цвет фона). Если в качестве фона используется фото - то её стили игнорируются (т.е. автоматически берётся ширина и высота 100%). Все последующие элементы рассматриваются как содержание слайдов.
Элементу текст могут быть применены стили (графические редакторы для этого используют элемент <SPAN>). Компонента может работать со стилями, которые объединяют в себе до 2 уровней <SPAN>. Настройки эффектов анимации применяются к элементу <р> и указываются два их значения: название эффекта (поле data-effect) и эффект задержки (поле data-delay). Значение задержки указывается в миллисекундах. Элементу с тэгом < р> также может применяется стиль, который указывает на его местоположение на слайде (px; % или единицы измерения Viewport). Например:
< p data-delay="500" data-effect="fadeInDownBig" style="top:20%;left:20%">< span style="font-size:28px;">< span style="color:#FFF;">My text< /span>< /span>< /p>
Если элемент слайда – фото, то ему могут быть применены стили указывающие его ширину и высоту (берётся из графического редактора). Например:
< p data-delay="2000" data-effect="zoomInUp" style="top:2vh;left:-5vw">< img alt="" src="photo.png" style="width: 80px; height: 80px;" / > < /p>
Если элементу(ам) <р> не указаны значения полей: data-effect, data-delay, style – они генерируются с помощью случайных чисел.
Просмотр эффектов анимации и их названия вы можете увидеть на странице администрирования настроек темы.
Примите совет: на сайте автора темы есть готовая сборка сайта с образцами кодов и тестовыми слайдерами. Внутри все понятней, чем в описании.
B.R.G.D.S.