Портфолио – это не просто красочная галерея работ; качественное портфолио должно учитывать множество нюансов. Помимо представления самого продукта, важно и сопровождающее его описание, которое должно обеспечивать надлежащий уровень контекста. Кроме этого, портфолио обязано заинтересовать посетителей, но не отвлекать их внимание от самой работы.
Тема Harington от разработчика ClaPat – отличный пример идеального портфолио для WordPress. Это потрясающая креативная тема, созданная для художников, фотографов, дизайнеров и других творческих профессий, однако ничто не мешает использовать данную тему на любом другом сайте WordPress, где нужно показать товар лицом. Основные фишки Harington – это шикарный слайдер-витрина (showcase), карусель, галерея работ с эффектом параллакса и быстрая загрузка страниц благодаря используемой технологии Ajax. Тема полностью адаптивна и подходит для устройств с Retina-экранами.
Варианты организации портфолио
Тема Harington предлагает 6 макетов для создания галереи портфолио на вашем сайте:
- Плитка в стиле «метро» с большими отступами между фотографиями.
- Галерея в формате «кирпичной кладки» (masonry) с произвольной сортировкой.
- Сетка со ступенчатым выравниванием фотографий (ladder grid).
- Сетка с масштабированием во время скроллинга (пролистываемые фотографии уменьшаются в размере).
- Сетка в две колонки.
- Смешанная сетка (mixed grid).
Разработчик предусмотрел в этой теме для WordPress 12 готовых вариантов оформления портфолио. Очень стильно выглядят различные эффекты перехода при прокрутке страницы и клике на фотографию: это различные типы геометрических искажений, осветление и затемнение, прорисовка шрифтов «на лету», параллакс. В типографике используются шрифты беззасечные (sans-serif) крупного размера, что создаёт ощущение больших пространств. Оформление светлое, очень минималистичное, в серо-белых тонах: всё внимание сосредоточено на фотографиях.
Советуем к прочтению
Мультимедийные виджеты
Поскольку Harington – это тема WordPress для организации портфолио, то разработчик сделал упор на эффектном представлении продуктов, будь то художественные фотографии, картины или какие-то другие творческие работы. Разумеется, в этом случае невозможно обойтись без слайдера. В данной теме для WordPress используется великолепный полностраничный showcase-слайдер, который идеально подойдёт для лендингов.
Другой виджет – это слайдер-карусель в формате витрины, который подойдёт не только для представления художественных работ, но и для любого другого контента, включая похожие статьи в блоге. Сам блог в теме Harington оформлен в инвертированном чёрно-белом варианте, по контрасту с портфолио.
Слайдерами виджеты не ограничиваются: вашей фантазии будет где разгуляться, потому что данная тема предусматривает ещё несколько способов презентации продуктов.
- Галерея с эффектом лайтбокса.
- Полноэкранное изображение с наложением текста и эффектом параллакса (можно использовать как призыв к действию или Hero Image).
- Слайдер контента; подойдёт для информационных блоков, галереи в стиле «Наша команда» и т.д.
- Зацикленная карусель контента – слайдер с бесконечной прокруткой.
- Карусель контента, в которой слайды можно двигать при помощи курсора.
- «Пришпиленная» секция (pinned section) – интересная композиция из широкоформатного слайдера, который не пропадает с экрана при прокрутке страницы. Вместо этого происходит скроллинг самого слайдера, пока очередь не дойдёт до последнего кадра.
- Движущаяся галерея (moving gallery): несколько рядов слайдера, прокрутка которых происходит в противоположных направлениях. В настройках можно задать перемещение вперёд или назад и установить размер слайдов.
- Классическая сетка изображений с выравниванием по ширине или по высоте. К картинкам можно применить эффект лайтбокса и добавить подпись.
Шорткоды
Шорткод – это коротенькая строка кода, которая позволяет вставлять в материал типичные или часто используемые функции без необходимости каждый раз набирать код руками. Например, для вставки галереи на страницу вам пришлось бы написать отдельный плагин, а шорткод позволяет сделать это в один клик мыши:
[gallery]id галереи[/gallery]
WordPress уже давно поставляется со встроенным набором шорткодов, однако их разнообразие невелико. По-настоящему мощным этот инструмент становится в руках разработчиков, которые насыщают шорткоды самым разнообразным функционалом – как правило, заточенным под особенности данной темы. Поскольку Harington – это тема WordPress для создания портфолио, то и шорткоды в ней служат этой цели.
Вот какие шорткоды здесь представлены.
- Team Members – шорткод для оформления блока «Наша команда» (в двух вариантах).
- Clients Table – галерея со ссылками на сайты клиентов компании.
- Accordion – очень популярная сейчас фишка с раскрывающимися списками.
- Big Accordion – всё то же самое, только огромного размера.
- Content Marquee Forward or Backward – бегущая строка, выполненная крупным шрифтом для привлечения внимания.
- Moving Titles Forward or Backward – две бегущие строки, которые можно заставить двигаться в разных направлениях.
- Inline Icon Boxes – блоки иконок (e-mail, адрес, телефон и т.д.), которые удобно размещать на странице контактов или в подвале.
Отдельно хочется сказать о шорткоде Team Members. Перечень сотрудников выводится либо списком, либо в виде карусели. В первом случае при наведении на фамилию появляется всплывающее окно с фотографией. Второй тип – это стандартная карусель, где слайды нужно передвигать мышкой. Вероятно, настройки предусматривают и другие варианты оформления, но на демо-сайте они не представлены.
Советуем к прочтению
Плюсы и минусы темы Harington
Harington – тема, безусловно, очень эффектная, современная и креативная. Лёгкий и гармоничный стиль оформления не отвлекает от самой экспозиции, как и должно быть в теме WordPress для портфолио. Тем не менее, в ней есть свои сильные и слабые стороны.
Преимущества темы Harington:
- Элегантный и чистый дизайн;
- Хорошая производительность;
- Совместимость с любыми устройствами, поддержка экранов с высоким разрешением;
- Прекрасная типографика;
- Наличие готовых шаблонов оформления;
- Великолепные слайдеры с интересными эффектами анимации.
Недостатки темы Harington:
- Анимация может показаться раздражающей;
- За курсором постоянно таскается тонкое белое кольцо, что понравится не всем;
- Необычные дизайнерские решения временами не выглядят очень удачными.
Итог
Цель любого порфтолио – увлечь зрителя и заставить его погрузиться в мир художественных образов, и тема Harington с этим отлично справляется. С её помощью можно организовать выставку работ, которая выглядит, как галерея на Манхэттене. Разработчик даёт все необходимые инструменты для того, чтобы посетитель не смог отвести взгляд от экрана. Тем не менее, кому-то из пользователей эта тема может показаться слишком экстравагантной и перегруженной визуальными эффектами. Но это уже – дело вкуса.
Наш канал на YouTube