Создаем простое Вордпресс портфолио с плагином Portfolio by BestWebSoft. Freefolio: бесплатный адаптивный плагин для вывода портфолио в WordPress Как в вордпресс добавить портфолио

Тема оформления онлайн-портфолио не теряет актуальности, как и поиски новеньких & крутых бесплатных шаблонов на WordPress. Здесь собраны бесплатные темы WordPress для создания стильного современного портфолио или сайта творческой личности. Это лучшие WP-шаблоны из числа распространяемых свободно, свежих и только что обновленных. В подборку вошли Вордпресс-темы на основе фреймворка Bootstrap, HTML5, CSS3, одностраничники и Litе версии платных тем:

Из коллекций профессиональных веб-шаблонов на тему портфолио, отобраны темы премиум-класса включающие версии с тарифом 0$ (предлагается апгрейд до PRO и Unlimited Websites). Lite-версии популярных платных шаблонов рассчитаны на фрилансеров и бизнес, создателей личного или коммерческого веб-сайта, включая корпоративные агентства.

Новое и лучшее для создания личного & коммерческого портфолио

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

i-amaze - красивый бесплатный WordPress шаблон на тему «Портфолио»

Гибкая WordPress тема с элементами премиум-класса включает полноэкранный слайдер, секции портфолио и социальных доказательств. Отзывчивый дизайн и высокая настраиваемость делают тему идеальной для бизнеса, блогинга или создания персонального сайта. В составе: неограниченные цвета , блочные / широкие макеты, кастом-фоны, стили CSS, соц. ссылки, блоговые макеты. Встроенный плагин OnePageR добавит функциональности. Установок 2 000+.

СКАЧАТЬ | ДЕМО

CleanPortfolio - бесплатная многоцелевая WP-тема для создания портфолио

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

СКАЧАТЬ | ДЕМО

PHLOX - многоцелевая WP-тема для бизнеса и творческого портфолио

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

СКАЧАТЬ | ДЕМО

Eight-Degree - впечатляющая тема WordPress для делового портфолио

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

  • Высоко настраиваемая
  • Тема предлагает несколько макетов страниц, опции их настройки
  • Стильная CSS 3 анимация

СКАЧАТЬ | ДЕМО

Glaciar Lite - креативная тема WordPress для портфолио и дизайнерских сайтов

Отличная тема для фото-портфолио и дизайнерского сайта. Адаптивный, готовый к Retina дизайн, анимационные эффекты, легкость кастомизации, портфолио на основе плитки masonry, галереи, виджет-секции. Тема готова к переводу.

СКАЧАТЬ | ДЕМО

Tech Literacy - гибкая WordPress-тема для создания сайта любого типа

Эта WP-тема с чистым минималистичным дизайном дружественна к мобильному пользователю. Подойдет образовательному веб-сайту, онлайн-магазину, персональному портфолио, агентству и стартапу. Благодаря простоте и гибкости, тема годится для создания любых типов сайтов, имеет интуитивный Drag & Drop конструктор. Активных установок: 700+.

СКАЧАТЬ | ДЕМО

Business Point - гибкая многоцелевая тема Вордпресс для бизнеса / портфолио

Необычайно гибкая, адаптивная бизнес-тема с многофункциональным дизайном и массой опций. Подойдет для создания лендинга, портфолио, агентского, развлекательного и информационного сайта. Активных установок: 2 000+.

СКАЧАТЬ | ДЕМО

Reykjavik - стильная и быстрая портфолио-тема на WordPress

Свежая, быстрая и легковесная WordPress-тема подойдет под создание стильного портфолио, блога или WooCommerce сайта. Совместима с Beaver билдер, Elementor, Visual Composer и др. визуальными построителями страниц. Тема готова к SEO, код и навигация оптимизированы для мобильных, настраиваются любые элементы. Активных установок: 1 000+.

СКАЧАТЬ | ДЕМО

RichOne - стильная тема WordPress c нестареющим чистым дизайном

Тема под портфолио и блог с визуальным контентом: минималистичный скандинавский стиль сделает заметными фотографии, арт-галереи, видео. Тема поддерживает WooCommerce, смену цветов, загрузку логотипа и приветственные сообщения.

СКАЧАТЬ | ДЕМО

Live Portfolio - простая но эффектная тема для красивого оформления портфолио

Простая тема WordPress с красивыми css3 эффектами, кастомными цветами и прочими опциями настройки.

СКАЧАТЬ | ДЕМО

York Lite - портфолио шаблон с блочным дизайном для творческих личностей

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

СКАЧАТЬ | ДЕМО

Portfolioo - качественный бесплатный WordPress шаблон на тему «Портфолио»

WordPress тема с бесплатными виджетами оформления. Подойдет сайту фотографа, дизайнера, разработчика, софт-инженера. Подготовленная к SEO и Retina-дисплеям тема, использует HTML5 / CSS3 и соответствует стандартам кодинга.

СКАЧАТЬ | ДЕМО

Adagio Lite - профессиональная тема Вордпресс для портфолио и личного сайта

Профессиональная тема создана для запоминающегося персонального/бизнес сайта. Чистый и минималистичный дизайн основан на сбалансированном макете. Тема имеет кастомные хедер, логотип, фавикон и 3 области для размещения виджетов.

СКАЧАТЬ | ДЕМО

Olivo Lite - оригинальная тема WordPress для фото / дизайнерского портфолио

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

СКАЧАТЬ | ДЕМО

Ignis - приятный WordPress шаблон для продающего сайта-портфолио

Современный портфолио шаблон с несколькими макетами блога, возможностью выбора цвета и шрифтов. Для применения опций портфолио задействуйте Jetpack. Активных установок: 3000+.

СКАЧАТЬ | ДЕМО

Portfolio Lite - минималистичная тема портфолио для творчества

Современная профессиональная WP-тема в минималистичном стиле с шаблоном слайдшоу публикуемых изображений. Отличный вариант для творческого самовыражения и создания креативного портфолио дизайнера и фотографа.

СКАЧАТЬ | ДЕМО

Verity - стильная портфолио-тема для быстрого создания качественного сайта

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

СКАЧАТЬ | ДЕМО

Masonry - суперминималистичная тема для блога, портфолио и агентского сайта


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

СКАЧАТЬ | ДЕМО

СКАЧАТЬ | ДЕМО

Doke Doke - приятная глазу тема для красивого оформления сайта-портфолио

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

СКАЧАТЬ | ДЕМО

Kahuna - мощная и продвинутая портфолио-тема WordPress с красивым дизайном

Kahuna выделяется экзотикой дизайна, редактируемым макетом и легкостью кастомизации. Личные и бизнес-сайты смогут извлечь из этого выгоды, включая портфолио, блоги и онлайн-магазины. Достоинств много, вот некоторые: , с RTL тема легко поддается переводу, оптимизирована для SEO (микроформаты & micordata); поддерживает WooCommerce, широкие и блочные макеты, masonry плитки, Google шрифты, опции типографики.

СКАЧАТЬ | ДЕМО

Screen - отзывчивая WP-тема со встроенным слайдером и новаторским минимализмом

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

СКАЧАТЬ | ДЕМО

WP Generic - тема для портфолио агентского и корпоративного сайта

Мощная WP-тема справится с задачами делового и творческого сайта любого типа. Подойдет для e-commerce и фрилансеров. Простую в пользовании тему с интуитивным интерфейсом легко настраивать встроенным билдером страниц c предпросмотром изменений, меняя цвета, шрифты, текст. Готова к локализации.

СКАЧАТЬ | ДЕМО

Emmet Lite - тема для портфолио агентского и корпоративного сайта

Вордпресс тема с чистым профессиональным дизайном создавалась для творческих и деловых сайтов, главным образом – корпоративных и с портфолио. Тема укомплектована несколькими макетами страниц, например для резюме, Landing Page…, а благодаря встроенным WordPress кастомайзеру и визуальному редактору контента, легко настраивается без кодинга. Совместима с плагинами bbPress, BuddyPress и годится для продающего портфолио с WooCommerce. Кол-во установок: 5 000+.

СКАЧАТЬ | ДЕМО

HESTIA - впечатляющая многоцелевая тема для креативного агентского сайта

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

СКАЧАТЬ | ДЕМО

Бесплатные темы WordPress для портфолио + PRO-версия

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

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

У бесплатных версий достойных WordPress-тем есть некоторые ограничения: скачивая шаблон и создавая сайт сейчас, вы без проблем обновитесь до премиальной темы. Делать редизайн WP-сайту с переездом на новую тему - несоизмеримо сложнее и рискованней, чем апгрейдить до PRO-версии.

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

Мы уже публиковали ранее ряд подборок с шаблонами 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

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

  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, вам стоит воспользоваться отдельным плагином. В будущем, если вы захотите поменять тему, вы сможете сохранить контент вашего портфолио неизменным. Многие авторы тем сегодня начинают добавлять в свои решения поддержку существующих плагинов для портфолио, предлагая различные стили для выводимого кода, идеально вписывающиеся в общий дизайн.

Именно с этой целью и был создан плагин Freefolio от компании UpThemes, который дебютировал на WordPress.org несколько недель назад. Плагин изначально был заточен под новую тему Creative компании, однако он прекрасно подходит и для других тем, неся в себе функциональность адаптивного портфолио.

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

Вот пример использования данного плагина с темой Twenty Ten:

Плагин Freefolio уникален в том плане, что он поддерживает импорт фото из Dribbble – очень удобная опция для дизайнеров, желающих вывести свои изображения (шоты) в WordPress. Инструмент импорта находится в меню Tools – вам нужно лишь ввести ваш юзернейм Dribbble для передачи контента на сайт:

Как только ваши работы будут импортированы, вы сможете отредактировать, удалить их, управлять ими с помощью таксономий project type (аналог рубрик) и project tag (аналог меток). Все пункты портфолио могут выводиться в адаптивной сетке (grid) через шорткод [ portfolio ], который может быть легко настроен с помощью следующих опций:

  • display_types: выводит Project Types. (true/false)
  • display_tags: выводит Project Tags. (true/false)
  • display_content: выводит контент проекта. (true/false)
  • include_type: выводит определенные Project Types. По умолчанию выводятся все (задается как список слагов Project Type, разделенных запятой)
  • include_tag: выводит определенные Project Tags. По умолчанию выводятся все (задается как список слагов Project Tag, разделенных запятой)
  • columns: число столбцов. По умолчанию 2 (от 1 до 6).
  • showposts: число выводимых проектов. По умолчанию все.

Плагин Freefolio совместим с типом записей Portfolio в Jetpack, и фактически был построен на базе части кода Jetpack. Разработчики плагина выражают благодарность Тэмми Харт за ее «Dribbble – WordPress» код, а также людям из array.is за Jetpack Portfolio Polyfill, адаптированный для использования в Freefolio.

В будущем команда UpThemes планирует добавить виджет для портфолио, позволяющий выводить последние работы; команда разработчиков открыта для любой обратной связи, которая поможет улучшить Freefolio. Плагин работает с любой темой, однако он может потребовать дополнительной CSS-стилизации. Скачать бесплатно плагин можно с сайта WordPress.org.