Статьи

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

MotoPress хорошо известен в сообществе WordPress своим плагином WordPress для редактирования контента. С момента своего запуска в прошлом году MotoPress добавила больше продуктов в свое портфолио, включая надстройки плагинов и темы WordPress.

В феврале этого года они выпустили слайдер MotoPress ; их второй основной плагин WordPress. Плагин адаптивен, поэтому слайды, которые он помогает, отлично смотрятся на любом устройстве. Давайте подробнее рассмотрим, что умеет MotoPress Slider.

Настройка нового слайдера MotoPress

MotoPress Slider невероятно прост в настройке. Когда вы решите создать новый слайдер, вам будут представлены три короткие страницы настроек. Есть вкладка для настроек, элементов управления и внешнего вида слайдера.

На вкладке настроек слайдера вы можете назвать свой слайдер и псевдоним, который используется для шорткода слайдера. Ползунок можно сделать полной шириной или вы можете определить размер сетки по умолчанию. В этой области также можно установить задержку слайд-шоу. Если хотите, слайд-шоу можно отключить.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

На следующей вкладке можно включить или отключить девять ползунков. Вы можете настроить такие элементы управления, как стрелки, кнопки воспроизведения, счетчики и многое другое.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

На вкладке внешнего вида вы можете определить размер пикселей по умолчанию для дисплеев телефона, планшета и рабочего стола. Исходными настройками являются любые значения размером до 767 пикселей, отображаемые с использованием макета телефона, любые значения от 768 до 991 пикселей используют макет планшета, и все, что превышает 992 пикселей, использует дисплей рабочего стола.

К вашему слайдеру можно применить собственный класс CSS. Также есть поле, в котором вы можете добавить собственный код CSS.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

В административном меню MotoPress Slider находится отдельная страница настроек, которая позволяет отключить слайдер для определенных групп пользователей.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

Не беспокойтесь о настройках слайдера. Значения по умолчанию должны подойти большинству из вас, и в нижней части области создания ползунка есть кнопка, которая позволяет вам возвращать и изменять настройки в любое время.

Добавление слайдов в ваш новый слайдер MotoPress

В следующей области вы можете добавить слайды в свой слайдер. Вы можете увидеть скриншот этой области ниже. На первый взгляд это может показаться немного пугающим, однако это очень легко понять, если вы знаете, где все находится.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

Вверху находятся семь вкладок: Общие, цвет, изображение, видео, ссылка, видимость и прочее. Предварительный просмотр вашего слайдера занимает центральное место на странице, а под ним вы найдете варианты добавления текста, изображений, кнопок и видео. Каждый тип контента известен как слой, и эти слои отображаются в правой части страницы.

Вы можете изменить порядок слоев с помощью перетаскивания. Размещение слоев работает так же, как и в графических приложениях, таких как Photoshop, с приоритетом верхнего слоя. В моем примере выше у меня есть два слоя: изображение и текст. Если бы мне пришлось разместить слой HTML после изображения, текст не был бы виден.

Интерфейс работает очень хорошо. Когда вы выбираете слой в основной области холста, настройки этого слоя будут отображаться под ним. Нажатие на кнопку «Удалить» на клавиатуре удалит слой со слайда. Также доступны две кнопки удаления: одна удаляет выбранный вами слой, другая удаляет все слои.

Слои можно перетаскивать в области холста. Когда вы это сделаете, вы увидите изменение координат X и Y. Это полезно, так как означает, что вы можете размещать слои на нескольких слайдах в одном и том же положении (что очень полезно для размещения контента, такого как текст). Сетка из девяти ящиков также может использоваться для размещения слоев, например, верхнего левого, центрального, нижнего правого и т.д.

Десятки анимаций можно использовать для постепенного появления и исчезновения слоев. Сюда входят затухания, масштабирование, переворачивание и отскоки. Слои можно отображать и / или скрывать в определенный момент времени (в миллисекундах). По моему скромному мнению, это одна из лучших функций плагина, поскольку он позволяет отображать слои именно тогда, когда вы хотите, чтобы они отображались.

Также доступны предопределенные стили, но при желании вы можете определить собственные классы CSS для определенного слоя.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

На общей вкладке вы можете назвать свой слайд и выбрать, будет ли он опубликован или сохранен как черновик. Таким образом, вы можете проявить творческий подход и сохранить слайды, прежде чем использовать их.

Вкладка цвета позволяет выбрать цвет или градиент для фона слайда. Одна вещь, которая меня раздражала, заключалась в том, что не было цветового круга для выбора цветов. Вы должны ввести шестнадцатеричный код вручную. Надеюсь, они исправят это в будущей версии плагина. Параметр градиента позволяет определить два цвета и угол, под которым применяется градиент.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

