5 шагов к портфолио фрилансера на WordPress

Easy photography portfolio и Кеша

Исходные условия задачи:

  1. Вы фрилансер (SMMщик, копирайтер, маркетолог, фотограф, таргетолог, диетолог, тренер…), поэтому создаете свой сайт для поиска клиентов.
  2. Ваша страничка написана на бесплатной и удобной платформе WordPress (вордпресс).
  3. Хочется показать себя лицом: разместить красивые фото с описанием услуг, примерами работ (портфолио) и желательно бесплатно.

Давайте делать вместе!

Шаг 1. Устанавливаем плагин EASY PHOTOGRAPHY PORTFOLIO

Вкладка «ПЛАГИНЫ» консоли вордпресса предлагает вариант «Добавить новый».

Выбираем поле Добавить новый
Шаг 1.1. Добавляем плагин Portfolio на сайт Вордпресс

В строке поиска вводим «Portfolio», т.к. хороших русифицированных плагинов пока, увы, немного. Используем EASY PHOTOGRAPHY PORTFOLIO.

Главное преимущество этого плагина — простота настройки, а второе, но не менее важное — все они бесплатны.

Шаг 1.2. Щелкаем «установить EASY PHOTOGRAPHY PORTFOLIO»

Нажимаем кнопу «Установить», а затем «Активировать». Слева в консоли вашего сайта появится Меню Portfolio.

Имейте ввиду, что плагин требует версию WordPress 5.4 и выше.

Основное меню EASY PHOTOGRAPHY PORTFOLIO включает:

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

Меню «Все разделы (all entries)» имеет стандартный вид для вордпрессовских страниц. В первом столбце названия альбомов портфолио, во втором — присвоенные им категории, в третьем — дата публикации.

Шаг 2. Создаем альбомы в портфолио

По умолчанию в плагин встроен 1 альбом с обложкой. Проще создать свои, а потом удалить встроенный пример. Количество разделов портфолио не ограничено.

Выбираем меню «Add new portfolio»:

  • вводим заголовок — название будущего раздела портфолио (1);
  • подзаголовок (Entry subtitle) — раскрывает содержание альбома (2);
  • текст с описанием работ этого раздела портфолио (пишем для клиента) (3);
  • отрывок (ключи для поисковиков, до 55 симоволов) — аналог мета-тега description;
  • произвольные поля, которые можно добавить, если разбираетесь.

Портфолио удобно разделить по объектам (отделка коттеджей, ремонт квартир, оформление офисов), видам работ (фото, видео, статьи),  срокам (2016,2017,2018). В подзаголовке укажите, что особенного в этих работах (ремонты выполнены по евростандарту, фото сняты на профессиональный фотоаппарат Nikon).

Заполнив текстовые поля, приступаем к добавлению изображений: обложки альбома (4) и Images — фото, входящих в альбом (5).

Шаг 2.1. Поля (1),(2),(4) сразу видно на странице сайта с портфолио
Шаг 2.2. (1),(3),(5) видно при выборе раздела (альбома), т.е. внутри альбома

Шаг 3. Выбираем и добавляем изображения

Определяем фотографию, которая лучше всего отражает ваши умения по разделу и устанавливаем ее в качестве Изображения записи (кнопка справа). Она станет обложкой альбома портфолио (4). Выбираем изображение разрешением не менее 800*600 — плагин сожмет его для красивого отображения на странице.

Шаг 3.1. Добавляем изображения в альбом: обложку (4) и фотографии работ (5)

Кликаем кнопку «Add image», чтобы добавить примеры ваших творений в раздел портфолио из медиабиблиотеки. Количество не ограничено программой. Плагин EASY PHOTOGRAPHY PORTFOLIO услужливо разложит выбранные фотографии плиткой, подбирая столбцы по ширине, так что не обязательно делать их одинаковыми.

Требования к размерам от 800*600, но лучше использовать 1200-1800, чтобы при нажатии и увеличении картинки все детали было хорошо видны.

Шаг 3.2. Размещаем обложку и изображения. Знак «кирпич» удаляет лишние фото

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

Описание можно добавить, когда вы загружаете файл, или отредактировать после загрузки альбома (раздел консоли «Медиафайлы»).

Шаг 3.3. Описываем работу из портфолио: заголовок, подпись (6), Alt и описание (7)

