Время для прочтения: 1 мин. 2 сек.

Плагин для WordPress Mihdan: Swiper

WordPress плагин, преобразующий стандартную галерею в элегантный слайдер на основе Swiper

Как пользоваться

Сохраняете архив с плагином из моего открытого репозитория на гитхабе и ставите, не распаковывая, как обычный плагин через админку WordPress.

Добавляете в визуальном редакторе фотогалерею стандартными средствами админки (через шорткод gallery), а на выходе получаете красивый, адаптивный слайдер, готовый к применению.

Живой пример

Галерея вполне себе настоящая, можно покликать по стрелкам.

Ссылки

Пошерить
Плюсануть
Отправить
Вотсапнуть

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

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

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

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

1. Нажимая на кнопку "Отправить", я даю согласие на обработку персональных данных.

2. Для вставки кода используйте специальные теги [code lang="php"]ваш код[/code]

30 комментариев

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

Плагин мне подошол идеально, спасибо автору, но есть одно но: при перелистывание слайдов страничка прокручивается в начало, а если слайдер на один-два экрана ниже на страничке, приходится каждый раз от шапки к нему возвращатся. Может кто знает, как поправить?

Автор
Кобзарёв Михаил

Вот прямо тут на странице есть пример сладера - он у вас также прыгает к верху страницы? Можете ссылку дать на ваш живой пример?

Sergey Zarubin

Хочу немного пояснить чем меня заинтересовал данный плагин.
Вы замечали чем занимается народ в метро? - в основном смотрят новости, ленты друзей, где немного контента и много фото.
На статейном сайте я не могу разместить много фото подряд - это будет смотреться неестественно. Должно быть: блок контента - фото - блок контента ... Но чтобы фото можно при желании (если заинтересовало) посмотреть еще аналогичное (но чтобы оно не шло подряд и не надоедало кому не интересно).
Это и решают ручные слайдеры - видим одно фото, но при желании можем полистать влево-вправо схожие по теме.
Да, есть такие плагины, но там предлагается вставлять фото или через div или посредство ul. Хотя есть более простое и удобное средство - стандартная галерея WordPress. Что и сделал автор в своем плагине - не надо править код и фото вставляем в стандартной галерее.Спасибо ему.

Я понял 🙂

Sergey Zarubin

Еще немного вас помучаю))
Подскажите какой слайдер (на ваш взгляд) лучше:
- Flexslider 2
- Swiper
- Slick
Требования минимальны: простое ручное листание, наименьшая нагрузка, поддержка тачскрин-листания на смартфонах. Функциональность как сделано у вас в плагине, все остальные навороты не нужны. К сожалению сам "плаваю" в этом вопросе.

99% - свайпер. Очень годный и достойный

Sergey Zarubin

Установил ваш плагин (Swiper) - действительно пока все летает и на десктопе и на смартфоне.

Пользуйтесь!

Sergey Zarubin

Спасибо за плагин. Перерыл весь интернет, но похоже вы единственный, кто оформил это в виде плагина. Респект.
Не сочтите за наглость, не могли бы вы и FlexSlider 2 оформить в виде плагина? Думаю это будет востребовано. Тут: https://tiffanybbrown.com/2014/09/using-flexslider-with-wordpress/ автор подвязывает его вместо стандартной галереи WordPress, но не в виде плагина. Думаю у многих нет навыка копаться в коде и что-то там править, а за плагин многие были бы благодарны.
Со своей стороны обязуюсь осветить ваши плагины статьей у себя на сайте.

Попробуемся. Ток будет пока без настроек. Для свайпера сделаю настройки и потом сюда скопипащу. Ок?

Sergey Zarubin

Конечно Ok, спасибо.

Попробуйте мою заготовку - https://github.com/mihdan/mihdan-flexslider. По работе плагина пишите здесь в комментах

Sergey Zarubin

Попробовал, пока пичалька.
Должен выглядеть как в описании:

Пока выглядит так:

- листается автоматом, а не в ручную
- нет кнопок листания слева-справа
- кружочки количества кадров вверху (а не внизу)
- непонятные черные кружочки справа-вверху

Но за труд - спасибо.

Главное, что уже завелся, а внешний вид поправим )

Sergey Zarubin

FlexSlider 2 конечно потяжелее ворочается.
Чет я уже подостыл к нему, особенно после ваших слов что "99% - Cвайпер. Очень годный и достойный".
Может ну его? (FlexSlider в смысле). Типа от добра добра не ищут ...

Теперь дело принципа 🙂

На выходных попробуем

Сергей Зарубин

Плагин замечательный. Но подскажите где можно заменить цвет кнопок листания.

Эти стили зашиты в файле https://github.com/mihdan/mihdan-swiper/blob/master/assets/css/swiper.min.css самого свайпера.

Искать по словам swiper-button-next и swiper-button-prev`

Сергей Зарубин

Можно ли изменить цвет кнопок листания - уж слишком они яркие.

Alex Babenko

Попытался установить ваш плагин, но не получилось. При активации выдаёт ошибку.
Плагин не был активирован, потому что он вызвал фатальную ошибку.
Parse error: syntax error, unexpected '[' in /home/u449573522/public_html/cafe/wp-content/plugins/mihdan-swiper-master/mihdan-swiper.php on line 73

Попробуйте еще раз. И обновите свой РНР - это не безопасно!

Alex Babenko

Теперь работает. Спасибо! ))

Для обновления плагинов из репозиториев, отличных от wp.org, есть отличный плагин - https://github.com/afragen/github-updater

Пожалуйста

У вас старый РНР. Сейчас сделаю даунгрейд

Alex Babenko

На хостинге стоит PHP Version 5.3.29
Узнаю можно ли обновить. Какая нужна?

Скрипт я обновил - он у вас должен уже работать, а версию надо самую последнюю стабильную. У меня везде 7я стоит давно уже. Просто 5.3 - уже очень старая. Короткий синтаксис для массивов появился в 5.4. Кто у вас хостер? Идите на таймеб - идеальный хостинг с моей точки зрения.

Alex Babenko

Я посмотрел в личном кабинете, есть выбор версии. И 7-я тоже есть. Раньше не замечал этого. Обновлюсь.
Спасибо ещё раз ))

Не за что