Genesis とGenesis子テーマを（インストール）できたら、Genesisサイトをセットアップしてみましょう。
ここでは海外で人気のGenesis子テーマ『MetroPro』を使用し、StudioPressのデモページ風に設定してみます。どのGenesisテーマも公式サイトに解説ページがあるので、お使いのテーマに合わせて確認してみてください。（※ ログインが必要です）
Metro Pro 設定ページ：
http://my.studiopress.com/setup/metro-theme/
① プラグインをインストール
Genesisサイトの運用に便利な以下のプラグインをインストールします。
- WP Multibyte Patch 日本語のようなマルチバイト文字に対応させる
- Genesis Sandbox Featured Content Widget 記事一覧を表示
- Genesis eNews Extended メルマガを配信
- Regenerate Thumbnails サムネイルを再生成
② サイト全体のレイアウトを設定
管理画面の『Genesis』→『Theme Settings』でサイト全体のレイアウトを設定します。
ここでは『Theme Settings』でサイト全体のレイアウトを設定しましたが、カテゴリや記事ごとにレイアウトを変更することもできます。
③ 背景画像を設定
『外観』→『カスタマイズ』を選択します。
『背景画像』を選択し、下のように設定します。
④ ロゴ画像を設定
ロゴ画像がある場合は、背景画像と同じようにカスタマイザーの『ヘッダー画像』から設定します。
⑤ ウィジェットを設定
次にウィジェットの設定をしていきます。
『Metro Pro』には合計11のウィジェットエリアが用意されているので、この中にウィジェットを入れていきます。ここではデモサイトを参考に設定にしましたが、お好みに合わせて変更して下さい。
下の画像で①を振った『Secondary Sidebar』は、3カラムのレイアウトにしたときに表示されるウィジェットエリアです。
トップページのメインコンテンツ部分には3つのウィジェットエリアが用意されており、『Home – Top』と『Home – Bottom』がメインコンテンツ幅と同じ横幅、『Home – Middle Left』と『Home – Middle Right』がその半分の横幅になります。
1 Header Right
ヘッダー右上に表示されるウィジェットエリアです。
『検索』ウィジェットを入れます。
2 Primary Sidebar
サイドバーに表示されるウィジェットエリアです。下の画像のように4つのウィジェットを入れました。
2-1. テキストウィジェット 1
サイドバーウィジェットの1つ目には、プロフィール画像用のテキストウィジェットを入れます。
『内容』の中には以下のコードを入れました。このページと同じように設定する場合には、お好みに合わせて文章や画像を変更して下さい。
<img src="プロフィール画像" alt="" />Starbucks Addict. Sarah McLachlan Fan. Blogger. Nomad Theorist. Aspiring Fashion Photographer. Believer in Karma. World Traveler. <a href="リンク先">More about me</a>
2-2. テキストウィジェット 2
サイドバーウィジェットの2つ目は、SNSアイコン用のテキストウィジェットを入れます。
『内容』の中には以下のコードを入れました。下のコードの『○○』の部分には、お使いのSNSアカウントIDなどを入れて下さい。
<a class="social-buttons" href="http://www.facebook.com/○○">Facebook</a><a class="social-buttons" href="https://plus.google.com/○○">Google</a><a class="social-buttons" href="http://instagram.com/○○/">Instagram</a><a class="social-buttons last" href="http://twitter.com/○○">Twitter</a>
2-3. Genesis eNews Extendedウィジェット
サイドバーウィジェットの3つ目には、メルマガ用に『Genesis eNews Extended』ウィジェットを入れました。
Genesis eNews Extendedについては、こちらのページで使い方を紹介しています。
2-3. 最近の投稿ウィジェット
サイドバーウィジェットの4つ目には『最近の投稿』ウィジェットを入れます。
3 Secondary Sidebar
3カラムのレイアウトにした場合に、サイドバーに表示されるウィジェットエリアです。
今回は何もウィジェットを入れませんでしたが、『Primary Sidebar』と同じように使用することができます。
4 Home – Top
トップページ・メインコンテンツ部分の一番上に表示されるウィジェットエリアです。
この中に『Genesis Sandbox Featured Contents』ウィジェットを入れて一番最新の記事を表示させます。
※ 『Genesis Sandbox Featured Contents』ウィジェットの設定方法は、『Genesis Featured Posts』ウィジェットの使い方とほとんど同じです。
5 Home – Middle
『Home – Middle Left』と『Home – Middle Right』には、『Home – Top』と同じように『Genesis Sandbox Featured Contents』ウィジェットを入れます。
設定はほとんど同じなので、全体の画像は添付しませんが、『Exclude Previously Displayed Posts?』にチェックを入れておくと、『Home – Top』で表示された投稿が表示されなくなります。
6 Home – Bottom
『Home – Bottom』についても『Home – Top』や『Home – Middle』と同じようにGenesis Sandbox Featured Contentsウィジェットを入れます。
このウィジェットエリアでは、記事を5件表示させているので、『Home – Bottom』用の小さいサムネイルを左寄せで表示させます。
7 After Entry
記事本文の終わりに表示されるウィジェットエリアです。
ここではTwitterのフォローボタンと、メルマガ用のeNews Extendedウィジェットを表示させました。『eNews Extended』については、メールアドレスのフォームのみを表示させています。
7-1. テキストウィジェット
『内容』の入力欄に、Twitterフォローボタン用のコードとテキストを入力します。
8 Footer
Footerには下の画像のように3つのウィジェットエリアが用意されています。
このFooterウィジェットもデモサイトとはコンテンツを若干変えていますが、テキストウィジェットや『最近の投稿』ウィジェットなど通常のウィジェットを使っています。
これでセットアップは完了です！
コメントを残す