Вчера ко мне в письме обратился покупатель моего автонаполняемого блога о новостях в мире компьютерных игр с вопросом о том, как настроить работу слайдера в шаблоне сайта, выполненного на WordPress .
Немножко попытаюсь прояснить ситуацию. Сейчас в Интернете достаточно много ресурсов, которые распространяют бесплатные темя для WordPress , среди этих тем какое-то их количество слайдеров не содержит (такие темы достаточно «древние» по возрасту), у какого-то количества тем слайдеры содержатся и зависят от публикуемых на блоге или сайте сообщений напрямую (темы новые, но уже начинают устаревать), и есть, так называемые, премиум-темы, у которых слайдеры относительно постоянные и не зависят от поступающих на блоге сообщений (темы достаточно новые и современные).
Я же в этой публикации подробно опишу процесс формирования и настройки слайдеров в темах, где они зависят напрямую от публикуемого материала в сообщениях сайта или блога и их изображений.
Скажу сразу, мне эти темы не совсем по душе, и я стараюсь в последнее время от них отказываться. Но это сугубо мое мнение, и я не буду его никому навязывать.
И так … Слайдер – это меняющийся рисунок в определенной части сайта или блога (чаще всего где-нибудь в верхней части или шапке), который может иметь заглавие и превю с активной ссылкой на опубликованное сообщение (новость). В нашем примере слайдер выглядит следующим образом.
Главной его особенностью и отличительной чертой является то, что он зависит от содержания текста и наличия изображения миниатюры в сообщениях (публикациях) отнесенных к определенной рубрике. Неудобством такого слайдера и темы в целом является то, что если все публикации выбранной рубрики или хотя бы их часть из последних пяти опубликованных не содержат миниатюр, то слайдер работать не будет.
Как настроить работу такого слайдера? Для этого мы должны зайти в админ-панель нашего сайта (См. публикацию ). В левом меню админ-панели выбираем раздел «Внешний вид » и в выпадающем от этой опции подменю выбираем подраздел «Настройка темы TopGame » (Это для нашого примера, а в Вашем случае смотрите название темы, которая у Вас установлена).
После нажатия левой кнопкой мыши по названию подраздела «Настройка темы TopGame », перед нами открывается лист настроек данной темы. Нас интересует в этом листе раздел «Рубрика для слайд-шоу », она выглядит примерно вот так (для увеличения изображения кликните по нему левой кнопкой мыши):
В верхней строке с помощью стрелочки и правой кнопки мыши выбираем одну из рубрик на Вашем блоге, из последних сообщений которой Вы бы хотели транслировать слайды. В нашем примере выбрана рубрика «Онлайн игры », которая, как мы видим, содержит пять постов (публикаций). Не забываем нажать правой кнопкой мыши по кнопке «Сохранить изменения » в левом нижнем углу листа настроек темы. Первую часть настройки слайдера мы выполнили!
Далее рассмотрим, как формируется слайд для слайдера непосредственно при опубликовании сообщения в данную выбранную нами рубрику. Для примера я опубликую новое сообщение «Экономическая браузерная mmorpg - Anno Online », которое отнесу к рубрике «Онлайн игры », поставив галочку в разделе рубрики в правом меню редактора.
Далее нам необходимо для слайдера где-нибудь найти изображение размерами не менее чем 610 на 320 пикселей (оптимальный размер слайда в нашем примере, в Вашем — будут другие параметры). Если изображение будет меньше, то слайдер будет работать некрасиво с черными полями, компенсирующими недостающий размер рисунка. Не рекомендую выбирать и слишком большое по размерам изображение, так как в качестве слайда будет использоваться только его фрагмент.
В правом меню редактора в самом его низу найдите раздел «Миниатюра записи » и кликните по опции «Задать миниатюру » левой кнопкой мыши, после чего открывается обычный загрузчик изображений, через который Вы загружаете выбранный нами для слайда рисунок (изображение).
Во время загрузки изображения скопируйте адрес изображения, он будет иметь вот такой вид http://site.com/wp-content/uploads/2014/09/anno.png , где site.com – Ваш сайт, а anno.png – название загруженного Вами изображения.
После удачной загрузки миниатюры, ее превю высветится у Вас в окошке раздела «Миниатюра записи ». Например, вот так, как в нашем случае.
В верхней правой части редактора открываем опцию «Настройка экрана ».
В открывшейся форме ставим левой кнопкой мыши галочку в квадратик «Произвольные поля » (в некоторых случаях она уже стоит по умолчанию, если это так, то убедитесь в этом).
После этого в нижней части редактора откроется форма настройки произвольных полей.
Из всего прочего открывшегося нас с Вамии будет интересовать только опция «Добавить новое поле: »
Где в разделе «Имя » мы выбираем селектор featured или же если его нет, то через опцию «Введите новое » прописываем его вручную (это необходимо для таблицы стилей). В графу «Значение » вставляем скопированный ранее адрес изображения, который будет использоваться в качестве слайдера.
После проведенных манипуляций, публикуем наше сообщение в целом. Как видим, в нашем примере слайд добавился удачно, и слайдер работает нормально.
Вот, в принципе, и все! Надеюсь, изложил сам процесс формирования слайдера подробно и не слишком заумно, а главное – понятно для начинающих веб-мастеров. Если будут вопросы пишите в комментариях, постараюсь ответить!
Я Приветствую Вас! Меня зовут Владимир Савельев и я автор этого блога. Сегодня я хочу Вам рассказать — что такое слайдер, его преимущества и недостатки. А также покажу как установить слайдер на WordPress .
В прошлой статье я рассказал о ТОП 9 — самые лучшие плагины для защиты от спама. Обязательно посмотрите!
Но вернемся к слайдеру.
Тенденции современного web-дизайна обязывают владельцев ресурсов к рациональному совмещению информационного контента и стильного оформления. Сегодня интернет серфинг сводится к быстрому изучению ресурсов, чаще всего по диагонали.
Поэтому чтобы пользователи действительно заинтересовались и остались на сайте, он должен быть оригинальным и отличаться максимально удобной навигацией.
Слайдер на wordpress – одно из лучших и самых интересных решений, облегчающее общение с посетителями и позволяющее изучить максимум полезного и важного контента за минимальное время.
Слайдеры вордпресс для сайтов красивы, полезны, информативны и просты в установке. Плагин для слайд-шоу можно размещать как на главной, так и на любой другой странице проекта.
Что такое слайдер?
Слайдером или каруселью изображений называют специальный элемент web-дизайна, представленный в виде блока с картинками или текстом.
Главная задача слайдера – показ интерактивного контента, изменяющегося в ручном или автоматическом режиме и привлекающего внимание к определенному содержимому ресурса.
В качестве контента для плагина слайд-шоу используются картинки, изображения, а также текстовые фрагменты в виде ссылок, переход на которые открывает полные данные. Также в слайдер можно вставить видео и flash-анимацию.
Существует множество готовых как бесплатных, так и платных слайдеров на wordpress, не требующих знаний программирования и реализовывающих различные динамические эффекты анимации.
Преимущества использования слайдеров
Привлечение внимания аудитории!
По статистике, наибольший интерес у посетителей ресурсов вызывают именно сменяющиеся динамические элементы. В виду чего, плагин слайд-шоу становится идеальным инструментом, позволяющим создать потрясающий дизайн сайта и обратить внимание на определенную информацию.
Например, собственнику виртуального магазина слайдер wordpress пригодится для оповещения о поступлении новой продукции, текущих акциях и скидках;
Экономия места и продвижение!
Плагин слайд-шоу, состоящий из изображений и текстового контента, существенно экономит место на ресурсе. Правильно интегрируя слайдерскую карусель вордпресс, можно выводить в верхние позиции наиболее значимый контент, определяемый поисковыми ботами, как самый важный, что, безусловно, положительно скажется на продвижении вашего ресурса в топ.
Недостатки использования слайдеров
Страдают в первую очередь скорость загрузки и вес страницы — решив украсить сайт слайдером wordpress, помните, что далеко не всем доступна быстрая сеть. Многие для выхода во всемирную паутину применяют Wi-Fi, не предлагающий высокой скорости.
Слайдер контента из нескольких габаритных изображений может существенно замедлить скорость загрузки проекта. Это грозит тем, что посетители со слабым интернетом будут чаще уходить с вашего проекта, а поисковые боты будут индексировать страницы с медленной загрузкой несколько хуже;
Meta Slider – многофункциональный, простой и классный слайдер
Рассмотрим, как внедрить и настроить плагин слайд-шоу на проект на конкретном примере. Установим Meta Slider – бесплатный, простой и многофункциональный слайдер, который великолепно вписываясь в шаблон ресурса, реализует на нем любое количество шоу слайдов с разнообразными спецэффектами.
Помимо этого, созданные при помощи Meta Slider карусели изображений, являются seo- оптимизированными, что благотворно влияет как на визуальное восприятие, так и на авторитетность ресурса в глазах поисковиков.
Размещается слайдер на главной странице, в боковой колонке или в любой записи. Настройки и внедрение слайд-шоу Meta Slider очень просты.
Как настроить слайдер-шоу Meta Slider на wordpress?
Скачайте, установите и активируйте плагин. После этого в боковой колонке панели админа вы увидите новый пунктик Meta Slider Lite. Кликните на верхней вкладочке с небольшим крестиком и добавляйте изображения в созданную слайд карусель.
Нажмите клавишу «добавить слайд» и загрузите выбранные изображения с компьютера;
Для этого наводим курсор на изображение, заблаговременно нажав левую кнопочку мышки. Чтобы зафиксировать результаты, жмем «сохранить» либо «сохранить и посмотреть». Эта функция чрезвычайно удобна и предоставляет возможность сразу увидеть, как выглядит ваше слайд-шоу;
В базовой модификации Meta Slider разработчиком представлено четыре вида слайдеров. Опции настроек для каждого слайд-шоу располагаются под клавишами сохранения на правой стороне:
- слайдер «Responsive Slides» – отзывчивый, наиболее легкий из всех, один эффект;
- слайдер «Nivo Slider» – отзывчивый, четыре темы и шестнадцать эффектов;
- слайдер «Flex Slider 2» – отзывчивый, режим карусели, два эффекта;
- слайдер «Coin Slider» – четыре эффекта.
Подбирайте оптимальный вариант и выполняйте его специализированные настройки.
Все настроечные опции слайдерской карусели представлены в четырех разделах:
- Общие – здесь выбираем подходящий вид слайд-шоу, его размеры, тему (стиль) и эффект смены;
- Управление – в этом разделе вы можете выключить показ элементов, при помощи которых осуществляется управление шоу слайдов;
- Расширенные настройки – на ваш выбор предложено: включить автопрокручивание ресурса, сменить скорость анимационных эффектов и переходов, активировать опцию случайного показа изображений, а также настроить множество других эффектов;
Здесь, в основном, настроечные опции будут зависеть от вида слайдера, который вы подберете изначально;
- Опции разработчика – возможность добавлять скрипты и CSS classes, созданные собственноручно. Предназначена для опытных сайтостроителей;
Для просмотра готового и внедренного слайд-шоу на собственном проекте, воспользуйтесь сгенерированным для каждого слайдера шорткодом или функцией PHP. Для этого необходимо скопировать и вставить шорткод в необходимое место.
Функцию удобнее прописывать в файл шаблона. Обращаю внимание, что цифрами, которые имеются в функции PHP и шорткоде, обозначен номер вашего слайдера.
Если вы опасаетесь всего нового или боитесь поломать ресурс, смело применяйте Meta Slider – сайт он не испортит!
Начинающим сайтостроителям я рекомендую ставить слайдер на wordpress со стандартными настройками, а уже после начать изменять эффекты и оформление. Также убедитесь, что у вас подключена последняя версия jQuery. На этом все, удачи Вам!
У нас кстати в городе снега столько выпало просто жесть! Интересно везде так или только у нас в области?
Совсем недавно посмотрели с женой фильм Дурак! Столько шума и мнений вызвал этот фильм просто Атас! Обязательно посмотрите его, каково же Ваше мнение будет о нем, интересно...
Вчера выплатил деньги — победителям моих конкурсов, скоро запущу новые и не менее интересные! Подписывайтесь на блог и тоже участвуйте!
PS: Наконец-то купил сыну прикольного хомяка-повторюшку. Давно у меня выпрашивал хомяка этого, думал очередная фигня, а нет, всей семьей ржали как лоси Брал тут ! Теперь он постоянно с ним дурачится! Надо будет видео с ним прикольное записать.
Смотрели видео про этого хомяка? Ржака!
С уважением, Владимир Савельев
Премиум-уроки от клуба webformyself
Это новый революционный продукт в области обучения сайтостроительству! Все лучшие видео-уроки собраны в одном месте и разделены на категории: WordPress, Joomla, PHP, HTML, CSS и JavaScript... База постоянно пополняется и уже сейчас в ней более 200 уроков! Всего за один год - Вы сможете стать опытным веб-мастером "с полного нуля"!Подробнее
Найти хороший слайдер для wordpress – задача отнюдь не простая. Последние данные говорят, что насчитывается 690 плагинов-слайдеров для WordPress. Кто имеет столько времени, чтобы изучить каждый плагин?
Чтобы помочь вам отделить зёрна от плевел, мы приводим здесь обзор и оценку 10-ти наиболее популярных бесплатных плагинов слайд-шоу, выбранных из этого списка. Эти слайдеры изображений сравнительно недавно были обновлены, и все они получили отзывы от пользователей WordPress.
Какой плагин слайд-шоу используете вы? Расскажите нам в комментариях ниже.
Meta Slider - слайдер для WordPress
Meta Slider
является на сегодняшний день наиболее популярным слайдером для WordPress, имея огромное количество загрузок более 2 миллионов.
Он имеет четыре jQuery слайдера – Nivo Slider (адаптивный, 16 эффектов перехода, четыре темы), Coin Slider (четыре эффекта перехода), Flex Slider 2 (адаптивный, два эффекта перехода, режим карусели), Responsive Slides (адаптивный, только эффект затухания).
Создать новое слайд-шоу несложно – добавьте изображение, выберите слайдер, который вы хотите использовать, и плагин выдаст шорткод, который вы можете добавить в любое место вашего сайта.
Имеется также pro-версия этого плагина, если вы хотите заплатить деньги за дополнительные функции.
Easing Slider
Имеющий почти 650 000 загрузок, Easing Slider Lite – второй по популярности слайдер-плагин.
Этот не занимающий много места плагин позволяет устанавливать размеры и продолжительность вашего слайдера и включает в себя возможность сделать слайд-шоу интерактивным. Имеет два эффекта перехода, эффект затухания. Как и для многих других слайдеров, вы должны использовать шорткод, чтобы добавить ваш слайдер в запись или на страницу.
При помощи этого плагина вы можете создавать только одно слайд-шоу, поэтому, если вы хотите иметь на своём сайте больше, то вам придётся поискать что-то другое.
Smooth Slider
Smooth Slider
создаёт слайд-шоу для контента и изображений с настраиваемым задним фоном и интервалами между слайдами, которое можно разместить в любом месте на вашем сайте.
Функции плагина включают в себя адаптивный дизайн и шесть эффектов перехода. Он также поддерживает настраиваемый слайдер, слайдеры категорий и последних записей, включает теги шаблонов, шорткод и виджет.
Последняя версия этого плагина не всегда работает корректно, при его настройке он может нарушать работу сайта. Судя по странице поддержки Smooth Slider, проблемы с этим плагином возникали у многих пользователей.
WOW Slider
Wow Slider
необычен тем, что для создания слайд-шоу вам необходимо скачать отдельную программу, мастер WOWSlider. После того как вы выбрали изображения для слайд-шоу, вы можете затем загрузить их в плагин. Вы должны будете скопировать и вставить шорткод, чтобы добавить слайдер в любое место на вашем сайте.
Веб-сайт плагина включает в себя довольно полную документацию, чтобы помочь вам в том случае, если у вас возникнут какие-либо проблемы.
vSlider Multi Image Slider for WordPress
vSlider
позволяет отображать на вашем сайте неограниченное количество слайдеров изображений, хотя сколько слайдеров – «слишком много»?
Вы можете вставлять слайдеры на ваш сайт с помощью шорткода, настраиваемого виджета или используя его как функцию в вашей теме.
У плагина имеется полезный FAQ и видео-руководство, которое объяснит вам, как настроить ваш первый слайдер. Если у вас возникнут какие-либо проблемы, то для вас также доступен форум.
SlideDeck 2 Lite Responsive Content Slider
SlideDeck
– популярный и многосторонний плагин, имеющий продвинутый функционал по сравнению с предыдущими плагинами.
Эта Lite версия не включает в себя весь набор из 14 источников контента, таких, как Facebook, NexGEN и Gallery, которые доступны в премиум-версии.
Но всё-таки Lite версия позволит вам быстро создавать слайд-шоу из любого контента, такого, как изображения, записи и видео.
EasyRotator for WordPress – Slider Plugin
EasyRotator
обещает, что пользователи получат «для своего сайта WordPress красивые, интерактивные ротаторы и слайдеры фото в считанные секунды», но на самом деле это требует некоторой настройки. Сначала вы должны будете установить Flash-программу для создания ваших слайдов – или ротаторов – на вашем ПК, которая может раздражать. После этого вы можете создать новый ротатор в редакторе страницы или записи. Вы также можете использовать шорткод, чтобы вставить ротатор на ваш сайт или добавить ротатор в вашу тему с помощью соответствующей функции.
После всех проблем с установкой Flash-программы может оказаться, что он не будет работать, когда вы попытаетесь настроить основной слайдер из редактора записей. Небольшое исследование показало, что этот плагин не работает с Safari/Chrome.
Responsive WordPress Slider – Soliloquy Lite
Soliloquy
– один из наиболее известных слайдеров, и не зря – он прост в установке, вам не нужно скачивать Flash-программу для создания и загрузки слайдеров или возиться с настройками. Он просто работает.
После того, как вы добавите изображения, выберите размер слайдера, скорость и нажмите «Опубликовать». После этого нужно скопировать полученный шорткод на любую страницу или запись, куда вы хотите установить слайдер.
Хотя это Lite версия, она всё-таки имеет достаточно возможностей, чтобы её попробовать.
Cyclone Slider 2
Cyclone Slider 2
возвращает слайдеры назад к основам. Он предлагает простую установку, отображает простой слайдер изображений и включает в себя такие функции, как задержки, размеры и паузу при наведении.
Плагин поддерживает изображения, YouTube, Vimeo, настраиваемый HTML и рекомендованные слайдеры. Вы можете перетаскивать ваши слайды, чтобы изменить их порядок, слайдеры интерактивны.
Этот плагин имеет также pro-версию.
Responsive Slider
Responsive Slider
– очень простой слайд-шоу плагин, который требует некоторых настроек, но это делает его простым в использовании.
Добавление новых слайдов является несложным делом, и вы можете разместить их в любом месте вашего сайта с шорткодом или внутри вашей темы, используя соответствующую функцию.
Настройки позволяют изменять ширину и высоту слайдера, добавлять эффект перехода, задержки, длительности анимации и автоматического запуска.
Этот плагин предназначен только для одного слайдера, так что если вы хотите установить на своём сайте несколько слайдеров, вам придётся воспользоваться другим плагином.
Самый популярный и самый лучший слайдер
И победитель: Meta Slider
.
Meta Slider
– не только наиболее часто скачиваемый слайдер-плагин, но он также получил наивысший рейтинг от пользователей.
Он удобен в использовании, имеет хороший баланс возможностей и функций – и всё это бесплатно.
vSlider Multi Image Slider , SlideDeck 2 Lite и Soliloquy Lite – также замечательные слайдер плагины, если ваш сайт перегружен изображениями и вы хотите сделать много слайдеров. Эти три темы ориентированы на профессионалов, чтобы привлекать клиентов – иметь больше продаж – с бесплатными продуктами.
Если вы просто хотите иметь очень простой слайдер без всяких наворотов, то вам, безусловно, подойдёт Cyclone Slider 2. Это прекрасный слайдер, который легко настраивается и не отягощён бесчисленным множеством настроек и опций.
Но если потом вам понадобится слайдер с большим функционалом и возможностью размещать на вашем сайте несколько слайдеров, вы не сможете пройти мимо Meta Slider.
Слайдер для 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».
Ролик сразу появляется в списке слайдов и при клике по нему открываются индивидуальные настройки, такие же, как в случае с картинкой.
В этой статье я расскажу про слайдер на WordPress, который отличается простой в использовании, однако при этом не обделён функциями и возможностями. Речь пойдёт о дополнении Meta Slider.
Вот какие достоинства в нём следует выделить:
- Плагин прост в настройке.
- Интерфейс на русском языке.
- Есть возможность настроить атрибуты Title и Alt для изображений слайдов.
- Можно назначить ссылки каждому слайду.
- Имеется четыре готовых дизайна.
- Есть несколько эффектов переходов.
- Слайдер получается адаптивным.
Как сделать слайдер на WordPress с помощью Meta Slider
После активации плагина в консоли появится новый пункт «Meta Slider». Перейдите в него и нажмите на кнопку с иконкой плюса, чтобы создать новый слайдер.
Наведя мышь на вкладку с названием слайдера, вы можете изменить его наименование. А нажав на кнопку «Добавить слайд», вы можете добавить изображения в слайдер.
Каждый добавленный слайд имеет настройки из трёх вкладок.
- Основное. Здесь задаётся описание для картинки и при необходимости ссылка для неё. Можно сделать, чтобы ссылка открывалась в новой вкладке.
- СЕО. Здесь можно задать Title и Alt для картинки, что положительно скажется на SEO-оптимизации слайдера для WordPress.
- Обрезать. Опции обрезки картинки.
В боковой колонке справа слайдер на WordPress имеет опции для настройки.
- Кнопка «Просмотр» позволяет взглянуть на слайдер до публикации.
- Кнопка «Сохранить» сохраняет внесённые изменения.
- Четыре кнопки ниже позволяют выбрать дизайн для слайдера.
- Ширина. Задаёт ширину слайдера в пикселях.
- Высота. Задаёт высоту слайдера в пикселях.
- Эффект. Можно выбрать эффект перехода. В бесплатной версии список немного ограничен.
- Дизайн. Можно дополнительно выбрать дизайн для слайдера. В бесплатной версии ограниченно.
- Стрелочки. Включает или выключает стрелки для переключения слайдера.
- Навигация. Включает или выключает точки под слайдером.
Немного ниже есть ещё один блок настроек, который можно развернуть – это «Расширенные настройки».
Здесь собраны различные опции, среди которых есть выравнивание, отступы, настройка скорости показа, анимации и многое другое. Не стану подробно останавливаться.
