Создаем простое Вордпресс портфолио с плагином Portfolio by BestWebSoft. Создание портфолио на WordPress (обзор плагинов) Nimble Portfolio – мощнейший инструмент для демонстрации медиа

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

Мы уже публиковали ранее ряд подборок с шаблонами wordpress для создания портфолио фотографа и дизайнера без использования дополнительных плагинов. Однако, если Вы планируете в будущем изменить тему раздела сайта в котором содержится портфолио, то это, скорей всего, приведет к необходимости полной переработки структуры. Поэтому имеет смысл воспользоваться одним из плагинов управляющим Вашим портфолио независимо от выбранной темы. Далее мы рассмотрим десяток плагинов для Wordpress, которые великолепно справляются с этой задачей.

OTW Portfolio Light

OTW Portfolio Light - бесплатный и стильный плагин портфолио с красивым трехколоночным дизайном. Позволяет Вам создавать различные тематические каталоги работ, а посетителям воспользоваться простым и удобным в использовании фильтром для отбора работ на интересующую тематику.
Для каждого элемента портфолио можно указать заголовок, описание, ссылку на сайт заказчика, который приобрел эту работу и другую информацию.
Стоимость: Бесплатно

Bean Portfolio Plugin

Исключительно красивый, мощный и к тому же бесплатный плагин , совместимый с большинством тем для Wordpress. Незабываемые страницы портфолио без единой строчки кода.
Стоимость: Бесплатно

Nimble Portfolio

С помощью этого бесплатного плагина любой сайт на Wordpress можно без труда превратить как в выставку персональных работ, так и в витрину online магазина (что достигается за счет тесной интеграции с WooCommerce). Фотографии, логотипы или видеоролики - Nimble Portfolio отлично работает с любым контентом. А благодаря адаптивному интерфейсу Ваши работы не потеряют своей привлекательности даже на небольших экранах смартфонов.
Стоимость: Бесплатно

Awesome Filterable Portfolio

Как следует из названия, этот плагин разработан с упором на две основные функции - внешний вид и фильтрацию. К первой относятся плавная анимация и потрясающие hover-эффекты , вторая позволяет пользователю легко находить интересующие его вещи.
Стоимость: Бесплатно

ZoomFolio

Очень современный плагин галереи портфолио использующий для создания стильных 3D эффектов. Обладает хорошей SEO оптимизацией, так что описания Ваших работ будут представлены в верхних строчках поисковых запросов, а благодаря адаптивному дизайну прекрасно выглядеть на любых экранах.
Стоимость: $18

Go

Это один из наиболее популярных плагинов для создания портфолио с большим количеством как стандартных, так и эксклюзивных функций. С его помощью Вы сможете создать яркое и впечатляющее портфолио. Имеет богатые возможности настройки внешнего вида.
Плагин Go имеет тесную интеграцию с плагином Visual Composer, представляющий собой конструктор страниц с поддержкой технологии «drag and drop», что позволит поднять уровень портфолио на недосягаемую высоту.
В состав плагина уже включены 38 тем и вариантов дизайна, что, впрочем, не мешает Вам создать свою собственную используя различные цветовые решения и более 600 шрифтов от Google.
Стоимость: $23

Essential Grid WordPress Plugin

Еще один популярный и широко используемый плагин Wordpress, обладающий огромным количеством всевозможных настроек. Фактически, многие премиум-темы Wordpress, предлагающие встроенную опцию «Портфолио», используют этот плагин.
Девиз разработчиков: «плагин - один, возможности - неограниченные». И это действительно так, поскольку Essential Grid имеет гибкую сетку разметки и способен работать с любым контентом - от обычного блога до магазина на WooCommerce. Дизайн полностью и отлично смотрится на экранах любого разрешения. Поддерживает механизм «шкурок», которые можно создавать и редактировать с помощью встроенного конструктора (на тот случай, если Вам не понравится ни одна из более чем 30, присутствующих в комплекте).
Еще одной отличительной особенностью этого плагина является прекрасная документация, так что даже новичок сможет без труда разобраться с его настройками.
Стоимость: $26

Эта инструкция продемонстрирует, как работать со страницей портфолио в WordPress. Страница портфолио может называться Works, Products, Gallery и т.д.

Редактирование содержимого портфолио

Для того, что бы отредактировать страницу портфолио войдите в административную панель WordPress и перейдите в раздел Portfolio .

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

Элементы в разделе портфолио могут быть добавлены в разные категории.

Для добавления нового элемента в портфолио перейдите в раздел Portfolio > Add New. Укажите заглавие элемента и заполните его содержимое. Определите категорию элемента.

Для создания миниатюря элемента портфолио используйте раздел избранных (Featured) изображений на странице редактирования элемента.

Загрузите изображение и нажмите Use as Featured .

Макет страницы портфолио

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

В административной панели WordPress перейдите в раздел Pages и выберите страницу портфолио, которыю хотите отредактировать. В правой колонке выберите предпочтительный шаблон страницы.

