Плагин портфолио wordpress. Создаем простое Вордпресс портфолио с плагином Portfolio by BestWebSoft

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

  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. Страница портфолио может называться Works, Products, Gallery и т.д.

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

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

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

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

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

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

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

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

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

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