. ползунки - это элементы, которые можно найти практически на всех домашних страницах веб-сайтов. Смарт Slider 3 это мощный плагин, доступный в бесплатной и премиальной версии.

Основные особенности этого плагина

В качестве функции, он предлагает среди прочего:

• Интуитивно понятный пользовательский интерфейс
• Построитель перетаскивания видео страниц с предварительным просмотром в реальном времени / 8
• Динамические слайды, которые могут быть созданы с использованием статей и отфильтрованы по идентификатору или на пользовательских страницах
• Слайд генерация (Динамически) из различных социальных сетей (Facebook, Dribbble, Flickr, Instagram, Twitter, YouTube и др.).
• Настраиваемые ползунки управления 
• Подвижная анимация в фоновом режиме (Кен Бернс)

Бесплатно против Премиум

Если все, что вам нужно, это простой слайдер, Smart Slider 3 доступен на WordPress.org в каталоге плагинов. Даже бесплатная версия впечатляет и особенная по сравнению с некоторыми другими слайдерами.

Персональная лицензия для одного сайта стоит всего 25 долларов (продление в 15 $).

Есть несколько ключевых различий между бесплатной и премиальной версией с точки зрения содержания и функций. Вот что вы получите с премиальной версией:

• Неограниченный генератор динамических слайдов
• Расширенные команды
• Экспертный режим
• Анимации в фоновом режиме
• Программа просмотра и редактирования изображений
• Демонстрационные слайдеры 43

Учебник: Создание базового слайдера

Если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге.

После активации Плагин Wordpress Slider Smart размещает собственное меню в нижней части административной панели WordPress.

Если вы никогда не устанавливали Плагин Wordpress открыть Как установить плагин в WordPress

Нажмите на меню Смарт-слайдер, откроется основной интерфейс, где вы увидите первую опцию - большую зеленую кнопку: " Создание Slider » который открывает окно начальной конфигурации, как вы видите ниже.

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

Cliquez-сюр- "Создайте" и Slider Smart начнет разработку вашей базовой модели слайдера. Через несколько секунд вы окажетесь на странице, которая предоставляет все основные сведения о плагине.

Откройте для себя Как создать политику конфиденциальности на WordPress

Первое, на что стоит обратить внимание, это раздел " Опубликовать Slider". Вам нужно будет использовать один из этих трех методов (Шорткод, редактор страниц или постов или код PHP) когда придет время опубликовать свой слайд (N ° 1 ниже). Прежде чем мы сможем это сделать, нам нужно создать слайды.

Именно здесь плагин действительно демонстрирует простоту использования.

Все, что вам нужно сделать, это нажать зеленую кнопку " Добавить слайд изображения "(N ° 2 ниже), и откроется ваша медиатека. Оттуда вы можете выбрать столько изображений, сколько хотите, или начать с одного, а затем нажать " Выберите В окне медиатеки.

Примечание: Вы не ограничены изображениями при выборе слайда. Вы также можете использовать видео или статьи, а также создавать пустые, статические или даже динамические слайды.

советоваться Как дублировать (копировать) ваши страницы на WordPress: учебник

Smart Slider загружает ваш слайд в интерфейс, и вы готовы сохранить и опубликовать или начать настройку. Однако, если я опубликую свое слайд-шоу, оно будет работать нормально, но это не совсем то, что я искал, как вы можете видеть на изображении ниже.

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

Когда я говорю о простоте использования, помните, что весь этот процесс занял менее 5 минут для моего первого попытка.

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

Смотрите также 5 отличные плагины WordPress премиум-класса для добавления слайдера

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

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

Создание этих слайдов - другая школа. Доступно так много вариантов. Чтобы дать вам представление о гибкости этого плагина, посмотрите, что каждый элемент может сделать для вашего слайдера:

• Меню пункта
• Развлечения
• Настройки слоя

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

• Семейства шрифтов
• Цвет текста
• размер шрифта
• Высота линии
• Украшение текста
• Выравнивание
• Расстояние между буквами и словами
• Настройки редактирования текста
• Текстовая тень

Каждый текстовый элемент на вашем слайдере может иметь уникальные настройки, уникальную анимацию и собственные настройки синхронизации. Есть даже раздел для Пользовательский CSS.

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

Я полагался на эту функцию, когда позже добавлял разные слои для этого слайда.

Добавление слоев и анимации

С нашим слайдером и установленным фоном самое время представить Differents элементы и слои. Начнем с добавления на горку изображения снеговика. Для этого захожу в меню "Слои" и нажмите на кнопку " Картина ". Это поместит вымышленное изображение на слайд.

Откройте для себя тоже Как настроить плагин WordPress Slider Revolution

Оттуда вы можете щелкнуть фиктивное изображение в левом нижнем углу, затем выбрать и изменить размер изображения в медиатеке.

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

Первый - выбрать вкладку «Анимация» как показано ниже. После этого мы нажмем зеленую кнопку анимации. "В".

На следующем экране я могу выбрать свою анимацию, а также настроить расписание. Для этого конкретного слайда я добавляю анимацию «ВПРАВО» и увеличиваю продолжительность до 2200 мс.

Вы ищете FTP для управления файлами и папками WordPress, откройте для себя Как пользоваться FTP на Windows, 10

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

Затем я добавлю текст. Следуя той же процедуре, что и выше, нажмите на элемент " добавить текст И внесите необходимые коррективы. Я ввел текст, а затем перешел к настройкам шрифта, где изменил размер и цвет.

Добавляю анимацию " Fade В И настроил календарь так, чтобы он запускался сразу после анимации снеговика.

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

В некоторых «других» ползунках я был бы вынужден использовать медиа-запрос и собственный CSS.

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

В общем, создание этого слайда было процессом 20 минут.

Примечание: Преобразовать этот слайд в GIF изменю определенные сроки для красивых выбранных анимаций, которые я тщательно собрал.

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

Важно отметить, что я не рассмотрел каждую отдельную функцию.

Откройте для себя тоже Как узнать, какая тема используется в блоге WordPress

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

Загрузить Smart Slider 3

Откройте для себя также несколько премиальных плагинов WordPress  

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

Мы предлагаем несколько премиальных плагинов WordPress, которые помогут вам в этом.

1. WooCommerce Page Builder

Конструктор страниц WooCommerce — это Плагин Wordpress очень популярный, который предлагает довольно постоянное количество шорткодов и позволяет создавать несколько типов персонализированных страниц (продукт, корзина, оформление заказа, «моя учетная запись») на вашем веб-сайте. WooCommerce. Это продолжение Визуальный плагин Композитор что вы должны установить заранее.

Благодаря этому плагину у вас будет возможность создавать сайты электронной коммерции уникальный с помощью любого WordPress тема, и заработать много денег.

скачать | Демонстрация | веб-хостинг

2. Факир

Плагин Elementor WordPress, изначально запущенный в 2016 году, является одним из самых молодых конструкторов страниц в этом списке. Несмотря на поздний старт, Elementor быстро набрал более 1 активных установок на WordPress.org, что сделало его одним из Визуальные компоновщики самых популярных страниц WordPress.

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

Его интерфейс разделен на две основные части, с третьей зоной для определенных параметров. Бесплатная версия Elementor предлагает бесплатные виджеты 28. В версии Pro представлены другие виджеты 30, а в версии Pro - всего виджеты 58. Бесплатная версия включает в себя около бесплатных шаблонов 40, а версия Pro содержит сотни дополнительных шаблонов.

 скачать | Демонстрация | веб-хостинг

3. Всплывающие окна ниндзя

С более чем 30 000 продаж и рейтингом 4,4 звезды Ninja Popups является одним из WordPress плагины самые популярные из них доступны на Code Canyon.

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

скачать | Демонстрация | веб-хостинг

Рекомендуемые ресурсы

Узнайте о других рекомендуемых ресурсах, которые помогут вам создать и управлять своим сайтом.

• Как создать политику конфиденциальности на WordPress
• Как понять структуру файлов WordPress
• Как добавить меню навигации на страницу WordPress
• Как настроить плагин WordPress Slider Revolution

Заключение

Вот! Это все для этого урока, и я надеюсь, что он поможет вам легко создавать слайдеры или слайды с помощью Плагин WordPress Smart-Slider. Если вам понравилось, не стесняйтесь поделиться с друзьями в ваших любимых социальных сетях. 

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

А пока расскажите о своем Комментарии и предложения в специальном разделе.

...