Advertisement
  1. Web Design
  2. Inspiration

14 Тем портфолио фотографий для WordPress

Scroll to top
Read Time: 5 min
This post is part of a series called Weeks of Web Design Inspiration.
Discoverability and Feedback in Web Design
Sorry About This: 40 Examples of 404 Pages

() translation by (you can also view the original English article)

В этом обновленном обзоре мы рассмотрим некоторые важные вещи, которые следует учитывать при создании портфолио онлайн-фотографии с помощью WordPress. Мы рассмотрим восемь советов и идей, одновременно рассмотрев некоторые популярные темы на Envato Market, чтобы продемонстрировать каждый поинт. Скажи чиз!

Обновили?

Это верно. Эта статья была впервые опубликована в марте 2016 года, но времена меняются, новые темы запускаются для продажи, поэтому мы убрали темы, которые больше не доступны, и добавили восемь новых примеров, чтобы поддерживать актуальность.

1. Представьтесь

Эмоциональный дизайн чрезвычайно важен в Интернете; добавьте "человеческий элемент" в свое портфолио, и ваши посетители скорее всего захотят с вами связаться благодаря работам, которые вы им показываете. Удостоверьтесь, что они знают, с кем они имеют дело, кто отвечает за фотографии, и с кем им нужно связаться, если они хотят узнать больше.

Тема Responsive Photography Theme от ThemeGoods предлагает макет домашней страницы, который делает это действительно хорошо. Ваше имя, ваша подпись, персона вверху и по центру.

Responsive Photography ThemeResponsive Photography ThemeResponsive Photography Theme
Responsive Photography Theme

Тема портфолио Holver делает вещи более понятными, представляя человека в вопросе минималистичным образом. Идеально подходит для Адель.

HolverHolverHolver
Holver

2. Пусть ваши фотографии говорят сами за себя

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

Grand Portfolio поставляется с различными вариантами макета страницы, включая эту версию с разделенным экраном, которая позволяет изображениям делать весю тяжелую работу.

Grand PortfolioGrand PortfolioGrand Portfolio
Grand Portfolio

3. Consider Your Target Audience

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

MIES, "WordPress тема авангардной архитектуры", ориентирована на архитектурную фотографию. Она представляет полноэкранные изображения, а также другие миниатюры и комментарии к каждому проекту.

MIESMIESMIES
MIES

Illume - это "романтическая тема WordPress для фотосъемки", и она соответствует заголовку! Благодаря своим мягким цветам, тонким типом и стильным макетам эта тема идеально ориентирована на молодые свадебные пары.

IllumeIllumeIllume
Illume

4. Give Your Photos Context

Мы обсуждали вопрос о том, что баланс, где портфолио выглядят великолепно, но не мешают контенту. Тем не менее, иногда необходимо придавать вашим фотографиям больше контекста, представляя их стилизованным образом и, возможно, с дополнительными ресурсами, такими как истории, данные о местоположении и т. д. Возьмите фотографии путешествий и приключений для примера. Я большой поклонник журналов, таких как www.sidetracked.com и www.thefieldmag.com, чьи красивые фотографии потеряют большую часть своей силы без сопроводительных эссе.

Почему бы не попробовать что-то подобное, используя Clean Photo - тему стиля журнала от wphunters?

Clean PhotoClean PhotoClean Photo
Clean Photo

Jo пример хорошей работы блога в формате old-school и совмещения с портфолио фотографий. Изображения и рассказывание историй.

JoJoJo
Jo

5. Performance Matters

Мы говорим об этом почти ежедневно в Envato Tuts + Web Design; производительность действительно имеет значение. Мы имеем дело с портфолио фотографии, поэтому существует высокий риск создания медленных, громоздких зверей, отягощенных тяжелыми изображениями и другими ресурсами.

Убедитесь, что вы проверяете, как работает демонстрация темы; что-то вроде Ronneby (самопровозглашенная "Высокопроизводительная тема WordPress") очень хорошо работает.

RonnebyRonnebyRonneby
Ronneby

Тест на Pingdom дает ему 84 из 100; домашняя страница загружается чуть менее трех секунд.

Сказав, что на 2.9 Мб ресурсов, вероятно, могут быть улучшены в дальнейшем, поэтому вам всегда нужно делать все возможное и поддерживать ваш сайт WordPress в порядке. Рассмотрите возможность использования:

  • Кэширование, например, с использованием Super Cache WP
  • Сеть доставки контента, такая как CloudFlare
  • Сжатие изображения (WP Smush - отличный бесплатный плагин)

Другая хорошо работающая тема - Dani, которая так же оценивается на Pingdom.

DaniDaniDani
Dani

Dani теряет несколько моментов из-за отсутствия кеширования браузерами, неконкатенированных JavaScript файлов и некоторых других деталей, но с временем загрузки 1,2 секунды его показатели скорости заслуживают признания.

6. Keep it Flexible

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

Cr3ativThemes - одна из групп разработчиков тем, которые настаивают на том, чтобы держать все в отдельности. Вот Rare, их Material Design Тема, которая может соответствовать Вашему портфолио фотографии просто отлично.

RareRareRare
Rare

7. Make the Most of Hi Resolution

Со многими устройствами, предлагающими экраны высокого разрешения (например, retina), есть хорошая вероятность, что ваши посетители будут просматривать вашу работу с великолепными деталями. Используйте большую часть технологий и выбирайте тему, которая отображает большие изображения с высоким разрешением (хотя давайте пользователям возможность просмотра тяжелого файла, а не просто бросайте его на  полосу пропускания, не спрашивая их).

Подумайте также о запуске локальной копии вашего портфолио на вашем компьютере. Возьмите свой ноутбук с собой на собеседования и, в случае отсутствия Интернета или плохого Wi-Fi, вы по-прежнему сможете продемонстрировать свою работу в стиле. WP Migrate DB Pro - это проверенный и надежный способ обеспечения безупречной синхронизации локальных и продакшн сайтов.

SOHO - отличная тема для демонстрации фотографий и видео в широкой полноэкранной среде.

SOHOSOHOSOHO
SOHO

Выпущенная только сегодня (25 октября) Umbrella поразит вас своей презентацией в высоком разрешении.

UmbrellaUmbrellaUmbrella
Umbrella

8. Don’t Forget the Main Purpose

Почему вы ставите свое портфолио в онлайн в первую очередь? Чтобы привлекать клиентов или просто сделать ваше портфолио открытым для просмотра тем, кто наткнулся на него? В любом случае, помните о главной цели. И если ваше портфолио должно привлечь клиентов, убедитесь, что посетители знают, как получить ваши контакты, если они чувствуют потребность!

Wolfe включает футер со всеми видами каналов связи, чтобы убедиться, что народ может протянуть руку.

WolfeWolfeWolfe
Wolfe

Malmö также включает в себя аккуратную форму контакта в футере.

MalmMalmMalm
Malmö

Это все

Надеемся, что эти советы и темы дали вам некоторое вдохновение для вашего собственного портфолио фотографий WordPress. Если у вас есть предложения или вопросы, сообщите нам об этом в комментариях!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.