Generic selectors
Только точные совпадения
Искать в заголовках
Искать в контенте
Искать в статьях
Искать на страницах
Filter by Categories
FAQ
Hostenko
Вдохновение
Видеоуроки
Новости
Плагины
Темы
Уроки
Хаки

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

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

Soliloquy — WordPress плагин для создания адаптивного слайдера на jQuery

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

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

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

Soliloquy — WordPress плагин для создания адаптивного слайдера на jQuery

Специализированный хостинг для сайтов на WordPress!

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

Soliloquy — WordPress плагин для создания адаптивного слайдера на jQuery

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

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

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

Soliloquy — WordPress плагин для создания адаптивного слайдера на jQuery

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

Специализированный хостинг для сайтов на WordPress!

Soliloquy — WordPress плагин для создания адаптивного слайдера на jQuery

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

Soliloquy — WordPress плагин для создания адаптивного слайдера на jQuery

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

Soliloquy — WordPress плагин для создания адаптивного слайдера на jQuery

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

Soliloquy — WordPress плагин для создания адаптивного слайдера на jQuery

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

Soliloquy — WordPress плагин для создания адаптивного слайдера на jQuery

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

Soliloquy — WordPress плагин для создания адаптивного слайдера на jQuery

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

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

Soliloquy — WordPress плагин для создания адаптивного слайдера на jQuery

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

Заключение

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

Источник: WPLift.com
Специализированный хостинг для сайтов на WordPress!

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

Такой 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 от посетителей с выбором рубрик на подписку, организация рассылок.

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