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

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

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

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

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

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

Живой пример

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

Ссылки

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

WordPress Digest Мой канал в Телеграм, посвящённый WordPress

Отличный плагин. А главное автор знает свое дело и поэтому вышел замечательный продукт. Лучший слайдер для WordPress.

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

Спасибо за лестный отзыв, очень приятно!

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

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

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

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

Попробовал, пока пичалька.
Должен выглядеть как в описании:
https://uploads.disquscdn.com/images/74a60fca79b3afa368d1beb8201ce17bd43afc66e54c6645def6d98c12e68eca.jpg
Пока выглядит так:
https://uploads.disquscdn.com/images/a7965ef7e45e7be8562eb3cf8f057c7f535c97598eef00fa27e9f6160f42a3a5.jpg
— листается автоматом, а не в ручную
— нет кнопок листания слева-справа
— кружочки количества кадров вверху (а не внизу)
— непонятные черные кружочки справа-вверху

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

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

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-я тоже есть. Раньше не замечал этого. Обновлюсь.
Спасибо ещё раз ))

Не за что

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

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

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

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

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

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