Блог о сайтостроении и заработке в сети

Возникла необходимость создать сайт-портфолио с фотогалереей работ.

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

Немного подумав, на каком движке лучше всего будет это реализовать, я всё же остановилась на моем любимом Wordpress.

Прогулялась по инету в поисках шаблонов для сайта-портфолио, но так и не нашла для себя ничего подходящего. Да, темы-портфолио есть, из них можно что-то выбрать, но у меня в голове есть конкретная картинка, каким должен быть сайт, вот эту картинку я и пыталась найти. Далее пошла в поисках готовых плагинов для создания портфолио на Wordpress. Честно устанавливала и тестировала несколько плагинов, но не один из них меня не устроил (вот такая я привереда)))

И тогда, я нашла простой и гениальный способ реализовать то, что мне нужно.

Создание фотогалереи в Wordpress

В стандартной сборке Wordpress есть возможность создавать фотогалереи на любой странице сайта.

1. Создаем запись, загружаем туда фотографии как обычно мы это делаем при создании постов.

2. Далее жмем кнопочку: Вставить в галерею.

Здесь можно изменить настройки галереи, например порядок сортировки фотографий, количество выводимых миниатюр. Также можно открыть каждую фотографию и изменить ее название, например, прописать нужные title.

Вот так будет выглядеть галерея фотографий на странице

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

Нам нужно сделать так, чтобы фотографии показывались не в новом окне, а всплывающим окном на той же странице, и при этом могли перелистываться, что очень удобно и красиво!

Для этого существует очень простой и удобный плагин jQuery Lightbox. Он очень прост в установке и практически не требует никаких настроек. Просто устанавливаешь его, активируешь его и всё, миниатюры открываются вот так:

Кроме того, с помощью этого плагина можно менять настройки экрана вывода фотографий на свой вкус, там есть 5 различных вариантов вывода.

То, что мне нужно !

Если вам понравилась статья (или если не понравилась), буду рада комментариям )))