Pinterest風、シンプルな写真ブログにおすすめテーマ「Pinbin」

シンプルな写真ブログやWebマガジン、あるいはポートフォリオサイトを作りたい方におすすめなのがPinterest風デザインのWordPress無料テーマ「Pinbin」です。

こういったアイキャッチ画像を目立たせるレイアウト・デザインは、“読んで楽しむ”というより“見て楽しむ”ことを狙った「眺める」サイトに向いています。

Pinterest自体は日本でなかなか定着していないようですが、Pinterest風デザインのサイトはずいぶんと増えたように思います。（世界中で活躍する経営コンサルタント・大前研一さんのサイトもPinterest風）

この「テーマタンク」もグリッドレイアウト（格子状）なのでPinterest風といえます。トップページやカテゴリ一覧ページで、各テーマを俯瞰できることを優先事項としてデザインを決めました。まずはアイキャッチ画像と記事タイトルで全体を眺めてもらって、興味のある記事については読み進めていただきたい、そう思っています。

さて、それでは「Pinbin」の具体的な紹介に入っていきましょう。

目次

1. テーマのデザイン・レイアウト
2. テーマの仕様
3. テーマのカスタマイズ
4. その他の特徴
5. テーマの特徴まとめ

１．テーマのデザイン・レイアウト

１−１）トップページのデザイン

トップページ、カテゴリ一覧ページは共通デザイン。まさにPinterestですね。それぞれのブログ記事のアイキャッチ画像にカテゴリー、タイトル、日付、抜粋文が表示されます。

 最上部ヘッダーは上部に固定されます。（全ページ共通）

フッターも全ページ共通で、カスタムウィジェットエリアとフッタークレジット（コピーライト表記など）です。

１−２）投稿ページのデザイン

投稿ページはシンプルに、アイキャッチ画像と記事となります。画像と記事に注目してもらうために、サイドバーはあえて作らなかったそうです。

下部にはコメント欄が付いています。

２．テーマの仕様

２−１）モバイル端末対応レスポンシブデザイン

タブレットPC、スマートフォンなどのモバイル端末からのアクセスに対応。カラム数は自動で変更されます。

２−２）クロスブラウザ対応

Mozilla Firefox、Google Chrome、Safari、IE 10,9,8,7などの主要なブラウザに対応しています。

２−３）日本語化ファイル内蔵

日本語に自動翻訳されます。たとえば各記事のコメント欄はこうなります。

３．テーマのカスタマイズ

３−１）カスタムバックグラウンド機能

ダッシュボード（管理画面）　＞　外観　＞　背景

背景画像、背景色を自由に変更できます。たとえば、以下の背景画像を使うと・・・

全然違う雰囲気になりますね。オリジナリティを出せます。

表示オプションがあるので、一枚絵の背景画像、あるいはタイル状に並べたい背景画像、どちらでも大丈夫です。

３−２）カスタムロゴ機能

ダッシュボード（管理画面）　＞　外観　＞　Pinbin Options

ロゴをアップロードすることができます。

しかし、ロゴではなくテキストでサイトタイトルを表示させることは出来ない仕様のようです。。。バグではないようで、テーマ作者の意図なのでしょう。

３−３）カスタムメニュー機能

全ページ共通のヘッダーメニューは、こちらから設定します。

ダッシュボード（管理画面）　＞　外観　＞　メニュー

３−４）カスタムウィジェット機能

全ページ共通のフッターウィジェットはこちらから設定します。

ダッシュボード（管理画面）　＞　外観　＞　ウィジェット

３−５）フッタークレジットの変更

最下部のフッタークレジット（コピーライトなどの表記）は、サイトタイトルがそのまま反映されます。

サイトのタイトルは「ダッシュボード ＞ 設定 ＞ 一般」から変更します。

４．その他の特徴

４−１）サポート体制

英語ではあるものの、テーマに関する質問などを配布元サイトのコメント欄に投稿すると、クイックレスポンスがあるようです。質問から２分後に返事が書いてあったりしてすごいです。

テーマのバグなどが見つかった際にはアップデートも行っているようです。

４−２）マニュアル

こちらも英語ですが、動画付きのマニュアルページがあります。テーマのダウンロードからインストール、初期設定、カスタマイズ方法について詳細に説明があります。

設定、カスタマイズが難しいテーマではありませんが、Googleのサイト翻訳などと合わせて参照にすれば一通り大丈夫でしょう。

Pinbin マニュアルページ

５．テーマの特徴まとめ

• 画像が映えるピンタレスト風デザイン
• モバイル端末対応レスポンシブデザイン
• 主要ブラウザに対応、クロスブラウザ
• 日本語化ファイル内蔵
• カスタムバックグラウンド機能
• カスタムロゴ機能
• カスタムメニュー機能
• カスタムウィジェット機能
• サポートあり（英語 / 配布元サイトのコメント欄から質問）
• テーマのアップデートあり
• マニュアルあり（英語）

導入は比較的簡単です。気にいった方はぜひ使ってみていただければと思います。

• Tweet
•