Встроенную галерею сайта на вордпресс можно использовать не только для удобного просмотра фотографий, но и как навигационный элемент сайта, если сделать картинки в галерее ссылками. Я вам расскажу как это сделать при помощи плагина вордпресс Gallery Custom Links.
По умолчанию в движке вордпресс такой возможности не предусмотрено. При загрузке галереи можно выбрать два варианта настройки ссылок:
1. Медиафайл;
2. Страница вложения.
Т.е возможности указать произвольную ссылку нет.
Идея использовать галерею как навигационный элемент сайта пришла в голову когда я делал сайт для фотографа. Одно из пожеланий заказчика было сделать статичную главную страницу с миниатюрами на ней, кликая на которые можно было бы переходить в те, или иные рубрики, записи или страницы.
Предположив что простое решение уже существует, я порывшись в репозитории плагинов вордпресс быстро нашел то, что меня интересовало, а именно плагин Gallery Custom Links. Именно он добавит к изображениям в стандартной галерее возможность указывать в настройках произвольную ссылку.
Предлагаю посмотреть вначале то что должно у нас в результате получится, тогда будет больше шансов того что дочитаете статью до конца. Эту галерею из трех снимков я создал что бы показать вам наглядно результативность и эффективность работы плагина.
В этой галерее я использовал три картинки, ссылки с которых ведут на определенные страницы моего сайта, выбранные просто для примера. А у вас картинок может быть больше и расположены не в три ряда, а в 4 или допустим 6, словом столько, сколько вам нужно. Кликаем по картинкам и убеждаемся сами что все работает.
Демонстрационная галерея
Итак, если хотите такой же результат или подобный, то нужно сделать следующее:
1. Для начала скачайте плагин Gallery Custom Links из репозитория вордпресс;
2. Установите и активируйте плагин стандартным способом; Никакой настройки плагин не требует, и начинает работать сразу после активации.
3. Создайте на сайте галерею, в которой вы пропишите нужные ссылки. В админке сайта выбираем «добавить страницу/добавить медиафайл/создать галерею».
Отмечаем нужные снимки из нашей библиотеки файлов;
4. Убеждаемся что что в настройке галереи «параметры файла», благодаря плагину появились новые поля, которые нам предстоит заполнить;
5. Находим поле «Link URL» и прописываем в нем нужную нам ссылку, например на какую-нибудь рубрику или запись;
Открываем в новом окне эту рубрику, и в адресной строке браузера копируем ее url адрес. Копируем и вставляем в поле «Link URL». И так для всех изображений в галерее.
6. Далее нам необходимо выбрать будет ли открываться ссылка в том же окне, или в новом. Для этого в поле «Link Target» ставим галку напротив «New page” если хотим открыть ее в новом окне, или же «Same page» если будем открывать ссылку в том же окне;
7. Зачем нужно поле «Link Rel», я откровенно говоря не понял.
9. Жмем «Создать новую галерею». В настройках галереи я указал число колонок 3. Вы можете указать такое значение которое вам нужно. Потом это можно будет изменить. Все готово, нажимаем «сохранить» и смотрим нашу галерею с ссылками, убеждаемся, что все работает хорошо.
Обратите внимание. По умолчанию миниатюры в вордпресс квадратные 150 на 150. Если вас это устраивает, то оставляем все как есть.
Вариантов использования такой галереи может быть масса других.
Надписи на картинках я сделал в фотошопе. Если вам лень заморачиваться с фотошопом, то можете указать название альбома под миниатюрой, заполнив в настройках галереи поле «подпись». Однако вид такой подписи получается слишком аскетичным. Хотя это можно поправить стилями.
С помощью плагина Gallery Custom Links можно преобразовать и украсить любую тему вордпресс, и добавить нужный вам функционал.
Галерея получается адаптивной или нет ?
Да, галерея получается адаптивной, внедрял на двух своих прежних сайтах
в Элементоре тоже работает, спасибо за статью
не все так хорошо — сей плагин добавляет название сайта на все картинки даже в логотип, что обидно.
Совсем не представляю как вы его используете. У меня все работает ОК, никаких проблем. Думаю что дело не в плагине. Возможно несовместимость с Элементором, я так понял что вы его юзаете? Пришлите ссылку в личке. Есть и другой плагин на эту тему, никак до него не доберусь
Приветствую, Александр. Сайт на Опенсервере, тема OceanWP, галерея Элементорская, Галерея-ссылка (собственно то что по теме статьи «Как сделать картинки в галерее вордпресс
ссылками») взята с https://www.tyler.com/category/photo-gallery/ J6 и помещена в секцию Элементора.
Далее инсталлирую плагин, ввожу линк на нужную страницу п.1) https://d.radikal.ru/d26/1910/d0/0c94e3a2d2a3.jpg
пишу заголовок и получаю п.2) https://c.radikal.ru/c09/1910/a6/bee09d03b103.jpg т.е. с названием сайта. Ну и все картинки в галерее (на другой уже странице) получают надпись названия сайта https://a.radikal.ru/a19/1910/49/fdfb2058078c.jpg
После деактивации плагина в п.2) надпись названия сайта пропадает а во всех картинках галерей она остается, т.е. даже если сохраняю картину на винт в jpg.
Удивлению нет предела, плагин или не плагин? Попробую на другом тест-сайте сделать БЕЗ плагина Gallery Custom Links и с ним, о результате отпишусь
Любопытный случай.Попробуйте еще на другом хостинге картинок.
сделал подобное на новом сайте — галерея, галерея-меню с линком (плагин) и такой проблемы нет, видимо где-то что-то в глубинах….да и плагинов всего три 🙂
Приветствую. Не подскажете, как разом изменить все галереи с «медиафайла» на страницу вложения»? Какой запрос в бд сделать?
К сожалению не подскажу, не приходилось сталкиваться. На почту вам ссылочку отправлю, там человек как то решал похожую задачу
Спасибо!
Здравствуйте! Огромная благодарность за статью. Не могу словами описать сколько инфы я перелопатила, чтобы найти ответ на вопрос Как сделать простенькую, демонстрационную горизонтальную галерею с большим голичеством миниатюрок для обложек книг, со ссылками на страницу скачивания.. которую можно было вставить и в гаджеты и на страницы…Желательно с прокруткой… Такой информации нигде не нашла, хотя на многих сайтах вижу такие галереи.. Остановилась на вашем варианте..
Нелли, я рад, если оказалось полезным, дальнейших успехов Вам в освоении Вордпресс
Галерею со ссылками получилось создать и вставить в запись. А как вставить эту же галерею в футер сайта???
Когда-то я вставлял такую галерею в хедер. Но можно вставить и в футер, или сайдбар. Пытался написать вам как это сделать, но обнаружил что моя тема не желает публиковать код в комменариях. Я вам на почту напишу сейчас
Спасибо за поддержку!! После конструктора сайтов Web Page maker вордпресс кажется очень сложным, ну просто какая то ненасытная машина.. На все нужны плагины или коды.. Хорошо, что у меня есть опыт работы в дневниках Ли. ру, иначе бы вообще ничего не смогла понять.. Пишу с телефона, завтра обязательно займусь галерей. Спасибо ещё раз..
Нелли, если уж у вас есть опыт работы с Web Page maker, то советую установить на компьютер программу-локальный сервер. Тогда будет возможность создать в компьютере копию сайта и на ней учиться, экспериментировать, пробовать что то новое, а потом уже результат переносить на действующий сайт, который находится в сети. Я себе установил программу «Денвер» и все опыты делаю вначале в нем, например какой то новый код, или настройку плагина. Есть несколько бесплатных программ для локального сервера. Если что то непонятно будет, я помогу
О!! Хорошая идея!! В Web Page maker все делается блоками и любой контент вставляется в один клик из вкладки Вставка… Я создавала сайты с несколькими страницами с меню и различными эффектами, но после того, как Флеш плеер от Адобе скончался на многих сайтах медиафайлы не отображаются. У меня был курс по вирусный открытка и красивый сайт. Но потом это стало как то не актуально, но работать в конструкторе WP было в удовольствие.. Я так же записала небольшой курс как в нем работать.. Для сайтов одностраничников замечательный конструктор.. Вот не знаю как страницу HTML привязывать в вордпресс… Ещё не дошла до этого, но знаю, что так можно если создать поддомен. Я почему то думала, что коды вордпресс и коды в WPM разные.. Я работала с кодами в обычном Блокноте, вставляля видео, аудио плееры, всплывающие банеры.. Думала, что в вордпресс все это делается легко и просто.. Но не твто было.. На все один ответ:Вставьте код в файл!!! А плагины, дескать, только загружаю сайт.. На каждый чих нужен плагин… Спасибо, что помогаете мне.. Мой сайт рукодельный и в нем будет ооочень много фото и мастер-классов..За 10 лет в интернете многому научилась, но оказалось, что моих знаний недостаточно… Денвер у меня был когда то, но я его как то не поняла и установила WPM…
Я уверен, что имея такую подготовку, вы легко овладеете и вордпрессом. Плагинов в общем не стоит уж так опасаться, тем более что выбор их большой, почти всегда можно найти,те что нагружают сайт меньше. Хотя конечно использовать код лучше.У меня на сайте порядка 30 плагинов, при этом скорость загрузки страниц неплохая. По мере возможности нахожу замену плагинам, уменьшая их количество. HTML макет мне пока не приходилось натягивать на шаблон вордпресс, просто нужды пока не было, а уроков как это делается в сети полно.Ваши идеи вызывают интерес, удовольствием взгляну на ваш сайт, когда будет готово. Ну и все что в моих силах всегда помогу и подскажу
у меня ничего не работает.. везде все проставила.. но нажимая на картинки в галлерее не происходит ничего.. перепробывала все галочки.. не понимаю((
Если все верно заполнили, как на скриншотах, то должно все работать. Проверьте еще раз. Новая ссылка должна быть прописана в окне «URL ссылки», а не в каком то другом». Плагин использован мною на различных сайтах и с разными темами вордпресс. Везде работает без проблем. Возможна несовместимость с каким либо плагином, уже установленном на сайте. Попробуйте отключить все плагины кроме этого и проверить снова. Убедитесь что у вас на сайте обновлена версия PHP. Желательна версия 7.4. Что бы ее проверить, зайдите в панель управления сайтом на вашем хостинге, и если нужно то обновите. Как это сделать, есть мануал на самом хостинге