index.php=トップページではない
WordPressをのデフォルトテーマはブログテーマなので、サイトのTOPページにアクセスするとindex.phpが表示されます。公式テーマディレクトリーのほとんどのテーマがブログでの利用を想定されており、やはりTOPページにアクセスするとindex.phpが表示されます。
なので、WordPress初心者の方は『index.php=TOPページ』という認識をしていまっている方も多いかと思います。
『index.php=TOPページ』という理解でコーポレートサイトを制作した場合、色々と問題が発生します。
例えば同サイトにブログサイトも持ちたい場合
例えば1つのWordPressサイトでコーポレートサイトとブログサイトと両方運用したい場合です。
以下のようなサイト。
TOPページにはカルーセルやお知らせ一覧、関連するバナーの一覧などがあります。
次にグローバルメニューを見てみるとスタッフブログのメニューがあります。
WordPressはブログCMSなのでブログサイトを作るのは得意。スタッフブログにはその機能をそのまま使いたいところですが、このコーポレートサイトのトップページをindex.phpで構成していまうと『スタッフブログ』のトップページが作成できなくなってしまいます。
補足:こんな方法もありますが・・・
●『ブログ』カテゴリーを作成し、『ブログ』カテゴリーのアーカイブをブログページのトップページにする方法。
※この方法だと常にブログ記事を書く度にブログカテゴリーにチェックを入れる必要がある●ブログ記事一覧を表示するページテンプレートを作成する方法。
※この方法だとメインクエリーは利用出来ないので、get_posts関数を使って記事一覧を取得する必要がある。
企業サイトのトップページにはindex.phpは使わずにfront-page.phpで作成
では実際にコーポレートサイトのトップページとブログページをTwenty Twelveのテーマを使って構築してみたいと思います。
まずindex.phpをコピーしてfront-page.phpを作成します。
次にfront-page.phpのメインコンテンツの中を書き換える
サイトのTOPページを表示してみる
これでサイトのTOPページを表示するとfront-page.phpが表示されるので、front-page.phpのテンプレートをコーポレートサイトのTOPページ用に編集すればOKです。
どのテンプレートが表示されているか分かりやすくするために、index.phpにも『<h1>index.phpが表示されました</h1>』と追記しておきます。
次にブログページを作成する
作成する方法は簡単です。
まずは固定ページから【ブログ】ページを作成します。
次に管理画面の【設定】→【表示設定】画面で【フロントページの表示】の設定を変更する。
※上記画像で『フロントページ』に何も選択をしてないですが、選択をしないとコーポレートサイトのTOPページがindex.phpになってしまします。なので、『トップページ』などの固定ページを作成し、それを選択して下さい。(2013年1月4日11時42分修正)
ブログページにアクセスし、表示内容を確認する
これでコーポレートサイトのトップページとブログのトップページのテンプレートを別けることが出来ました。
コーポレートサイトのトップページに固定ページの情報を表示する必要がない(上記ワイヤーフレームのようなニュース一覧やバナー一覧しかない)場合はfron-page.phpにガリガリコードを書いてしまえばOKです。
固定ページと企業サイトのトップページを関連付けをしたい場合は、管理画面の【設定】→【表示設定】画面で【フロントページの表示】の設定で、フロントページのセレクトボックスで関連付けたい固定ページを選択してあげるとOKです。
そのあたりは後日また書こうと思います。
※『関連付けしたい場合』と書きましたが、必ず固定ページと関連付けをしてください。関連付けをしないTOPページにはfront-page.phpが表示されず、index.phpが表示されることになります。(2013年1月4日11時42分修正)
繰り返しになりますが、index.phpは『index.php=TOPページ』ではなく、他のテンプレートが存在しない場合に最終的に表示されるテンプレートになります(要はなんでも屋さんみたいな感じ?)。ブログのTOPページとしてテンプレートを作成したい場合はindex.phpをコピペしてhome.phpを作成すればブログページのTOPページとして機能します。
アイキャッチ画像
http://www.flickr.com/photos/64060016@N03/5965185904/ By thisismyurl
コメント
コメント一覧 (2件)
[…] https://ht79.info/wordpress/how-to-build-a-blog-page-in-the-wordpress-corporate-site/ […]
[…] https://ht79.info/wordpress/how-to-build-a-blog-page-in-the-wordpress-corporate-site/ […]