Плагин Галереи изображений для WordPress: адаптивная галерея вордпресс в модальном окне (затемнение)
С ростом популярности праздничной статьи на творческом блоге, многие спрашивали:
— Денис, как вы так красиво картинки в статье располагаете на кулинарных и творческих сайтах? Они идут не сплошной «простыней», а в несколько колонок и ещё всплывают на темном фоне с затемнением, и так похоже каждую можно скачать, правильно я понимаю? А то получается, что когда они одна под другой, то не статья, а гигантская колбаса какая-то получается… Кто-то пробует использовать таблицу и в неё уже картинки вставлять — смотрится быть может лучше, но с самой таблицей какие-то приключения происходят в мобильной версии — какие-то пустые строчки сами появляются. Ведь таблица не адаптивная…
Плагин Галереи для вордпресс
Рад Вас видеть! Пишет Денис. В вордпресс есть стандартный функционал, с его помощью можно делать изображения в несколько колонок. И ниже покажу, как это делается. Но я использую плагин галереи дополнительно, чтобы картинки открывались не в новом окне, а во всплывающем по тиму модального.
Но оно на самом деле не модальное, а просто затемняет фон и добавляется крестик. Конечно, можно было без плагинов обойтись. Но проверил несколько, и пришел к тому, что тот плагин, который использую для этого — отлично подходит и не нагружает сайт при объемах трафика.
К примеру, статья с этим плагином спокойно пропустила через себя 100 000 трафика за неделю в пик события. И всё работало как часы. Хотя, и есть некоторые нюансы. О них поговорим ниже…
Итак. Начните со стандартной галереи, чтобы добиться следующего эффекта:
Когда вы пишете статью и вставляете изображения, нажимаем — добавить медиафайл
И затем — создать галерею
Но там использую помимо галереи открытие слайдером. А это уже делается через плагин…
Tiled Galleries Carousel Without Jetpack
Если делать также, то обязательно отключать турбо, потому как будет некорректно выглядит на турбо страницах эта статья. Просто галочку нажимаю. ивсё
Попробуйте сначала без плагина… А потом при желании с плагином. Ведь сама галерея доступна по умолчанию в вордпресс. Таблицы конечно не нужно использовать, они не адаптивные в мобильных
С помощью стандартной галереи, можно легко делать в несколько колонок изображения
Адаптивная галерея вордпресс в модальном окне (затемнение)
Попробуйте…. я сначала плагин не одобрил из-за турбо страниц, и хотел отказаться сначала. А потом подумал, ну отключу тогда турбо на этих статьях и всё. Ведь они трафик приводят, и это главное. И смотрится весьма аккуратно. Меньше места занимает статья, и кажется — это удобнее для читателя.
Там ещё получается так, что где-то по два изображения в линию, где-то по три… и смотрится интересно.
Лайтбокс галерея вордпресс
К примеру здесь, настройки следующие:
Плагин максимально простой и не загужен большим количеством кода, что делает его использование разумным, без необходимости пользоваться галереей без плагинов. Создатели как бы взяли отдельный модуль из большого плагина с множеством возможностей JetPack, и отдельно создали модуль только для галереи. А это говорит о том, что нет смысла ставить огромный комбаин с множеством лишних функций, если нужна только галерея вордрпесс. Поэтому остановился на этом плагине. Протестировал, всё устраивает. Попробуйте и Вы!
Галерея изображений WordPress без JetPack
Несмотря на множество функций в JetPack, не всем пользователям нужны все эти коды для одного или двух модулей.
Попробуйте плагин: Tiled Galleries Carousel Without Jetpack
Я лично предпочитаю модуль Tiled Gallery с полноэкранной каруселью в JetPack и не хочу загромождать блог другими модулями. Именно поэтому я создал эту галерею-карусель без использования JetPack.
Этот плагин преобразит ваши галереи, добавив новый визуальный стиль, который точно понравится вашим пользователям. Он позволяет отображать галереи изображений в различных стилях, таких как прямоугольная мозаика, квадратная мозаика и круговая сетка.