仕事の合間を使ってポートフォリオサイト (RenHuuka_Portfolio) のデザインをリニューアルしました。

これまでImbalance 2を使っていたのですが、ポートフォリオなので自分で作りたかったのです。
しかしImbalance 2の出来が良くて変更する機会を失っていました。
特にギャラリーサイト風のデザインを構築するには少し時間がかかるので、後回し後回しになってしまっていました。

ここ最近、仕事とプライベートでBootstrapを使ったサイトを四つほど作っていくなかで
「これ使おう！」と思い立って、リニューアルを行うに至りました。

• indexやarchiveではギャラリー風1カラムデザイン
• singleやpageでは右サイドバーを設置した2カラムデザイン
• ナビメニューはBootStrapのドロップダウンメニューバー
• ギャラリーデザインの画像にマウスオーバーするとタイトルと抜粋を表示
• モバイル端末からはLINEでシェアボタンを表示するなど、表示を切り替える
• BootStrapの機能で構築されている部分にはGoogleWEBFontを使う

だいたい上記をイメージして構築しました。

Before

After

ポートフォリオサイトはこちらRenHuuka_Portfolio