- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
WordPress. Как работать с плагином Cherry Parallax (на основе Cherry Framework 3.x)
Март 30, 2015
Из этого туториала Вы узнаете, как работать с плагином Cherry Parallax в WordPress.
WordPress. Как работать с плагином Cherry Parallax
Установка плагина Cherry Parallax
В первую очередь необходимо подготовить ваш сайт для работы с плагином Рarallax.
Пропустите этот шаг, если ваш шаблон включает предварительно установленный плагин Cherry Parallax.
-
Вы можете скачать плагин, используя следующую ссылку. Скачайте и сохраните файл на ваш компьютер.
-
Установите скачанный плагин в вашу админ панель WordPress, перейдя на вкладку Плагины -> Добавить новый -> Загрузить плагин (Plugins -> Add New -> Upload Plugin):
-
Убедитесь, что плагин активирован на странице Плагины -> Установленные плагины (Plugins -> Installed Plugins) в админ панели.
Шорткоды плагина Cherry Parallax
Для использования эффектов плагина Cherry Parallax, откройте любую страницу сайта и оберните нужное содержимое шорткодом parallax.
-
Используйте шорткод, представленный ниже, чтобы добавить изображение фона для содержания вашей страницы:
[cherry_parallax image="img.jpg" speed="normal" invert="false"] ... [/cherry_parallax]
В этом шорткоде вы можете задать следующие параметры:
-
Image — Укажите необходимое изображение в поле image. Убедитесь, что ваше изображение загружено во вкладке Медиафайлы -> Библиотека (Media -> Library) в вашей админ панели.
-
Speed — скорость Parallax. Вы можете задать значение от 1 до 5.
-
Invert — использовать обратный порядок отображения.
-
-
Для того чтобы добавить видео в качестве фона, используйте следующий шорткод:
[cherry_video_parallax webm="video.webm" ogv="video.ogv" mp4="video.mp4" poster="video_poster.jpg"] ... [/cherry_video_parallax]
Вы можете добавить видео с форматами только webm, ogv или mp4. Убедитесь, что видео загружено во вкладке Медиафайлы -> Библиотека (Media -> Library).
Параметр Poster позволяет добавить изображение, отображаемое при загрузке видео. Замените изображение video_poster.jpg на нужное Вам.
Благодарим за ознакомление с данным туториалом. Вы можете также ознакомиться с детальным видео-туториалом ниже: