Создаем портфолио в WordPress на базе своих «выстрелов» Dribbble

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

Вы можете обладать обширной коллекцией «выстрелов» на Dribbble, однако это ни в коей мере не заменит размещение портфолио на своем сайте. Пользователи WordPress, которые желают создать портфолио на базе «выстрелов» Dribbble, могут легко это сделать. Есть три бесплатных плагина, которые упрощают вывод ваших «выстрелов» в качестве портфолио на своем сайте.

Dribbble Portfolio Shots

dribbble-portfolio-shots
Dribbble Portfolio Shots  — простой плагин, который позволяет вам делиться своими «выстрелами» с помощью шорткода.  Вывод является адаптивным, «выстрелы» можно представлять в виде сетки с двумя, четырьмя и шестью колонками.

«Выстрелы» можно выводить в любой записи и на любой странице с помощью шорткода, в котором можно менять число столбцов:

[ dribbble_shots id=»YOUR_DRIBBBLE_NAME» column=2 ]

Отображаемая ссылка «выстрела» ведет на источник, который хранится на Dribbble. Посмотрите лайв-демо, чтобы увидеть плагин в действии.

Dribbble Portfolio

dribbble-portfolio
Плагин Dribbble Portfolio также использует шорткоды для вывода «выстрелов», однако он имеет более продвинутые настройки. Шорткод может отображать до 15 «выстрелов» и включает в себя параметры, которые позволяют вам изменять цвет рамок, цвет фона, а также количество «выстрелов».

[ dribble_shots userid=»usename» bgcolor=»#fff» border_color=»#e8e8e8″ count=»12″ ]

Щелчок по «выстрелу» приведет к его появлению во всплывающем окне – сделано это вместо привязки к Dribbble. У каждого «выстрела» выводится заголовок, а также количество просмотров, комментариев и лайков.

example-dribbble-portfolio

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

Highlight Reel

highlight-reel
Highlight Reel позволяет вывести последние «выстрелы» Dribbble через шорткод или тег шаблона. После активации плагина вам предложат ввести свой логин на странице настроек. В отличие от плагина Dribbble Portfolio, в данном плагине нет никаких ограничений на количество «выстрелов», которые могут быть выведены на экран.

highlight-reel-settings

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

Источник: wptavern.com

Блог про WordPress
Комментарии: 2
  1. Yaroslav0507

    У вас ошибка в описании второго шорткода.
    [ deribble_shots userid=»usename» bgcolor=»#fff» border_color=»#e8e8e8″ count=»12″ ]
    нужно dribble_shots

    1. Дмитрий (автор)

      Спасибо за замечание, поправил.

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

Получать новые комментарии по электронной почте.