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

Я нашел Flex Slider от WooThemes, но это был просто jQuery плагин, вам нужно писать код WordPress части самостоятельно. Потом я нашел слайдер Soliloquy, который хорошо выглядел и поставлялся с WordPress плагином. Разработчик любезно предоставил мне его для тестирования и обзора.

Вы можете приобрести Soliloquy за $20 с поддержкой одного сайта и за $99 с поддержкой неограниченного количества сайтов, плагин GPL совместим.

Купить Soliloquy здесь » |

Установка плагина

Как только вы приобрели плагин, авторизируйтесь на сайте и скачайте плагин. Затем, в консоли администратора WordPress, перейдите в Плагины → Добавить новый.

Активируйте плагин и вы увидите новый пункт меню — "Soliloquy".

Если вы не знаете, что такое плагины и как их устанавливать, посмотрите этот урок.

Настройка плагина

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

Добавление слайдера

Чтобы добавить первый слайдер, выберите пункт меню "Add New". Вы увидите много опций, — первое, что нужно сделать, это загрузить изображения, которые будут использоваться в слайдере:

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

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

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

Как только вы закончили, и вам все нравится, нажимайте кнопку "Publish". Теперь вы можете разместить слайдер несколькими способами: используя шорткод, который вы можете использовать в записи или странице, или используя некоторый PHP код, который вы можете поместить прямо в файл темы.

Вот как примерно будет выглядеть слайдер:

Если ваша тема адаптивна, при изменении размера окна браузера ваш слайдер будет также менять размер.

Заключение

Это достаточно неплохой плагин — он оказался действительно простым в установке, мне понравилось, что для начала работы опций не слишком много. Но есть некоторые вещи, которые я бы хотел добавить — больше вариантов движения слайдов: в данный момент есть только слайдер слева или справа и исчезание. Также хотелось бы выбирать категорию (или тег) для постов, которые можно было бы использовать в слайдере, он мог бы брать изображения из записей и использовать их, при этом ссылаясь на посты.

Источник: WPLift.com

Вам понравился материал?

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

1 комментарий

сначала новые
по рейтингу сначала новые по хронологии

Доброй ночи! Мне очень понравился ваш блог, перечитываю буквально каждый пост!

У меня есть сайт с большой посещаемостью (раньше было около 17 тыс в сутки, сейчас всего 9 тыс), но беспокоит проблема с тем что при полном кешировании сайта, постоянно вылазит ошибка "Ошибка соединения с БД" - из за лимита на хостинге в 10 тыс запросов в час. Так вот - не знаю как определить в чем проблема уже на протяжении месяца (правда, я не спец, я сеошник).

Это лишь одна проблема.

Также есть желание переверстать старые галереи на сайте, которые были сделаны через NextGen в новый формат слайдера, понравился вариант как сделано тут http://www.inmyroom.ru/posts/decor/DIY/15/10/2012/osennie-dekoratsii или тут
http://buro247.ru/fashion/news/11590.html , пытался найти в вашем блоге урок, долистал до 12ой страницы, пока все остальное прочитал, но этого не нашел.

Вопрос такой - как сделать шорткод с этой галереей или кнопку (кнопку уже знаю как создавать благодаря вам!), чтобы при этом была возможность вставлять рисунки из галереи NextGen? От Nextgen не могу уйти, потому что загружено более 5 тысяч фотографий, каждая из которых имеет свой URL в галереях и оплачена работа по подписыванию каждой из этих фотографий.

Помимо этого есть еще много вопросов, например организация подписок на сайте: приема e-mail от посетителей с выбором рубрик на подписку, организация рассылок.

Ответьте тут или свяжитесь пожалуйста по почте, за ваше время готов платить, как за консультации, так и за работу! Также буду очень благодарен если посоветуете разработчика адекватного, который не пропадет и не напортачит, поскольку сайт боевой и на нем тренироваться нельзя.