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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

7. В поле «Gallery Link OnClick Effect» обязательно оставляем галку в положении «Remove», иначе наша произвольная  ссылка открываться не будет.

8.У нас осталось еще не заполненым поле «Gallery Link Additional CSS Classes». Оно понадобится если захотите что то изменить в внешнем виде галереи. А пока оставляем его пустым;

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

Галерея в один ряд

Если число колонок в настройках галереи вы укажете  6,   то галерея  может выглядеть вот так. А в демонстрационной галерее я указал число колонок -3.

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

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

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

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


 

 

Cтатьи на похожие темы

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

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