Создаем портфолио на WordPress с плагином Nimble Portfolio

плагин портфолио вордпресс

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

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

Плагин Nimble Portfolio

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

Некоторые особенности:

  • Поддержка файлов PDF, видео, изображения.
  • Категоризация/фильтры.
  • Шорткод для вставки галереи.
  • Прочее.

Настройка плагина Nimble Portfolio

После установки и активации плагина у вас появится новая вкладка «Nimble Portfolio» в админ-панели. Переходим сразу в раздел «Filters» и добавляем новые фильтры (категории), к примеру, логотипы, сайты, прочее или видео, изображения и т.д.

настройки плагина1

Дальше открываем вкладку «Add Portfolio Item», через этот раздел добавляются все файлы в портфолио.

настройки плагина2

Открываем следующий раздел «Skin: Default» — это параметры начального вида.

настройки плагина3

На последнем этапе создайте страницу и назовите ее, например, портфолио. После чего вставьте короткий код [nimble-portfolio] и нажмите опубликовать.

Посмотреть Demo

Вот и все.

33 комментария
  1. Здравствуйте! Все хорошо, вот только видео не запустить в полный экран. Даже на демке у них не запускается (попробуйте любой видео файл) demo.nimble3.com/nimble-p...io/default-skin/, может, конечно, у меня что то не так, но я в 2х браузерах проверил — всё остальное с ютуба работает в полноэкранном режиме, пробовал на другом компе — та же фигня.

  2. Добрый вечер! Да, есть такая деталь, но это связано, скорее, с бесплатной версией плагина. К примеру, тут работает demo.nimble3.com/nimble-portfolio/fancybox/ , хоть в мозилле невидно кнопке «Полноэкранный режим». Ну или вот, support.google.com/youtube/answer/6276924 гугл дает рекомендации.

  3. Спасибо, за быстрый ответ. Написал им в поддержку, жду, скорее всего из за бесплатной темы, fancybox — платная — работает

    1. asimmetri, Так и есть, должны же быть какие-то привилегии платной версии. В остальном плагин, вроде неплох, на 4 тянет 😉

  4. Здравствуйте! А не подскажете, куда залезть, чтобы поменять шрифт в заголовках файлов портфолио? Не устраивает, как отображаются на страничке, хочу поменять и сам шрифт, и цвет.

    1. Olga, Здравствуйте! Попробуйте просто добавить в ваш основной файл стилей следующие стили:

      .-skin-default .-item .title {
          color: red;
          font-family: verdana;
      
      }

      1. WordSmall, благодарю. Цвет шрифта почему-то не меняется, хотя сам шрифт вроде удалось поменять

      2. Olga, Попробуйте добавить !important...пример:

        color: red !important;

  5. Здравствуйте, у меня проблема, когда нажимаешь read more открывается пустая страничка, содержимое не отображается,в чем может быть проблема?

    1. Здравствуйте! А вы в настройки вносили какие-нибудь изменения? Я только что ставил у себя на локале, чтобы вспомнить, как там и что там) Все отлично работает и даже пользовался настройками по умолчанию. Попробуйте сменить тему для проверки.

      1. WordSmall, Спасибо, попробовала сменить тему нормально работает

  6. Добрый день, а как поменять слова на русский. Например client, DESCRIPTION, Location и.т.д. Спасибо

    1. Здравствуйте! Что-то я не вижу таких слов, где именно это выводится или находится?

  7. Андрей, здравствуйте!

    Спасибо за статью! Установила плагин (бесплатная версия) — все очень нравится!

    Но! Возник такой вопрос: по умолчанию работы добавляются по порядку, т.е. первая так и остается первой, а новые появляются ниже. Я вижу, что можно в ручную назначать место, но это мне не удобно...

    Можно ли сделать так, чтобы работы добавлялись наоборот? Не в конец списка, а в начало, как бы сдвигая предыдущие?

    1. vlavla, здравствуйте! Во вкладке плагина «Generate Shortcode» можно выбрать порядок показа (исходящие/входящие) последний пункт «Order:». Дальше сформулируйте новый шорткод, замените на старый и все.

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

  8. Добрый вечер! Ест ли возможность добавить комментарии к фото в этом плагине, может кто доработал? Или посоветуйте плагин подобный но с комментариями.

    1. Иван, здравствуйте! Увы, в этом плагине, похоже, нет такой возможности. Насчет других, я не помню, когда перебирал портфолио-плагины, то как-то не обращал на это внимание.

  9. Добрый день. Скажите пожалуйста, а можно ли сгенерировать такой шоркод, чтобы нажав на портфолио выводились не сразу «Все категории» (ALL), а например вторая или третья и т.д. категории (Filters).

    1. Galina, здравствуйте! Не совсем понял, то есть, чтобы показывались работы определенной категории? Так для этого же есть фильтры, они же категории. Они выводятся сверху, а по клику на одну из них, отображаются работы, которые находятся в это категории.

      Или вы имеете в виду... фильтры выводятся все или, насколько я помню, ни одного.

  10. Здравствуйте. Подскажите пожалуйста, как добавить картинки в слайдер, помимо миниатюры записи?

Оставить ответ

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