Дивіться також:
- 12 безкоштовних WordPress плагінів для слайдерів зображень
- 15 найкращих WordPress плагінів для слайдерів
- Створюємо гарні адаптивні слайдери для WordPress із плагіном SlideDeck
- Soliloquy - WordPress плагін для створення адаптивного слайдера на jQuery
- WOW Slider – безкоштовний плагін для слайдера зображень
Плагін включає 100 готових слайдерів, які ви можете використовувати в якості відправної точки для створення свого власного. Звичайно, ви також можете створювати слайдер із самого нуля самостійно.
Ви можете завантажити безкоштовну версію плагіна Smart Slider 3 з офіційного каталогу розширень Wordpress:
Функції Smart Slider
Smart Slider – це потужний плагін. Він пропонує справді вражаючу кількість функцій, за допомогою яких ви зможете створити практично будь-який тип анімованих слайдерів. Ось основні з них:
- Інтуїтивно зрозумілий інтерфейс адміністратора з можливістю перегляду реального часу
- 5 типів слайдерів в одному продукті
- чуйність
- Адаптивна повноекранна поведінка
- Настроювані стрілки, мініатюри та область прокручування
- Повністю динамічний контент із 39 генераторами
- 2 режими для адміністратора: Simple та Expert
- Можливість створити унікальний дизайн із 16 різними шарами
- 54 супер-плавних анімованих фону
- Будівельник шару анімації в реальному часі
- Зовнішній, Внутрішній та Циклічний тип для шару анімації
- Ефект Кена Бернса зі змінною точкою фокусування
- Manager System шрифтів та стилів для шарів
- Імпорт та експорт (100+ зумовлених слайдерів)
- Автор макетів, дозволяє створити свій власний шаблон
- Вбудований редактор зображень та лайтбокс
- Відкладене завантаження для кращої продуктивності
- Автоматичне оновлення системи одним кліком
- SEO та скрипт оптимізації
- Динамічна висота та ще більше 200 функцій
Робота з плагіном
Завантажте та активуйте плагін, після чого ви побачите новий пункт меню під назвою “Smart Slider”. Перейшовши в нього, ви одразу звернете увагу на приємний інтерфейс консолі плагіна. Тут можна починати створювати свій перший слайдер, імпортувати один із демо варіантів, знайомитися з документацією, переглядати відео-уроки або просто зв'язатися з підтримкою. Меню грамотно спроектовано та добре складено, тому у новачків не повинні виникати якісь проблеми навіть під час роботи вперше.
Перше, що потрібно зробити, це натиснути кнопку ліцензійний ключ і вставити код, який ви отримали при покупці плагіна, якщо ви придбали платну версію.
Для початку ми б порекомендували вам спробувати імпортувати один із 100 демо-слайдерів, натиснувши кнопку “Add Sample Slider”, і побачити, як він буде виглядати на вашому сайті:
Після імпортування слайдера ви побачите всі слайди з лівого боку. Ви можете натиснути на слайд і перетягнути його в потрібне положення:
Якщо ви натисніть на слайд, перед вами відкриються різні параметри та налаштування. На лівій панелі ви побачите активи, які використовуються в слайді - зображення, кнопки, текст та інші, з посиланнями над ними, так що ви зможете додати власні елементи в окремі шари.
З правого боку знаходяться налаштування слайдів та анімації, де ви можете задати ім'я слайда, його опис, вибрати фонове зображення або колір, прозорість тощо.
Праворуч також є область попереднього перегляду слайда, де ви можете побачити, як все виглядає, перетягувати елементи і натискати на них для редагування. Тут також можна протестувати роботу слайдера на екранах із різним розширенням.
Під областю попереднього перегляду знаходиться таймлайн, де можна побачити розрахунок часу та анімацію для ваших елементів у слайдері:
Якщо ви хочете змінити анімацію елемента, потрібно натиснути на нього і вибрати у вікні попереднього перегляду, потім натисніть "анімаціяУ списку ліворуч. Надані різні варіанти: завмирання, поворот, вискакування і т.д. У вікні попереднього перегляду ви зможете переглянути результат з різними варіантами тривалості.
Після того, як ви закінчите роботу зі слайдером та збережете все, ви побачите його у списку на головній сторінці. Клацніть на нього і перед вами відкриються різні опції для його публікації на сайті. Ви можете розмістити шорткод, для цього натисніть кнопку SmartSlider під час редагування посту або сторінки.
Також ви можете помістити його безпосередньо до файлу теми, вставивши згенерований PHP код.
Що ще ви можете зробити із цим плагіном?
Якщо ви переглянете демо варіанти, то побачите, що цей плагін здатний набагато більше, ніж просто створення звичайних слайдерів на головній сторінці сайту. Його можна використовувати як візуального будівельника сторінки та створювати цілі окремі розділи своїх сайтів: розділи портфоліо, цільові сторінки тощо.
У цьому демо-варіанті плагін був використаний для створення анімованої області з описом можливостей конкретного продукту:
Тут використовується для динамічного заголовка сайту тренажерного залу, який демонструє різні класи, час роботи:
Тут плагін використовується для створення меню на сайті ресторану:
У цьому варіанті використовується фнукція динамічних джерел, яка дозволяє вставляти різні відео з YouTube та створювати список відтворення:
Вартість
Існує безкоштовна версія SmartSlider3, яку ви можете завантажити тут. Вона надає 1 тип слайдера та 6 типів шарів. З нею ви зможете познайомитися з плагіном і зрозуміти, чи це інструмент, який вам потрібен.
Щоб працювати з усіма функціями, які представлені в цьому плагіні, вам потрібно буде придбати платну версію. Її вартість починається з $25 на рік для персональної ліцензії з усіма функціями, які можна використовувати на 1 домені.
Якщо ви бажаєте використовувати плагін на різних сайтах, існує довічна ліцензія, яка дозволить використовувати всі можливості плагіна на 50 різних доменах. Вона вам коштуватиме $100.
Висновок
Це зручний, красиво оформлений плагін. Панель адміністратора дуже добре складена, тому при роботі немає ніяких труднощів. Кількість доступних функцій та налаштувань вражає, тому приготуйтеся, що доведеться витратити якийсь час, щоб познайомитися з ними всіма та звикнути до них. Поки у вас буде процес адаптації до нового інструменту, можна починати використовувати вже готові варіанти. Імпортуйте будь-який з них одним клацанням мишки і використовуйте як відправну точку для створення свого слайдера.
Демо також дуже красиво оформлені та відповідають усім сучасним стандартам. Ми не помітили жодних видимих недоліків або халтури у всіх представлених 100 варіантах, що чітко демонструє високий рівень професіоналізму розробників.
Як ми вже згадували раніше, цей плагін можна використовувати не лише для створення примітивних слайдерів. З його допомогою ви зможете створювати цілі розділи сайту з анімованими взаємодіями, що вигідно виділить його серед інших.
Повна версія плагіна коштує $25 і з огляду на всі функції це досить виправдана ціна. Якщо у вас виникають сумніви, ви завжди можете завантажити та познайомитися з безкоштовною версією. У будь-якому випадку, якщо ви хочете додати креативні анімовані розділи на ваш сайт, обов'язково придивіться до плагіна Smart Slider.
Коментарі до запису: 3
Слайдер звичайно норм, але вставивши php код слайдера в шаблон, він у мене не вивівся. У консолі js я отримав низку помилок.
А як цей слайд у шапку запхати у темі Авада?
Треба самому робити дизайн та верстку, а не користуватися напівфабрикатами.