Сайт для фотографа

сайт для фотографаУвлекшись сайтостроением на вордпресс, я долго практиковался на локальном сервере,читал, изучал основы. А потом сделал  сделал себе первый сайт-визитку. На нем стал выкладывать свои выставочные и особо значимые для меня снимки. Вторым шагом стало сделать подобные сайты для приятелей фотохудожников. Сообща решили, что сайт для фотографа должен быть с удобной навигацией и с темным фоном, что бы лучше читались снимки. И еще было пожелание, сделать навигацию на главной  странице, с миниатюрами  альбомов. Что бы кликнув на миниатюру, можно было бы переходить в тот, или иной альбом. Что-то похожее  реализовано в  темах  вордпресс с сеточным стилем. Но такой вариант нас не устроил, по той причине, что ссылка с миниатюры ведет на отдельную страницу. А нужно  было что бы ссылка с главной  вела на ту или иную рубрику.Для реализации этого  пожелания, я решил использовать  плагин  WP Gallery Custom Links. Он  позволяет задать произвольные  ссылки   миниатюрам в  стандартной галереи вордпресс. Эти ссылки могут вести куда вам угодно. На нужные страницы, записи, рубрики, или на сторонние ресурсы. Попробую рассказать подробно последовательность действий. Итак, для начала  скачайте плагин  из репозитория  вордпресс  Далее следует стандартная установка и активация. Никакой настройки плагин не требует, и начинает работать сразу после активации. Создадим на сайте страницу с галереей, которая послужит нам навигационной сеткой. В админке сайта выбираем «добавить страницу/добавить медиафайл/создать галерею». Отмечаем нужные снимки из нашей библиотеки файлов. создать галерею
Обратите внимание,то в колонке «параметры файла»,благодаря плагину появились новые поля, которые нам предстоит заполнить. Для того что бы сделать миниатюры в галерее ссылками. Главное-это прописать в поле «Gallery Link URL» нужную нам ссылку, например на какую -нибудь рубрику. скопировать рубрикуОткрываем в новом окне эту рубрику, и в адресной строке браузера копируем ее url адрес. Копируем и вставяем в поле «Gallery Link» . И так для всех изображенией в галерее. Далее нам необходимо выбрать будет ли открываться ссылка в том же окне, или в новом. Для этого в поле «Gallery Link Target» ставим галку напротив « new window” если хотим открыть ее в новом окне, или же ничего не меняем если будем открывать ссылку в том же окне. В поле «Gallery Link OnClick Effect» обязательно оставляем галку в положении «Remove», иначе наша ссылка открываться не будет. У нас осталось еще не заполненым поле «Gallery Link Additional CSS Classes». Оно понадобится если захотите что то изменить в внешнем виде галереи. А пока оставляем его пустым. Жмем «Создать новую галерею». В настройках  галереи  выставьте число колонок ,например -3. Потом это можно  будет  поменять.  Все готово, нажимаем «сохранить» и смотрим нашу галерею со ссылками,убеждаемся,что все работает хорошо.галерея со ссылками А если число колонок в настройках галереи изменить на 6, то галерея примет такой вид.Галерея в один рядОбратите внимание. По умолчанию миниатюры в вордпресс квадратные. Если вас это устраивает, то оставляем все как есть. Если вы хотите что бы миниатюры были другого размера и пропорций, тогда придется проделать следующее. Идем в админку сайта. «Настройки/медиафайлы» и задаем там новый размер миниатюр. Например 300 на 200 пикселей. Нажимаем «сохранить изменения». Настройки медиафайлов». Но размеры миниатюр ранее загруженных снимков от этого к сожалению не изменятся. Нам нужно их перезаписать. И в этом нам поможет плагин вордпресс «Regenerate Thumbnails». Скачиваем его в репозитории вордпрес по ссылке https://wordpress.org/plugins/regenerate-thumbnails/, устанавливаем и активируем. Затем идем снова в админку, в меню «инструменты» у нас появился новый пункт « пересоздать миниатюры». Заходим туда, и жмем одноименную кнопку. Ожидаем, готово, смотрим как изменилась наша галерея.

Что теперь? Теперь нам остается в настройках сайта указать созданную нами страницу , в качестве главной. По мере того, как количество альбомов на вашем сайте будет расти, можно будет добавлять в созданную нами навигационную галерею новые миниатюры. Прописав для них соответствующие произвольные ссылки. Да, и еще по поводу названия альбома в миниатюре. Названия я прописал в фотошопе по самой картинке. Хотя возможен иной вариант. Если вам лень заморачиваться с фотошопом, то можете указать название альбома под миниатюрой, заполнив в настройках галереи поле «подпись». Есть еще один момент. Я использовал в галерее как горизонтальные снимки, так и вертикальные. Просто так захотелось. Но это добавляет мороки и возни при компоновке их в самой галерее. Наверное оптимальным будет все так использовать одинаковые картинки, либо горизонтальные, либо вертикальные
С помощью плагина WP Gallery Custom Links можно преобразовать любую тему вордпресс. В моему случае была использована  тема Twenty Twelve, вернее дочерняя тема на ее основе. Посмотреть на окончательный вариант того что получилось можно  по этой ссылке.Сайт

 

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

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

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