Какой слайдер лучше. Как выбрать телефон-слайдер: обзор рынка и отзывы экспертов
Слайдер для WordPress, о котором я вам сейчас расскажу, является самым крутым среди всех слайдеров, что я видел. В нём столько настроек и столько возможностей, что можно реализовать практически любую поставленную цель. Самое главное – он бесплатный. У него есть только один недостаток – он на английском языке. И это не беда.
Слайдер для WordPress с плагином Smart Slider 3
Плагин Smart Slider 3 позволяет создать слайдер для сайта любой сложности и с любыми элементами. Скачать этот плагин вы можете по ссылке ниже.
Слайдер – это элемент сайта, в котором автоматически или по действию пользователя чередуются изображения. Эти изображения могут быть просто картинками, картинками-ссылками или превью видео. Слайдер помогает продемонстрировать на небольшой площади сайта много информации. Кроме того, это выглядит современно и привлекательно.
После установки на сайт плагина слайдера, и его активации в вашей консоли образуется новый пункт «Smart Slider». Перейдите в него.
Здесь у нас появляется три вкладки:
- Slider. Список всех созданных слайдеров. Тут есть уже один образец слайдера, который создали разработчики плагина.
- Settings. Настройки плагина. Настроек очень много, и самое прекрасное, что их все можно оставить по умолчанию. Кому интересно, могут полазить там, а я не буду рассматривать этот пункт подробно.
- Go Pro! Тут можно купить платную версию плагина. Но кому она нужна, когда нам бесплатно дают столько возможностей! О них вы узнаете ниже.
Давайте создадим слайдер для WordPress и убедимся в возможностях этого плагина. Перейдите во вкладку «Sliders» и нажмите зелёную кнопку «Create slider».
В открывшемся окне дайте имя вашему слайдеру в поле «Slider name». Я напишу там «Мои картинки». Выберите размер в полях «Width» и «Height», определите один из трёх вариантов отображения в «Preset». В принципе, можно оставить всё по умолчанию, если не хотите возиться. В конце нажмите кнопку «Create».
Итак, создаётся слайдер для WordPress и после этого видим страницу с настройками.
Первый блок настроек «Publish slider». Здесь информация о том, как потом опубликовать готовый слайдер. В графе «Shortcode» можно получить шорткод, который можно поместить в запись или на страницу. В графе «Page or Post editor» нам показывают, что в реакторе записей и страниц образовалась новая кнопка, которая позволяет опубликовать слайдер. А в графе «PHP code» можно получить php код для установки слайдера в файлы шаблона.
Два первых способа публикации самые удобные.
Во вкладке «General» настраиваются основные опции: имя (Name), положение на сайте (Align), управление (Controls), анимация (Animation) и прочее.
Вкладка «Size» используется для настройки размеров. Можно определить ширину и высоту (Slider size), отступы (Margin), положение слайдера на экране (Default slide background fill mode), адаптивность (Responsive mode) и другое.
Во вкладке «Autoplay» настраивается автопереключение слайдера.
Вкладка «Other» для более тонких настроек, можно её не трогать.
Идём немного ниже и видим ещё один блок настроек, в котором есть шесть вкладок. Вкладка «Arrows» даёт огромнейшие возможности для настройки стрелок управления слайдера для WordPress.
«Bullets» управляет буллетами. Буллеты – это такие маленькие кружочки у слайдера, которыми можно переключать его.
Вкладка «Autoplay» управляет автозапуском слайдера.
В «Bar» можно включить бар у слайдера. Очень удобно, если нужно показать описание, например.
Вкладка «Thumbnail» управляет миниатюрами картинок слайдера для WordPress.
Итак, если вы уже наигрались с настройками, то давайте уже добавим картинки в наш слайдер для WordPress. Для этого нажмите на стрелочку около зелёной кнопки «Add Image Slider». Откроется меню.
Чтобы добавить изображение в слайдер, нужно нажать на пункт «Add images» в этом меню. Откроется стандартная медиабиблиотека, где нужно выбрать картинку. После выбора картинки, её миниатюра сразу становится видной в слайдере. Если кликнуть на неё, то можно произвести определённые настройки.
Подробно настройки рассказывать не стану. Если коротко, там можно дать изображению имя, описание, присвоить ей ссылку. Но самое замечательное, можно создавать слои с текстом, изображениями, кнопками и накладывать их на загруженную картинку, как в Photoshop.
Для создания слоёв используйте блок, который я показал на скриншоте ниже.
После всех настроек картинки не забудьте нажать «Save».
Если на кнопке добавления слайда нажать теперь пункт «Add video», то можно прикрутить к слайдеру ролик из YouTube или Vimeo. Для этого нужно просто вставить ссылку на видео в поле и нажать «Add Video».
Ролик сразу появляется в списке слайдов и при клике по нему открываются индивидуальные настройки, такие же, как в случае с картинкой.
В данной статье я расскажу вам о плагине Meta Slider, который помогает организовать на вашем сайте любое количество слайдшоу с различными спецэффектами. Данный плагин я использовал уже не раз на клиентских сайтах, когда требуется простое бесплатное решение с хорошим функционалом.
Использовать слайдшоу Meta Slider вы можете как на главной странице, так и в любой записи, либо сайдбаре (боковой колонке сайта). Настройки до безобразия просты, а внедрение слайдера на сайт WordPress еще проще.
Внимание! Я выпустил новую тему Romb для ваших статейников и блогов. Максимально быстрая по Google PageSpeed и максимальная оптимизация под SEO.
Стоит заметить : даже если у вас уже в шаблоне установлено слайдшоу на Главной странице, вы можете с легкостью ставить данный плагин и использовать его в любой части сайта, что позволит добавить динамику в отдельные статьи, страницы, либо прорекламировать свой инфопродукт в сайдбаре.
Шаг 1: создаем первое слайдшоу
Кликаем по нему и попадаем на страницу, где сверху увидим такое
Нам предлагают создать свое первое слайдшоу, что мы и делаем, кликнув на +.
Если планируете делать несколько различных слайдеров для сайта, то можете кликнуть дважды по их названию и тогда появится возможность ввести свое название.
Шаг 2: загружаем картинки в слайдер
Теперь настало время загрузить картинки. Советую для каждого отдельного слайдшоу делать изображения одинакового размера по ширине и высоте. В помощь PhotoShop, либо моя любимая программа . Одинаковый размер для одного набора картинок позволит их отображать так, как вы запланировали: без обрезания и искажений.
Нажимаем и добавляем картинки для выбранного слайдшоу. Сам процесс добавления стандартный для сайтов на WordPress. После этого появится вот такое:
Верхняя крайняя слева стрелка указывает на изображение. Если подведете на нее мышку, то в углу миниатюры появится X, который позволит удалить выбранной изображение.
Галка в поле New Window сделает так, что по клику на картинку выбранная ссылка откроется в новом окне. Остальное понятно из скриншота.
Если необходимо поменять очередность картинок, то достаточно навести курсор на миниатюру и "схватить" левой клавишей мыши, после чего перетащить в нужное место.
Шаг 3: настройка эффектов для слайдера
Справа идет блок настроек визуального оформления и эффектов слайдшоу на сайте. Блок длинный, поэтому будем разбирать по частям.
Чтобы вы не делали в выбранном слайдшоу, необходимо по окончании изменений его сохранить. Для этого используем кнопки Save, либо Save&Preview (сохранить и сразу посмотреть как будет выглядеть).
Под кнопками сохранения можно выбрать на основании какого скрипта должно работать наше слайдшоу. На выбор даются самые популярные. В зависимости от вашего выбора, снизу появится свой дальнейший блок настроек. Для примера остановимся на первом.
Обратите внимание, что ширину (width) и высоту (height) я задал ровно такую, какого размера у меня изображения. Вы ставите свои размеры. Красная стрелка показывает на поле эффекта, с которым будет отрабатывать слайдер на сайте.
В нашей бесплатной версии плагина Meta Slider эффектов не сильно много, но их достаточно, чтобы посетители вашего сайта положительно оценили ваш сайт. Кто хочет, может купить PRO версию Meta Slider за 19$ (ссылку увидите).
D этом блоке мы ставим галку, если нужны стрелки навигации влево и вправо (Arrows), а также можем спрятать нижнюю навигацию (Hidden), либо отображать её в виде точек
Для статьи или Главной удобно оставлять данную навигацию, а вот для рекламы инфопродуктов можно смело прятать.
Далее у нас идет блок Advanced Settings. Здесь мы можем точечно настроить стиль отображения: время задержки, чередование, направление и т.п. Можете смело поэкспериментировать, чтобы найти нужные для себя параметры. Если я начну описывать каждый, то статья будет невероятно длинной.
Шаг 4: внедряем созданный слайдер на сайт
Мы можем внедрить слайдер на сайт при помощи шорткода, либо функции PHP. Шорткод удобно использовать в статье, а функцию прописывать в файл шаблона. Сами решаете как вам лучше сделать.
Обратите внимание, что в шорткоде и функции есть цифры, которые обозначают номер вашего слайдшоу.
Включаем шорткоды в стандартном виджете сайдбара Text
Кто хочет использовать слайдер в сайдбаре, но не включена возможность отработки шорткодов в виджетах, предлагаю вариант решения без плагина.
2 010 руб.
Сотовый телефон BQ Mobile BQ-2435 Slide Gold
Размер экрана 2.4 дюйма. С mp3-проигрывателем. Корпус - слайдер . Емкость аккумулятора 800 mAh. Разрешение экрана - 240x320. Слот для карт памяти - microSD. На 2 SIM-карты. С bluetooth. С радиоприемником. Тип - кнопочный телефон. Макс. объем карт памяти 32 Gb. Вес: 98 г. Размеры 104.0х52.0х16.0 мм.
купить в интернет-магазине Электрозонвозможен кредит | возможен самовывоз
фото
1 759 руб.
Сотовый телефон Ark Benefit V3 Black
Технология изготовления экрана - TFT. С экраном 2.4 дюйма (6 см). Радиоприемник. Слот для карт памяти - microSD. Две SIM-карты. С максимальным поддерживаемым объемом карт памяти 32 Гб. Корпус - слайдер . Bluetooth. С размером встроенной памяти 32 Гб. MP3-проигрыватель. Тип - кнопочный телефон. С емкостью аккумулятора 800mAh. Разрешение экрана - 240x320. С толщиной: 14.0 мм. С высотой: 103.0 мм. С шириной: 53.0 мм. С весом: 103 г.
купить в интернет-магазине Плеер.Рувозможен самовывоз
фото
2 050 руб.
Мобильный телефон BQ Mobile BQ-2435 Slide Black (черный)
На 2 SIM-карты. Корпус - слайдер . Слот для карт памяти - microSD. Разрешение экрана - 240x320. Тип - кнопочный телефон. Размер экрана 2.4 дюйма. С радиоприемником. Макс. объем карт памяти 32 Gb. С mp3-проигрывателем. Емкость аккумулятора 800 mAh. С bluetooth. Вес: 98 г. Размеры 104.0х52.0х16.0 мм.
купить в интернет-магазине Flash Computersвозможен самовывоз
фото
980 руб.
Мобильный телефон Vertex S107 Red VRX-S107-RED (красный)
Тип SIM-карты - обычные. С емкостью аккумулятора 1100mAh. Разрешение экрана - 240x320. Две SIM-карты. Слот для карт памяти - microSD. С максимальным поддерживаемым объемом карт памяти 16 Гб. Корпус - слайдер . Bluetooth. С экраном 2.4 дюйма (6 см). Технология изготовления экрана - TFT. С фотокамерой 0.3 мегапикселей. Тип - кнопочный телефон. MP3-проигрыватель. Радиоприемник. С толщиной: 16.0 мм. С высотой: 103.0 мм. С шириной: 51.0 мм. С весом: 195 г.
в интернет-магазине ОГО!Онлайн-гипермаркетвозможен самовывоз
видеообзор фото
1 826 руб.
13% 2 089 руб.
Мобильный телефон Vertex s107 S107-RED
Размер экрана 2.4 дюйма. Фотокамера 0.3 Mpx. Емкость аккумулятора 1100 mAh. Корпус - слайдер . Технология изготовления экрана - TFT. С радиоприемником. С bluetooth. Макс. объем карт памяти 16 Gb. Тип SIM-карты - обычные. Разрешение экрана - 240x320. С mp3-проигрывателем. Тип - кнопочный телефон. Слот для карт памяти - microSD. На 2 SIM-карты. С толщиной: 16.0 мм. С высотой: 103.0 мм. С шириной: 51.0 мм. С весом: 195 г.
в интернет-магазине XcomShopвозможен самовывоз
видеообзор фото
1 315 руб.
11% 1 484 руб.
Vertex S107, Black VRX-S107-BL (черный)
С экраном 2.4 дюйма (6 см). Корпус - слайдер . С фотокамерой 0.3 мегапикселей. Разрешение экрана - 240x320. Тип - кнопочный телефон. Bluetooth. MP3-проигрыватель. С максимальным поддерживаемым объемом карт памяти 16 Гб. Тип SIM-карты - обычные. Радиоприемник. С емкостью аккумулятора 1100mAh. Слот для карт памяти - microSD. Технология изготовления экрана - TFT. Две SIM-карты. Высота: 103.0 мм. Ширина: 51.0 мм. Толщина: 16.0 мм. Вес: 195 г.
в интернет-магазине OZON.ruвидеообзор фото
2 010 руб.
Сотовый телефон BQ Mobile BQ-2435 Slide Blue
Корпус - слайдер . Слот для карт памяти - microSD. С bluetooth. Макс. объем карт памяти 32 Gb. С mp3-проигрывателем. На 2 SIM-карты. Размер экрана 2.4 дюйма. С радиоприемником. Емкость аккумулятора 800 mAh. Разрешение экрана - 240x320. Тип - кнопочный телефон. С высотой: 104.0 мм. С шириной: 52.0 мм. С толщиной: 16.0 мм. С весом: 98 г.
в интернет-магазине Электрозонвозможен кредит | возможен самовывоз
фото
1 989 руб.
Сотовый телефон BQ BQ-2435 Slide Gold
Bluetooth. С экраном 2.4 дюйма (6 см). Корпус - слайдер . Разрешение экрана - 240x320. Тип - кнопочный телефон. MP3-проигрыватель. Две SIM-карты. С максимальным поддерживаемым объемом карт памяти 32 Гб. Слот для карт памяти - microSD. С емкостью аккумулятора 800mAh. Радиоприемник. С толщиной: 16.0 мм. С высотой: 104.0 мм. С шириной: 52.0 мм. С весом: 98 г.
в интернет-магазине Плеер.Рувозможен самовывоз
фото
2 050 руб.
Разрешение экрана - 240x320. Макс. объем карт памяти 32 Gb. С mp3-проигрывателем. С радиоприемником. Тип - кнопочный телефон. Слот для карт памяти - microSD. Корпус - слайдер . На 2 SIM-карты. С bluetooth. Размер экрана 2.4 дюйма. Емкость аккумулятора 800 mAh. Вес: 98 г. Размеры 104.0х52.0х16.0 мм.
в интернет-магазине Flash Computersвозможен самовывоз
фото
1 990 руб.
Мобильный телефон BQ Mobile BQ-2435 Slide Gold (золотистый)
Радиоприемник. С максимальным поддерживаемым объемом карт памяти 32 Гб. Bluetooth. Тип - кнопочный телефон. С емкостью аккумулятора 800mAh. MP3-проигрыватель. Корпус - слайдер . Две SIM-карты. С экраном 2.4 дюйма (6 см). Разрешение экрана - 240x320. Слот для карт памяти - microSD. С высотой: 104.0 мм. С толщиной: 16.0 мм. С шириной: 52.0 мм. С весом: 98 г.
в интернет-магазине ОГО!Онлайн-гипермаркетвозможен самовывоз
фото
1 399 руб.
23% 1 808 руб.
Vertex S107, Red VRX-S107-RED (красный)
Фотокамера 0.3 Mpx. Емкость аккумулятора 1100 mAh. С mp3-проигрывателем. Тип - кнопочный телефон. Разрешение экрана - 240x320. Размер экрана 2.4 дюйма. Корпус - слайдер . На 2 SIM-карты. Тип SIM-карты - обычные. Технология изготовления экрана - TFT. Слот для карт памяти - microSD. С bluetooth. С радиоприемником. Макс. объем карт памяти 16 Gb. С высотой: 103.0 мм. С толщиной: 16.0 мм. С шириной: 51.0 мм. С весом: 195 г.
в интернет-магазине OZON.ruвидеообзор фото
2 010 руб.
Сотовый телефон BQ Mobile BQ-2435 Slide Black
С экраном 2.4 дюйма (6 см). С емкостью аккумулятора 800mAh. MP3-проигрыватель. Разрешение экрана - 240x320. Корпус - слайдер . Две SIM-карты. Радиоприемник. Тип - кнопочный телефон. С максимальным поддерживаемым объемом карт памяти 32 Гб. Bluetooth. Слот для карт памяти - microSD. Толщина: 16.0 мм. Ширина: 52.0 мм. Высота: 104.0 мм. Вес: 98 г.
в интернет-магазине Электрозонвозможен кредит | возможен самовывоз
фото
1 989 руб.
Сотовый телефон BQ BQ-2435 Slide Red
Тип - кнопочный телефон. Размер экрана 2.4 дюйма. Емкость аккумулятора 800 mAh. На 2 SIM-карты. С bluetooth. Корпус - слайдер . Разрешение экрана - 240x320. С радиоприемником. Макс. объем карт памяти 32 Gb. С mp3-проигрывателем. Слот для карт памяти - microSD. С высотой: 104.0 мм. С толщиной: 16.0 мм. С шириной: 52.0 мм. С весом: 98 г.
в интернет-магазине Плеер.Рувозможен самовывоз
фото
2 050 руб.
Мобильный телефон BQ Mobile BQ-2435 Slide Blue (синий)
С максимальным поддерживаемым объемом карт памяти 32 Гб. Bluetooth. С экраном 2.4 дюйма (6 см). С емкостью аккумулятора 800mAh. MP3-проигрыватель. Корпус - слайдер . Разрешение экрана - 240x320. Радиоприемник. Две SIM-карты. Тип - кнопочный телефон. Слот для карт памяти - microSD. С высотой: 104.0 мм. С толщиной: 16.0 мм. С шириной: 52.0 мм. С весом: 98 г.
в интернет-магазине Flash Computersвозможен самовывоз
фото
1 990 руб.
Мобильный телефон BQ Mobile BQ-2435 Slide Red (красный)
Размер экрана 2.4 дюйма. Емкость аккумулятора 800 mAh. На 2 SIM-карты. С bluetooth. Корпус - слайдер . Разрешение экрана - 240x320. С радиоприемником. Макс. объем карт памяти 32 Gb. С mp3-проигрывателем. Тип - кнопочный телефон. Слот для карт памяти - microSD. Вес: 98 г. Размеры 104.0х52.0х16.0 мм.
в интернет-магазине ОГО!Онлайн-гипермаркетвозможен самовывоз
фото
1 358 руб.
Vertex S107, Red Уцененный товар (N3) VRX-S107-RED (красный)
Тип SIM-карты - обычные. С емкостью аккумулятора 1100mAh. Bluetooth. С экраном 2.4 дюйма (6 см). Технология изготовления экрана - TFT. MP3-проигрыватель. Корпус - слайдер . Разрешение экрана - 240x320. С максимальным поддерживаемым объемом карт памяти 16 Гб. Радиоприемник. Две SIM-карты. С фотокамерой 0.3 мегапикселей. Тип - кнопочный телефон. Слот для карт памяти - microSD. С высотой: 103.0 мм. С толщиной: 16.0 мм. С шириной: 51.0 мм. С весом: 195 г.
От автора:
в этой статье мы с вами познакомимся с еще одним полезным и замечательным плагином для WordPress — это плагин Meta Slider. Это плагин слайдер для WordPress, с помощью которого вы сможете быстро и просто организовать на страницах вашего сайта слайдер или слайдшоу. Приятным бонусом будет возможность выбора различных вариантов слайдера, его простая настройка, а также адаптивность из коробки.
Когда вы публикуете статью или новость, часто недостаточно просто сухого текста. Хочется как-то оживить этот текст, например картинкой или несколькими картинками. Визуальное сопровождение действительно оживляет текст. Ну а если эти картинки будут еще красиво и оригинально поданы — будет вообще супер. Такая статья больше придется по душе читателям. И слайдер является отличным способом украсить статью или страницу.
Есть ли плагин слайдера для WordPress? Есть и плагинов таких — огромное количество, выбирай — не хочу
Могу порекомендовать остановить свой выбор на плагине Meta Slider, который я упоминал выше. Начнем с того, что установив этот плагин вы в результате получите не один вариант слайдера, а сразу четыре популярных на данный момент слайдера:
Впечатляет, не правда ли? Давайте переходить от слов к делу. Установим плагин Meta Slider и посмотрим, как же просто производится настройка слайдера с этим плагином WordPress. Итак, идем в меню добавления новых плагинов и ищем плагин слайдшоу по запросу meta slider.
Устанавливаем и активируем найденный плагин слайдер — Meta Slider. После установки в меню вы увидите новый раздел, название которого совпадает с названием плагина.
Из названий пунктов меню понятно, что плагин предлагается в двух версиях: бесплатной и PRO. Можно предположить, что платная версия имеет больше настроек, но, на мой взгляд, настроек в бесплатной версии слайдера более чем достаточно. Большим преимуществом платной версии является поддержка видео слайдов с сервисов YouTube и Vimeo, так что если вам необходим подобный функционал, тогда стоит задуматься над приобретением платной версии плагина.
Переходим на главную страницу плагина, где нам предлагают создать первое слайдшоу.
Давайте так и сделаем, нажмем на плюсик и приступим к процессу создания слайдера. На открывшейся странице жмем кнопку Добавить слайд и просто выделяем картинки из вашей библиотеки медиафайлов, которые вы хотите вставить в слайдер, или прямо здесь загружаем необходимые картинки в библиотеку медиафайлов.
После добавления картинок мы попадем на страницу, где увидим все выбранные картинки, а также всевозможные настройки. Плагин слайдера для WordPress на русском языке, как вы видите, и это дополнительный плюс.
Первая же настройка в блоке справа позволяет выбрать вариант слайдера, по умолчанию это Flex Slider. Но мы можем выбрать и любой другой. Далее мы можем настроить эффект смены слайдов, размеры слайдера, навигацию по слайдшоу, тему слайдера (светлая, темная и т.п.). Это лишь основные настройки. В блоке расширенных настроек их куда больше — попробуйте поиграться с ними и подобрать конфигурацию на свой вкус.
Для каждой из фотографий слайдера нам предлагают добавить ее описание, также можно установить на слайд ссылку, если вы хотите, чтобы со слайда можно было перейти к какой-либо статье на вашем сайте. Как видим, настроек действительно хватает и настройка слайдера WordPress — довольно несложный процесс.
После окончания настройки слайдера нам остается взять предлагаемый шорткод и добавить его в нужное место статьи или страницы.
Кроме того, плагин можно вставить даже в шаблон, например в шапку вашего сайта (шаблон header.php). Необходимый код для вставки в шаблон мы можем взять во вкладке Вставка в шаблон.
Итак, копируем предлагаемый шорткод и вставляем его в выбранную статью. Результат отличный, в статье появился работающий слайдер и его реализация заняла считанные минуты.
Вот, собственно, и все. Экспериментируйте с настройками слайдера, чтобы получить удачное решение под дизайн вашего сайта. Удачи!