Если вам не нужен однотонный или градиентный фон, вы можете использовать изображение. Вы можете выбрать изображение из своей медиа-библиотеки WordPress или определить внешний URL-адрес изображения. Все атрибуты размера, повторения и положения могут быть определены.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

MotoPress Slider также поддерживает видео фон. Если хотите, видео можно вставлять в слайды с помощью слоев. Вы можете отображать видео с YouTube, Vimeo, вашей медиатеки или с внешнего URL.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

Слайды можно связать. Вы можете установить атрибуты ID ссылки, class, rel и title. Когда посетитель нажимает на рассматриваемый слайд, он будет перенаправлен на указанный вами URL. Поскольку ссылки настраиваются для каждого слайда, вы можете сделать так, чтобы некоторые слайды ссылались на внешние веб-сайты, а не на другие.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

Слайды могут быть доступны только зарегистрированным пользователям. Это можно использовать для отображения слайдов только зарегистрированным пользователям. Вы также можете сделать слайды активными в течение определенного периода времени. Это может быть использовано для различных целей. Например, вы можете создать слайды для продвижения конкурса в первую неделю декабря.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

На последней вкладке вы можете определить имя класса CSS и идентификатор для своего слайда. Как я отмечал ранее, вы также можете стилизовать отдельные слои в своем слайде с помощью пользовательских классов CSS.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

Создав слайд, вы можете сохранить слайд, нажав кнопку «Сохранить» внизу страницы. Нажав кнопку закрытия, вы перейдете к списку слайдов, то есть ко всем слайдам, которые вы создали для этого конкретного слайдера.

Вы можете редактировать, дублировать или удалять существующие слайды. Дублирование слайда – удобный вариант, если вы хотите создать похожий слайд. Если нет, вы можете создать новый слайд с нуля.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

Наконец, вы можете вставить готовый слайдер на свой веб-сайт, используя псевдоним шорткода, который вы определили для своего слайдера.

Слайдер MotoPress

Говорят, красота в глазах смотрящего, однако я был очень впечатлен тем, что умеет MotoPress Slider. Вставка пользовательского фона, текста, изображений, кнопок и видео не займет много времени.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

Если вы посетите главную информационную страницу MotoPress Slider, вы увидите отличный пример того, чего можно достичь с помощью этого плагина. Он подчеркивает, как слои и задержку загрузки слоев можно использовать для создания профессиональных слайдеров за считанные минуты. То, как слои отображаются с течением времени во время слайда, создает впечатление, будто вы смотрите видео-презентацию (даже если видео не используются). Это простой эффект, который действительно преображает слайды.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

Ценообразование

MotoPress приняла справедливую схему ценообразования для своего плагина слайдера. Их персональная лицензия продается по цене 19 долларов и предлагает один год поддержки и обновлений для одного веб-сайта. Бизнес-лицензия, продаваемая в розницу по цене 49 долларов, увеличивает лимит веб-сайтов с одного до пяти.

Добавьте красивые слайды на свой сайт с помощью MotoPress Slider для WordPress

Лицензия разработчика стоит 99 долларов. Он предлагает приоритетную поддержку разработчиков и предоставляет один год поддержки и обновления неограниченного количества веб-сайтов. Корпоративное лицензирование также доступно, если вы хотите упаковать MotoPress Slider в собственный продукт.

MotoPress Slider – это 100% GPL. Для получения автоматических обновлений и поддержки плагина требуется лицензия, однако плагин по-прежнему можно полностью использовать, если этот лицензионный ключ не введен.

Последние мысли

Все плагины слайдеров WordPress требуют обучения, и MotoPress Slider не исключение. Вам нужно потратить не менее двадцати или тридцати минут, играя со слайдами, пока вы не начнете понимать, на что способен плагин.

После короткого периода использования плагина у меня было несколько моментов «Ага», когда я начал понимать, как все работает. Во-первых, когда я понял, как получить максимум от слоев. Второй – когда я узнал, как можно использовать анимацию для увеличения и уменьшения текста, кнопок и изображений. Тем не менее, функция, которая действительно заставила меня оценить потенциал слайдера MotoPress, заключалась в возможности задержки появления слоев. Это позволяет использовать множество интересных трюков с презентациями, таких как капельная подача текста посетителям веб-сайта и размещение изображений и кнопок в ключевых точках слайда.

Я уверен, что после того, как вы освоите эти простые методы, вы сможете создавать профессиональные слайды с помощью MotoPress Slider. Если вам нужно вдохновение, я рекомендую проверить слайдер, который отображается в MotoPress, поскольку он подчеркивает, чего можно достичь с помощью простых слоев текста и изображений.

Надеюсь, вам понравился этот взгляд на слайдер MotoPress. Если это так, я рекомендую вам подписаться на информационный бюллетень WPExplorer, чтобы получать бесплатные обновления наших последних статей и отличных советов, приемов и предложений WordPress.

Спасибо за прочтение.

Кевин

Кнопка «Наверх»