Первым разделом своего блога я решил сделать страницу с описанием своих работ, по другому - портфолио. Вооружившись поисковиками я нашел три решения задачи:

  1. Использование готовой темы портфолио для всего блога;
  2. Использование плагина портфолио;
  3. Самостоятельная ручная верстка постов с описанием работ.

Меню управления плагином находится в панели «Инструменты». Перед началом использования нужно установить права «777» на папку /plugins/bPortfolio/imgs/ и права «754» для файла /plugins/bPortfolio/bPortfolio.php иначе при добавлении элемента портфолио загрузить скриншот не удастся. Плагин установлен и работает. Далее для вывода портфолио в блоге нужно вставить куски кода php в определенные места текущего шаблона. Этот код вызывает функцию отображения портфолио.

Отображение портфолио

Где 47- id вашей страницы. Это значение можно узнать если в административной панели в режиме редактирования страницы в которой по вашему должно отображаться портфолио посмотреть на адресную строку. В моем случае окончание строки выглядело так:

wp-admin/page.php?action=edit&post=8&message=5&revision=16

Следовательно id моей страницы =8. Дальше уже сложнее. Нужно определиться с тем, в какой php файл нужно вставить эту строчку. Если вы создали статическую страницу то нужно редактировать файл page.php, если Запись (post) соответственно файл single.php. Подробнее об этом .

В моем случае я редактировал page.php, куда я поместил код видно ниже (последняя строка).

Плагин заработал и отображал мои проекты на статической странице блога.

Резюме. Возможность гибкой настройки Blogger Portfolio требует начальных знаний php. После установки вероятней всего захочется поменять дизайн по умолчанию, но без ковыряния в коде этого опять таки не сделать. Плагин не имеет какого либо интерфейса настоек. Плагин не прост в установке, за отсутствием настроек - прост в использовании.

JH Portfolio

К этому плагину я пришел в последнюю очередь после поиска в англоязычном интернете. Согласно описанию на странице разработчика , функционал плагина следующий:

  1. Управление элементами портфолио в панели администратора блога;
  2. Каждый элемент может содержать: название проекта, основное изображение и несколько дополнительных, принадлежность к группе (сайты, логотипы и т. д.), основное описание, ссылка на проект и т. д.;
  3. Плагин имеет элементы на Ajax;
  4. Удобная навигация по элементам портфолио;
  5. При всем создан с учетом принципов поисковой оптимизации.
  6. Добавлю от себя. Отличительная особенность плагина - реализация виджетов, позволяющих методом drug-n-drop выводить контент на главную страницу блога.

Текстовые инструкции по эксплуатации представлены на wordpress.org , но полное и наглядное представление о функционале плагина дает видео инструкция от разработчика. Можно начинать с просмотра видео, все просто и доступно.

Резюме. Плагин JH Portfolio многофунционален, сложностей в установке не вызвал, дает более широкие возможности настройки по с равнению с рассмотренными. Плагин работает и так как нужно. Минусов пока не обнаружено. Ссылка на мою версию плагина в конце статьи. Must have.

В своем блоге решено было использовать JH Portfolio, до ручной работы над страницей портфолио дело не дошло. Ведь для этого и существуют плагины!

P.S. Замечен маленький недочет. При использовании плагина Google XML Sitemaps в карту сайта попадает только первая страница Portfolio.

Проблема вероятно кроется в том что указанный плагин берет информацию о страницах и постах из таблиц WordPress и пропускает записи о проектах портфолио. Плагин JH Portfolio хранит информацию о проектах в таблице #_posts как и все стандартные посты, но в ячейке post_type ставит значение , а не или .

Поисковые роботы все равно индексируют разделы с проектами, но пока страницы моего портфолио в индекс не попали (прошло 3 недели). Вероятно нужно руками добавлять эти разделы для полного индекса портфолио. Лично сам не собираюсь исправлять этот баг, не считаю что примеры работ должны участвовать в поиске.

Если плагин Google XML Sitemaps не добавляет страницы с портфолио в Sitemap нужно это сделать руками на странице плагина (раздел “Параметры”).

UPD выкладываю доработанный плагин (версия 0.8, проверено на движке 2.8).

Мои улучшения плагина:

  • Улучшено качество сжатия для генерации preview;
  • Изменено расширение изображений на jpeg;
  • Улучшен Ajax модуль навигации дополнительных изображений.

В планах – русификация плагина.

Всем привет!

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

Кому и зачем необходимо портфолио

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

Прежде всего портфолио необходимо представителям творческих профессий: актеру, модели, стилисту, графическому дизайнеру, фотографу, художнику, верстальщику, веб-разработчику, копирайтеру. Каким будет портфолио и его наполнение, зависит от рода деятельности человека. Главное, что оно способно представить своего владельца лучше любых слов.

Портфолио — визитная карточка рабочих достижений, освещающая успехи на выбранном поприще, фиксирующая достигнутые результаты, характеризующая подход к делу. Как правило, для создания и наполнения солидного портфолио требуется продолжительное время. У профессионала своего дела размер подобной «папки с проектами» с годами становится внушительным.

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

