▼ FC2ブログ・目次ページの作り方(1)

　ブログでアフィリエイトをしていると、サイトのようにindexページ（目次ページ）を設置したくなるものです。
　FC2ブログで目次ページを作る方法を紹介します。

　といっても、基本的には私が参考にさせていただいたブログ「FCafe」さんの記事「表紙をつける」を読んでください。

　まず、テンプレートを二つ用意します。
　ひとつは目次（表紙）ページとして使い、もうひとつは通常のメインページとして使用します。
　各テンプレートの設定部分での「このテンプレートに変更」という設定は、メインページのテンプレにしてください。

　以下、引用です。

【 表紙にするテンプレート 】
1．テンプレートの名前をtop等に変更する（紛らわしくならないよう）
2．＜%ad＞やcopyright部分を残し独自ブロックやリスト部分を削除
3．タイトル部や全体のフレーミングなどはそのまま流用するのも可
4．後は自由に画像や文章やカウンタ等を盛り付け（ホムペ作成感覚）
5．ブログTOP頁./?page=0へのリンク設置を忘れずに！

　解説します。

1．まず、「テンプレートの設定」ページでテンプレートを追加します（FC2は、自分の管理画面にストックできるテンプレの数を制限していないので、いくつでもダウンロードできます）。
　現在使っているテンプレと同じものでもよし（私はそうしています）、トップページだけ違うものにしたければ違うテンプレにするのもよし。
　そのテンプレの名前を「top」などに変更します。
（当ブログの場合は「top_page」としました）

2（3、4）．規約上、削除してはいけない広告部分＜%ad＞＜%ad2＞や、著作権表示部分を残し、残りは好きなように修正します。
（例）私の場合は、html部分のみ修正しました。記事部分の日付等は全て削除し、その他のレイアウトはそのままです。記事部分には目次の内容を載せるようにしました。

5．本来のブログトップである「./?page=0」へリンクをはっておきます。このブログでは、目次の「最新記事」がそれにあたります。

　次は、メイン側のテンプレートの修正についての引用です。

【 メイン側テンプレート 】
1．ブログタイトル部のリンク先を上記テンプレートとする。　　（参考）
例：＜h1＞＜a href="./?style2=top"＞＜%blog_name＞＜/a＞＜/h1＞
( 〜/index.php?style2=topでなく↑上記でも表示可能)
2．オプション指定無しでの来訪に「表紙」を見せたい場合は以下のようにします。
head領域（他のスクリプトより先） に以下のスクリプトを書きます。

＜script type="text/javascript"＞＜!--
if (""+self.frames.location=="自blogのURL") { location.href="表紙テンプレのURL" }
//--＞＜/script＞

1．ブログのタイトル部分のリンク先が、もとのブログ（本来のURL）へのリンクになっているので、そこを目次テンプレのURLに変更します。

2．本来のトップページにアクセスがあった場合、自動で目次テンプレに移動するよう、上記のスクリプトをhtmlのhead領域に書きます。

　これで目次ページができあがりました。

　引用部分の＜と＞は全角になっているので、半角に直してから使ってください。

　かなり応用の効く手法だと思います。「FCafe」の作者danielさんに感謝しています。
　FC2ブログの応用範囲の広さは、そのカスタマイズの自由度の高さゆえ、はかりしれません。アフィリエイトをするうえで、かなり適したブログであるといえるでしょう。

　登録 >> FC2ブログ


【追記】
　FC2ブログのブロック変数が追加され、別のもっとスマートな方法で目次ページを作ることが可能になりました。
「FC2ブログ・目次ページの作り方(2)」にまとめましたので、そちらをご活用ください。