Мы в сети

VK
FB

Оформите подписку!

 Введите Ваш E-m@il и
получайте свежие новости

Страница автора - Александр Куртеев
Страница автора

Автор: Александр Куртеев

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

С помощью слайдеров можно:

  • Красиво оформить главный экран сайта, подчеркнув уникальность предложения.
  • Создавать слайдеры с презентацией.
  • Создавать карусели и витрины с товарами и услугами.
  • Можем оформить любой контент на сайте. Используя возможности холста Smartslider - не нужно уметь верстать и выравнивать элементы, просто расставляем их мышкой по полотну в нужном порядке и контент готов.
  • Слайдеры мы можем вставлять в любую часть сайта: в контент, в модуль, в конструктор лэндингов.
  • И, конечно, на смартслайдере можно делать лэндинги. Хотя эффективнее всего использовать совместно Smartslider и конструкторы лэндингов.

Смотреть видео:

Вводный курс по Smartslider 3. Урок №1. Возможности. (Александр Куртеев)

Содержание:

  • Модуль №1. Вводный курс по Smartslider

Уроки:

  • Возможности Smartslider
  • Установка и сравнение версий
  • Настройка Smartslider
  • Как работать с Smartslider
  • Вывод слайдера

Результат:

Познакомились с расширением и освоили основные принципы работы.

  • Модуль №2. Конструируем слайды

Уроки:

  • Настройки слайда
  • Что выбрать холст или сетку?
  • Управление сеткой и слоями
  • Все виды слоев и их настройки
  • Статический слайд
  • Анимация слоев: эффекты и события
  • Конструктор и создание цепочки анимации
  • Множественные триггеры анимации

Результат:

Вы мастер в создании первоклассных слайдов с крутой анимацией.

  • Модуль №3. Настраиваем слайдер

Уроки:

  • Настройки слайдера
  • Тип слайдера - простой слайдер
  • Тип слайдера - блок
  • Тип слайдера - карусель
  • Тип слайдера - витрина
  • Тип слайдера - аккордион
  • Размеры слайдера
  • Автовоспроизведение
  • Анимация слоев
  • Оптимизация
  • Загрузка слайдера
  • Настройки разработчика
  • Элементы. Стрелки и точки
  • Элементы. Автовоспроизведение и индикатор
  • Элементы. Текстовая панель и миниатюры
  • Элементы. Остальные настройки
  • Результат:

Вы легко разбираетесь во всех настройках и полностью настроили слайдер для вывода.

  • Модуль №4. Адаптивность и скорость

Уроки:

  • Практика адаптивности.

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

  • Ускоряем загрузку слайда.

Проведем оптимизацию слайдера для быстрой загрузки.

Результат:

Ускорили загрузку слайдера в 2 раза и настроили отображение на всех устройствах в разных положениях экрана.

  • Модуль №5. Динамические слайды

Уроки:

  • Выводим материалы Joomla
  • Выводим товары из магазина
  • Выводим материалы с RSS ленты и CSV
  • Слайд из фото Instagram
  • Выводим ленту Facebook
  • Выводим содержимое плейлиста с youtube

Результат:

Ваши слайды наполняются контентом автоматически. Вы полностью освоили компонет Smartslider.

Подробный справочник

  • Smartslider имеет большое количество настроек. Запомнить все настройки сразу может быть сложно.
  • Мы создали справочник с расшифровкой всех настроек Smartslider 3. Каждая вкладка, каждая опция - ничего не осталось без внимания.
  • Итого: более 70 статей справочника с картинками и gif анимацией для нужных опций, которая показывает изменения.
  • Теперь, чтобы освежить в памяти значение тех или иных настроек достаточно просто перейти по удобному меню справочника и за 30 секунд решить вопрос.
© 2019 http://www.dvdcurse.ru Все права защищены.