В параметрах фотографии обязательно напишем:

  1. Заголовок или название файла (мета-тег Title_image) до 55 символов. Он не будет отображаться в портфолио, но по нему будут определять ваше фото поисковики — впишите ключевое слово.
  2. Подпись (6) — 255 символов, которые опишут эту работу: что это? в чем особенность? в чем выгода клиенту?
  3. Атрибут Alt будет отображаться вместо фотографии, если у посетителя вашего сайта отключен автопоказ картинок. Можно дублировать в это поле заголовок или подпись.
  4. Описание файла (7) — 255 символов, раскрывающих свойства подобных этой работ. В портфолио войдут только типичные работы. Чем остальные работы похожи на эту?

Например, фотограф домашних животных создает альбом «Постановочные кадры для календарей». На фото — кролик в шляпе. Название «Кролик в шляпе снятый М.Фотографом», дублировано в Alt.  Подпись (6)«Фотография кролика — яркое фото вашего домашнего любимца в постановочном кадре». Описание (7): «Снимаю постановочные кадры любимцев для календарей, выставок».

Клиент увидит подпись и описание при нажатии на фото работы в альбоме портфолио.

Шаг 3.4. (6) и (7) видны при нажатии на фото (функция pop-up Photoswipe)

Итак, первый альбом портфолио создан! Смело жмем кнопку «Опубликовать» и переходим к следующему альбому.

Шаг 4. Создаем рубрики

Рубрики не обязательны. Они помогут, если работы можно объединять по еще каким-то признакам. Вы сами или ваш клиент сможет отсортировать работы по рубрике.

Например, ремонты распределены в разделы объектами (дома, квартиры, офисы), а рубрики позволят выбрать классический, экономный, евроремонт. Или потолки, стены, пол.

Шаг 4.1. Добавляем рубрики для разделов портфолио

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

Важно: когда вы присвоите своим альбомам категории, в столбце «Записи» будет видно количество подходящих разделов.  

Как добавить категории к созданным альбомам? Выбираем раздел консоли Portfolio — All Entries (все разделы), кликаем под названием первого альбома тег «свойства». Проставляем галочки категорий и жмем кнопку «обновить». Готово! Можно проставлять галочки сразу при создании нового раздела в меню справа.

Кстати, на странице портфолио можно будет вывести не альбомы, как на фото, а категории (функция настройки «show a portfolio category»).

Шаг 5. Настраиваем портфолио

Несомненное достоинство EASY PHOTOGRAPHY PORTFOLIO для начинающих — небольшое количество настроек (7 базовых полей). Их недостаток — не переведены на русский. Вот что можно выбрать в разделе консоли Portfolio settings:

  1. Станица, на которой будет размещено портфолио. По умолчанию ее создает сам плагин (PORTFOLIO), но вы сможете создать свою и выбрать ее в выпадающем меню.
  2. Что показывать на этой странице (in portfolio home page):
    • все альбомы (show all portfolio entries);
    • один базовый альбом (show a single portfolio entry) — нужно будет выбрать, какой;
    • одну из категорий (show a portfolio category) — укажите, какую.
  3. Отображение на странице (layout) может быть плиткой (по умолчанию «masonery») или колонкой («single column» удобно для широкоформатных обложек).
  4. Pop-up gallary интересуется, как показывать фото при нажатии:
    • Photoswipe — одно фото с подписью и описанием (как Шаг 3.4.);
    • LightGallary показывает крупно фото и внизу миниатюры остальных (в поле «Thumbnails» можно будет их отключить, выбрав «hide»);
    • Disable отключить возможность увеличить картинку.

      Шаг 5.1. Вариант отображения pop-up LightGallary (внизу лента с Thumbnails — миниатюра)
  1. Archive Titles & Descriptions можно включить (Enable) или выключить (Disable) отображения заголовка и описания альбомов 1,2,3.
  2. В поле «album subtitle» можно выбрать, что отображать под заголовком раздела: подзаголовок (2) «only subtitle», количество работ «only image count» или все вместе.
  3. Подписи к рисункам можно отображать только при увеличении (show only in pop-up gallary) или сразу при открытии альбома (always show). Конечно, можно полностью отключить описания (hide), но в случае портфолио этого делать нельзя.

Поиграйте с настройками, полюбуйтесь разными вариантами. Что-нибудь вам понравится.

Осталось сохранить настройки. Ура! Портфолио готово.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *