Как сделать картинки в галерее вордпресс
ссылками

сайт для фотографаВстроенную галерею сайта на вордпресс можно использовать не только для удобного просмотра фотографий, но и как навигационный элемент сайта, если сделать картинки в галерее ссылками. Я вам расскажу как это сделать при помощи плагина вордпресс Gallery Custom Links.
По умолчанию в движке вордпресс такой возможности не предусмотрено. При загрузке галереи можно выбрать два варианта настройки ссылок :
1.Медиафайл;
2.Страница вложения.
Т.е возможности указать произвольную ссылку нет.

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

Предположив что простое решение уже существует, я порывшись в репозитории плагинов вордпресс быстро нашел то, что меня интересовало, а именно плагин Gallery Custom Links. Именно он добавит к изображениям в стандартной галерее возможность указывать в настройках произвольную ссылку.

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

В этой галерее я использовал три картинки,ссылки с которых ведут на определенные страницы моего сайта, выбранные просто для примера. А  у вас картинок может быть больше и расположены не в три ряда а в 4 или допустим 6, словом столько, сколько вам нужно. Кликаем по картинкам и убеждаемся сами что все работает.

Демонстрационная галерея

 

Итак, если хотите такой же результат или подобный, то нужно сделать следующее:

1.Для начала скачайте плагин Gallery Custom Links из репозитория вордпресс;
2. Установите и активируйте плагин стандартным способом; Никакой настройки плагин не требует, и начинает работать сразу после активации.
3.Создадем на сайте страницу с галереей, которая послужит нам навигационной сеткой. В админке сайта выбираем «добавить страницу/добавить медиафайл/создать галерею».

Создадем на сайте страницу с галереей, которая послужит нам навигационной сеткой. В админке сайта выбираем «добавить страницу/добавить медиафайл/создать галерею»

Отмечаем нужные снимки из нашей библиотеки файлов;

4.Убеждаемся что что в настройке галереи «параметры файла», благодаря плагину появились новые поля, которые нам предстоит заполнить;

.Находим поле «Gallery Link URL» и прописываем в нем нужную нам ссылку, например на какую- нибудь рубрику или запись

5.Находим поле  «Link URL» и прописываем в нем нужную нам ссылку, например на какую- нибудь рубрику или запись;

скопировать рубрику

Открываем в новом окне эту рубрику, и в адресной строке браузера копируем ее url адрес. Копируем и вставяем в поле «Link URL» . И так для всех изображенией в галерее.

6. Далее нам необходимо выбрать будет ли открываться ссылка в том же окне, или в новом. Для этого в поле «Link Target» ставим галку напротив « New page” если хотим открыть ее в новом окне, или же «Same page» если будем открывать ссылку в том же окне;

7. Зачем нужно поле «Link Rel», я откровенно говоря не понял.

9.Жмем «Создать новую галерею». В настройках  галереи  я указал  число колонок 3. Вы можете указать такое значение которое вам нужно. Потом  это можно  будет  изменить.  Все готово, нажимаем «сохранить» и смотрим нашу галерею с ссылками, убеждаемся, что  все работает хорошо.

Обратите внимание. По умолчанию миниатюры в вордпресс квадратные 150 на 150. Если вас это устраивает, то оставляем все как есть. Если вы хотите что бы миниатюры были другого размера и пропорций, тогда придется изменить их размеры в пункте админки сайта «Настройки/медиафайлы» -Например 300 на 200 пикселей, как это сделал я.

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

Соображения  по поводу названия альбома или рубрики  в миниатюре. Названия я прописал в фотошопе по самой картинке. Если вам лень заморачиваться с фотошопом, то можете указать название альбома под миниатюрой, заполнив в настройках галереи поле «подпись». Правда вид такой подписи мне честно говоря не очень. Хотя это можно поправить стилями.

С помощью плагина  Gallery Custom Links можно преобразовать и украсить  любую тему вордпресс, и добавить нужный вам функционал.


 

 

оцените статью
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (2 оценок, среднее: 5,00 из 5)
Загрузка...

Как сделать картинки в галерее вордпресс
ссылками
: 2 комментария

    1. Александр Максимов Автор записи

      Да, галерея получается адаптивной, внедрял на двух своих прежних сайтах

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *