WordPressのプラグインでBehanceのデータをサイト内に表示させてみたノダ

きのうはBehanceのデータをAdobe Portfolioで見られるよーにしたノダけど、ほにゃこのサイトでもBehanceのデータを表示できんかニャ? と思って、Portfolio ManagerっちゅーWordPressのプラグインを導入してみたノダ。

Portfolio Manager | by eLEOPARD

ここで プラグインや導入過程の説明はせんけど(こーゆーのが得意なブロガーさんにおまかせナノダ(^_^;)、英語の説明読みつつ設定して、ひとまず公開してみたノダ↓

制作実績 | 石川陽春 – ISHIKAWA Kiyoharu

Multiple Categoriesの表示。記事のサムネイルの上に並ぶ文字は、Portfolio Managerで独自に指定できるカテゴリー名ナノダ。カテゴリー名をクリックすると、そのカテゴリーの記事サムネイルだけが下に並ぶノダ。カテゴリーは1記事に1つしか割り当てられんので、複数カテゴリーやタグの割り当てできめ細かく分類できるよーになるとありがたいノダ(基本的にカテゴリーは分野別にしたけど、Book & EditorialとGeneralだけ形態別なんで)。サムネイル上に余分な余白ができちゃうのは、まだ対処法がわかんなくて(^_^;
Multiple Categoriesの表示。記事のサムネイルの上に並ぶ文字は、Portfolio Managerで独自に指定できるカテゴリー名ナノダ。カテゴリー名をクリックすると、そのカテゴリーの記事サムネイルだけが下に並ぶノダ。カテゴリーは1記事に1つしか割り当てられんので、複数カテゴリーやタグの割り当てできめ細かく分類できるよーになるとありがたいノダ(基本的にカテゴリーは分野別にしたけど、Book & EditorialとGeneralだけ形態別なんで)。サムネイル上に余分な余白ができちゃうのは、まだ対処法がわかんなくて(^_^;
サムネイルをクリックして、Behanceの個別記事を表示させたトコ。Portfolio Managerで指定したカテゴリーはここでは表示されないノダ。
サムネイルをクリックして、Behanceの個別記事を表示させたトコ。Portfolio Managerで指定したカテゴリーはここでは表示されないノダ。

しばらくはこの形でサイト内にポートフォリオを表示させておくノダ。そのウチPortfolio Managerのヴァージョン・アップや、別のプラグインの登場があれば、そのつど見直したいニャ。

Adobe Portfolioを導入してみたノダ

ワタクシの日々の仕事に欠かせないInDesignやPhotoshopをふくむAdobe Creative Cloud(CC)に、Adobe Portfolioってサーヴィスが加わってるってのを ↓の記事で知ったノダ。

Adobe Portfolioで簡単にポートフォリオサイトを作成

Adobeによる公式サイト ↓

Adobe Portfolio

ワタクシみたいにCCのSNSであるBehanceをポートフォリオとして使ってる場合は、Behanceにのっけてるデータを同期させて、シンプルなポートフォリオサイトが作れるノダ。

今までも同種のサーヴィスとしてProSiteってのがあったノダけど、ProSiteの編集画面にログインしてみたところ、「ProSiteはこの春にサーヴィス終了するんで、Adobe Portfolioに移行してちょ」みたいなメッセイジが出たノダ。

ProSiteの編集画面。
ProSiteの編集画面。

ほんならさっそく、と思い立って、Adobe Portfolioを導入してみたノダ。Behanceとの同期をふくめた初期設定と、すぐにできるカスタマイズは十数分で終わったノダ。

Adobe Portfolioでつくったポートフォリオサイト。
Adobe Portfolioでつくったポートフォリオサイト。
ブラウザーの幅をせまくしたら、レイアウトが切り替わったノダ。
ブラウザーの幅をせまくしたら、レイアウトが切り替わったノダ。

まだ使い勝手をよー把握してないトコがあるけど、とりあえず、表示デバイスやブラウザーの画面幅に応じてレイアウトが切り替わるレスポンシブサイトが出力できるのは助かるニャ。

ちゅーワケで、Adobe Portfolioによるワタクシのポートフォリオサイトは ↓

Projects

ホントのトコロ、ポートフォリオサイトの理想は、BehanceやAdobe Portfolioとかの外部サーヴィスだけじゃなくて、このishikawakiyoharu.infoでデータを公開する形ナノダ。今、Behanceとこのサイトを同期できないかどーかさぐってるトコでもあるんで、もし形になったら報告するぞよ。

%d人のブロガーが「いいね」をつけました。