Онлайн-сервисы и сайт на WordPress: за и против

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

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

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

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

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

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

Portfolio and Projects

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

Премиум-версия плагина Portfolio and Projects содержит расширенные возможности: 15 предустановленных дизайнов портфолио, разбивку по категориям, использование перетаскивания проектов с помощью функции Drag-n-Drop для отображения работ в необходимом порядке, фильтрацию проектов и т.д.

Portfolio by BestWebSoft

Еще один достойный внимания плагин портфолио для WordPress на русском языке. Бесплатная версия работает с неограниченным количеством проектов, к каждому из которых можно добавить заголовок, описание, изображения, дату завершения, ссылку. Сортировка работ производится по следующим полям: дате создания, номеру, заголовку, в случайном порядке. Количество колонок на странице регулируется.

На скриншоте выше — лишь часть основной вкладки настроек русифицированного плагина Portfolio by BestWebSoft . Также пользователю предлагается загрузить демо-данные для ознакомления с возможностями создания крутого сайта портфолио на WordPress. А переход на премиум-версию плагина добавляет возможность сортировки примеров работ вручную и добавляет разбивку проектов по категориям.

WP Portfolio

Замечательный плагин для создания портфолио на WordPress на русском языке, к сожалению, не обновлявшийся более года. Этому продвинутому инструменту посвящено немало обзоров блогеров. Плагин позволяет создавать адаптивный дизайн портфолио, полностью настраивать макет (через HTML и CSS), поддерживает группировку проектов.

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

Заключение

Качественно сделанное портфолио и, тем более, собственный сайт, способны открыть специалисту-фрилансеру немало возможностей для удаленного контакта с потенциальными клиентами. При этом, такой сайт не потребует особых знаний и значительных усилий: процесс создания и настройки сайта на WordPress в настоящее время способен освоить каждый. А огромное разнообразие специализированных шаблонов и плагинов позволяет получить в результате продукт, выглядящий стильно и профессионально. Тем же, кто не имеет желания и/или возможности заниматься созданием собственного портфолио, настоятельно рекомендую заглянуть в раздел моего блога.

Что может лучше зарекомендовать профессионала, чем качественное портфолио на сайте? Без него не может существовать ни одна площадка фотографа, копирайтера, вебмастера или крупной строительной компании. Это как доска почестей, которая отображает уже пройденные успехи мастера своего дела.

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

1. Nimble Portfolio – мощнейший инструмент для демонстрации медиа

Если ваша профессия напрямую связана с созданием медиа – вы освоили дело фотографа, пишите музыку или снимаете клипы, Nimble Portfolio идеально подходит для демонстрации ваших трудов. Важно, что данный плагин работает адаптивно, то есть подстраивается под любое устройство: КПК, планшет, смартфон, нетбук и т. п. К тому же всю загруженную информацию можно удобно фильтровать и раскидывать по категориям.

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

2. OTW Portfolio Light – софт для размещения портфолио на страницах сайта

С помощью данного дополнения WordPress вы сможете как создавать отдельные категории ресурса с вашими работами, так и размещать их прямо в статьях при помощи специального html-кода. Основное преимущество инструмента – легкость в пользовании. Даже людям, далеким от основ сайтостроения и манипуляций движком WordPress, будет несложно добавить несколько файлов медиа, создать категорию, фильтр и разместить на сайте портфолио. Подходит дополнение как для фотографа, так и для других профессий.

3. Awesome Filterable Portfolio – простой портфолио-плагин с возможностью создания анимации

Данный модуль WordPress в большей мере подходит для крупных компаний, чем для одиночного фотографа, так как позволяет не только добавлять медиа, но и описание к выложенным файлам. Он будет полезен для строительных компаний – смогут разместить видео с объекта, информацию об этапах строительства, контактные данные заказчиков и прочую информацию.

Привлекательная особенность данного плагина WordPress – это возможность создавать анимацию из ряда изображений в категориях. Обычно для этого нужно устанавливать отдельный плагин, а у этого дополнения данная функция встроена. Количество категорий в Awesome Filterable Portfolio не ограничено. Работает на четырех языках.

4. Aelos – современный плагин WordPress для быстрого создания портфолио фотографа

Для не разбирающегося в движке фотографа этот инструмент будет ключом к спасению. Он очень прост в пользовании – даже файлы можно загружать перетаскиванием.

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

А для тех, кто умеет настраивать CSS Aelos предлагает неограниченную возможность создания индивидуального дизайна: любой цвет, шрифт, рамки и т. д. Цветовую гамму можно настраивать и без CSS – прямо в панели администрирования. Там же есть настройка количества элементов на станице, и типов ярлыков.

Любой из приведенных решений станет вашим помощником! При помощи портфолио вы повысите доверие клиента, свою репутацию и даже сможете набить цену. Успехов!

Софт