От автора: в этом обзоре мы покажем, на что нужно смотреть в первую очередь при создании портфолио из фотографий на CMS WordPress. Мы рассмотрим 8 советов и идей, а также взглянем на топ продаж тем с сайта Envato Market.
Представьтесь
Эмоциональная составляющая играет огромную роль в веб-дизайне; добавьте более «человечные» элементы свое портфолио, и тогда у посетителей возникнет более сильная связь с вашими работами. Убедитесь, что они знают, кто вы, чьи это фото, а также что они знают с кем связаться, если захотят более подробно изучить фотографии.
В теме Responsive Photography от ThemeGoods есть макет домашней страницы, на которой можно очень хорошо разместить все контактные данные. Ваше имя, подпись, что-то личное – верхняя часть и центр.
Позвольте фотографиям сказать все за вас
Важно, чтобы пользователя ничего не отвлекало от просмотра фотографий. Не перегружайте ваши красивые фотографии цветами и шрифтами с замороченными буквами.
Тема Turin отлично подходит под нашу задачу. Чистая и элегантная тема, которая отстраняется на задний план, приковывая основное внимание фотографиям.
Определите свою целевую аудиторию
Вы снимаете пейзажи? Ночные фотографии или товары? А, может, вы свадебный фотограф или снимаете животных? Что бы вы не фотографировали, сделайте так, чтобы ваша коллекция отражала именно ваш род деятельности, а ваш сайт с портфолио передавал именно то настроение, какое ваши потенциальные клиенты хотят видеть.
MIES, авангардная тема WordPress подходит (как я думаю) фотографии архитектуры. Фотографии отображаются на весь экран вместе с миниатюрами и комментариями к каждому проекту.
Добавьте фотографиям контекст
Мы обсуждали уже баланс, когда ваше портфолио смотрится круто и не мешает контенту. Однако иногда необходимо добавить фотографиям больше контекста, стилизовав их определенным образом, добавив какую-то историю, местоположение и т.д. К примеру, рассмотрим фотографии о путешествиях и приключениях. Я огромный фанат журналов типа www.sidetracked.com и www.thefieldmag.com. И без сопроводительных статей эти прекрасные фотографии потеряли бы большую часть своей привлекательности.
Почему бы не попробовать что-то похожее? Clean Photo – тема в формате журнала от wphunters.
Производительность имеет значение
Мы говорим это почти каждый день на сайте Envato Tuts+ Web Design, и производительность на самом деле очень важна. На сайте мы выкладываем изображения, и есть большой риск того, что сайт будет медленно загружаться из-за веса фотографий и других файлов.
Обязательно перед покупкой темы просмотрите ее демо и оцените производительность. Тема Ronneby (как они сами говорят «Высокопроизводительная тема WordPress») хорошо справляется с задачами портфолио прямо «из коробки».
Тест на сайте Pingdom дает теме оценку 91 из 100; домашняя страница загружается немногим более двух секунд.
Страница весит 2.6Мб, и, возможно, вес можно еще снизить. Всегда нужно делать все возможное, чтобы не захламлять ваш сайт. Для этого можно попробовать:
Кэширование, к примеру, с помощью плагина WP Super Cache
Сеть распределения контента типа CloudFlare
Сжатие изображений (WP Smush – отличный бесплатный плагин)
Сохраняйте гибкость
Разделение представления и функционала (файлы темы используются для отображения, а плагины отвечают за внутренний функционал) – важный показатель качества тем WordPress. Если не соблюдать это правило, вы случайно можете заблокировать контент темы, и это нельзя будет исправить без сложной миграции данных.
Команда разработчиков тем Cr3ativThemes придерживается и настаивает на разделении вещей. Тема Rare в стиле Material Design может отлично подойти под ваше портфолио.
Делайте все элементы сайта в высоком разрешении
Так как сейчас очень много устройств с экранами высокого качества (типа ретина), есть шанс, что пользователи будут рассматривать ваши работы во всех деталях. Старайтесь создавать большую часть технологий под высокие разрешения и выбирайте темы, адаптированные для показа изображений высокого качества (или дайте пользователям опцию просмотра тяжелых файлов, не заставляйте пользователя страдать, если у него плохое соединение).
Также учитывайте то, как локальная копия вашего портфолио запускается на вашем домашнем компьютере. Возьмите свой ноутбук и посмотрите, сможете ли вы открыть свое портфолио в надлежащем виде без сети или с плохим Wi-Fi соединением. WP Migrate DB Pro – проверенный способ хранения локальной копии сайта и его варианта на сервере с идеальной синхронизацией. SOHO – хорошая тема для просмотра фотографий с минималистичным полноэкранным интерфейсом.
Не забывайте основную цель сайта
Какая основная причина побудила вас выложить свое портфолио в сеть? Привлечение клиентов, или же вы просто захотели сделать портфолио доступным всем? В любом случае помните об этой цели. И если вы выложили портфолио, дабы привлечь клиентов, проверьте, что пользователи знают, как связаться с вами!
В футере темы Wolfe есть все типы коммуникации, чтобы пользователи могли с вами связаться.
Заключение
Надеюсь, советы и темы из нашего списка вдохновят вас на создание своего портфолио на WordPress. Если у вас есть какие-либо другие мысли, пишите об этом в комментариях!
Автор: Ian Yates
Источник: //webdesign.tutsplus.com/
Редакция: Команда webformyself.
