Создание портфолио на WordPress (обзор плагинов)

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

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

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

Поиск плагинов дал следующие результаты:

  1. WordPress Portfolio Plugin (WP Portfolio)
  2. Blogger Portfolio
  3. JH Portfolio

Далее изложу результаты ознакомления с каждым из списка.

WordPress Portfolio Plugin (WP Portfolio)

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

Установив плагин я первым делом добавил несколько сайтов через пункт «Add new Website» а так же создал новую запись которая содержала лишь следующий код:

(добавлять код в запись нужно в режиме редактирования HTML). Созданная запись отображала портфолио так же как и у автора, за исключением скриншотов — они не генерировались автоматически. Повторное прочтение инструкций по установке подсказало, что автоматическая генерация превьюшек проектов осуществляется сторонним интернет-сервисом www.shrinktheweb.com на котором нужно завести аккаунт и получить STW Access Key ID” и «STW Secret Key» бесплатно. Полученные ключи ввести в соответствующие поля раздела «WP Portfolio — General Settings». Так же нужно установить права «777» на директорию /wp-content/plugins/wp-portfolio/cache/. После этого превьюшки заработали спустя 3—5 минут.

В ходе настройки плагина выявлены следующие минусы:

  1. Невозможна сортировка добавляемых сайтов кроме как по алфавиту.
  2. Добавляемый сайт должен быть опубликован в сети, только тогда он получит автоматическую превьюшку. Вручную добавить скриншот нельзя.
  3. Главная страница сайта должна иметь адрес вида «site-domen.com» а не «site-domen.com/mysite». Это означает что при генерации скриншота сайта не воспринимаются подразделы сайта, а только главная (индексная) страница домена.

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

Blogger Portfolio

Blogger Portfolio так же позволяет организовать страницу-портфолио с примерами работ-сайтов.

Инструкция по установке представлена на сайте myWordpress.ru.

Меню управления плагином находится в панели «Инструменты». Перед началом использования нужно установить права «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 ставит значение [jh-portfolio], а не [post] или [page].

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

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

add url

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

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

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

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