Главная » Статьи » Создание сайтов



Создаем фотогалерею на Wordpress для сайта-портфолио

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

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

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

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

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


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

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

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

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



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


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



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

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

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



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

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

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


Категория: Создание сайтов | Добавил: rivoi (24.08.2011)
Просмотров: 770 | Рейтинг: 5.0/1
Всего комментариев: 2
0  
2 stasevich   (16.02.2012 05:19)
уважаемые специалисты, просветите пожалуста чайника, как мне засунуть флеш в колонку меню вместо картинки? на моем сайте- линк ниже с лева, черное меню с картинкой, туда хочу засунуть фаил swf кого за это надо убить?<a href="http://atlantida-show.com/photoheb.html">רקדניות</a> <a href="http://strippers-show.com/">חשפן</a>

0  
1 Anita Mane   (11.10.2011 11:50)
Статья интересная, обязательно попробую так сделать на своем сайте. У меня стоит Отзывчивая тема, будет ли на ней так работать, проверю. Кстати, очень удобно на планшетах смотрится

Имя *:
Email:
Код *: