写真中心の子育てブログにおすすめ。WP無料テーマ「Spun」

本日ご紹介するWordPress無料テーマ「Spun」、正直な話、どう紹介したらいいものかずいぶんと考えました。

WordPress公式サイトでも配布されているテーマで、女性を中心にとても人気のあるテーマです。実際にデモサイトをご覧いただくとわかりますが、非常にユニークなテーマで、きわめて感性的な作りです。

機能性とかどうでもいいからね、という感じがプンプンしますので、わたしのように「スペック」なんかが好きな人間は、いささか困惑気味でした。

• このテーマの何がそんなにいいのか？
• このテーマの使い途は？

そんなことを考えていると、いつも取り上げるのをためらっていたのですが、結局、そんなことを考えている時点でだめなんですよね。感性的なものを論理的に理解しようと思っても（笑）

で、それなら使ってみようと思って色々とテーマをいじっているうちにひらめいたのが「写真メインの子育てブログ」です。

トップページ、アーカイブページには、きれいなグリッドレイアウトで丸写真のアイキャッチ画像がズラッと並びます。

で、これが子どもの写真だとしたら、お母さん・お父さんとしてはかなり「見応え」のあるサイトができ上がるんじゃないかなと・・・。

そして記事のイメージはこうです。おー、いいかも！まぁ、実際に育児ブログをやるようなお母さんにどれほど感情移入できているかわからないのですが（笑）

その他、被写体などコンセプトが明確な写真ギャラリーサイト、ポートフォリオサイトなんかにも良いだろうと思います。きっとユニークで、オリジナリティのあるサイトができるでしょう。

テーマの導入、設定などはとても簡単です。機能はそんなになくていいから、とにかく気に入った！という方はぜひ最後までお読みください。

 

目次

1. テーマの特徴
2. テーマのデザイン・レイアウト
3. テーマの導入方法・使い方・カスタマイズ

１. テーマの特徴

１）デザイン・仕様 ・・・・・・・・・

• 画像が映えるピンタレスト風デザイン
• モバイル端末対応レスポンシブデザイン：スマホ、タブレットもOK
• 日本語化ファイル内蔵：テーマをインストール後、すぐに使用可！

２）カスタマイズ・オプションメニュー ・・・・・

• ロゴ・アップロード機能：サイトロゴも設置簡単
• バックグラウンド・カスタマイズ機能：背景画像、背景色を設定
• メニュー・カスタマイズ機能：
• ウィジェット・カスタマイズ機能：
• アイキャッチ画像サポート：

３）その他 ・・・・・・・・・・

• 英語サポート：配布元サイトのコメント欄から質問
• テーマ・アップデート：バグ修正、WPアップデート対応、セキュリティ向上に
• WordPress公式サイト配布テーマ：公式サイトでも人気のテーマ。安心ですね

２. テーマのデザイン・レイアウト

１）トップページ・アーカイブページのデザイン

テーマ外観からチェックしていきましょう。まずは本テーマの最も特徴的であるトップページ（アーカイブページ、カテゴリページなども同様のレイアウト）からです。丸加工のアイキャッチ画像がグリッドレイアウトに並び、色味はモノトーン、非常にユニークな外観ですね。

徹底的にコンテンツ押しですから、タイトルやメニューバーですら文字が薄くなっていてよく見えません。

ヘッダー付近にマウスを近づけるとようやく見えます。

アイキャッチ画像も同様ですね。ちなみにアイキャッチ画像がない時は、記事タイトルが表示されます。

アイキャッチ画像は正方形、もしくは正方形に近しい画像を使うようにします。

横長画像を使うと、背が高くなる鏡に写ったようになってしまいます。

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

個別の記事（投稿ページ）でも、やはり「コンテンツ押し！」。コンテンツ部分は普通に見ることができますが、それ以外のヘッダー、フッターなどは薄くなっています。（マウスを近づけると色がつきます）

赤ちゃんの目線には、どうしても目がいってしまいます（笑）

３）モバイル端末対応レスポンシブWebデザイン

レスポンシブ仕様ですので、モニターサイズに合わせて自動で最適表示されます。

３. テーマの導入方法・使い方・カスタマイズ

１）テーマのダウンロード〜インストール

1. 「Spun」のWordPressテーマ配布ページにアクセス
2. 【Download Version X（Xは数字）】ボタンをクリック
3. WordPress テーマファイルを保存
4. WordPress ダッシュボードに移動
5. メニュー「テーマ > テーマのインストール > （ファイルを）アップロード」
6. 【いますぐインストール】をクリック
7. 【有効化】をクリック

以上で完了。さっそく各種設定を行いましょう。

２）タイトルのカスタマイズ

ダッシュボード > 外観 > ヘッダー

サイトタイトルはロゴ画像をアップロードすることも、通常どおりテキスト表示させることもできます。

ロゴの最適サイズ：横 150 × 縦 150 ピクセル

３）背景のカスタマイズ

ダッシュボード > 外観 > 背景

背景もカスタマイズすることができます。大きな一枚絵を入れてみると良いかもしれませんね。

４）ヘッダーメニューのカスタマイズ

ダッシュボード > 外観 > メニュー

ヘッダーメニューのカスタマイズはこちらから。

５）フッターウィジェットのカスタマイズ

ダッシュボード > 外観 > ウィジェット

３カラムのフッターウィジェットを編集します。ウィジェット名は「Sidebar」になっていますが、フッターのことです。

６）フッターのカスタマイズ

ダッシュボード > 設定 > 表示設定

トップページおよび、カテゴリページ、アーカイブページ等でアイキャッチ画像をいくつ表示するかを設定します。テーマの外観を考えると、多めに表示させるほうが良いかなと思います。もちろんお好みで。

マーケティングというか広告、CM、テレビなんかでよく「困ったときの３B」なんていうものがあります。

見ている側の興味を引きたい時には、「Baby：赤ちゃん」「Beauty：美女（美男）」「Beast：動物（犬・猫など）」の写真（動画）を使えというようなもので、人間単純なもので確かに有効です。

何を隠そう当記事のアイキャッチ画像もわざわざ「Spun」のデモサイトではなく、自分で実際に赤ちゃんの写真をはめこんで作りました。もし、赤ちゃんのアイキャッチ画像が目をひいたのなら、、、成功です（笑）

お子さんの日々の様子がサイト上にいっぱいたまってきたら、非常に楽しいものになるだろうと思います。気に入った方はぜひ使ってみてください。

• Tweet
•