テンプレートへ組込む場合

各ブログサイトではテンプレートを自身で編集できる機能を搭載しています。この機能を使い、クリックテクスの自在タイプを単独記事ページにだけ掲載することが出来ます。

※ テンプレート編集機能を提供していないブログサイトもあります。

FC2ブログでテンプレートをカスタマイズ

FC2ブログでは1つのHTMLテンプレートとスタイルシートテンプレートから構成されています。テンプレートの編集画面は管理ページの「環境設定>テンプレートの設定」です。

fc2

 

FC2ブログ テンプレート画面

FC2ブログでのテンプレート編集画面では「HTML編集」「スタイルシート編集」の項目があります。この2つの項目に追記することでブログをカスタマイズ出来ます。

クリックテクスのバナーを表示するためには以下の手順を行います。

 

テンプレートの複製

FC2でテンプレート複製テンプレートを編集する前に元に戻せるように複製します。テンプレートを編集したことによって表示がおかしくなった場合にすぐに戻せます。

テンプレートを複製するには、対象のテンプレートの右欄に「複製」というリンクがあるのでクリックします。

 

HTML編集

FC2でのHTMLテンプレート編集フォーム画面
FC2でHTMLテンプレート編集

テンプレートの編集画面へ進むと、「◯◯◯のHTML編集」という項目があります。この内容がブログのメインテンプレートとなります。

単独ページ以外での表示を行わないようにするために「テンプレート中に使える変数一覧」にある <!--permanent_area--> を使用します。

サンプルコード

単独ページの記事の下に掲載する場合は、 <!--more_link--><!--more--> を探します。一般的なテンプレートなら <!--/more--> の下にコードを挿入するのがいいでしょう。

コードを挿入したら更新ボタンをクリックします。

 

スタイルシート編集

上記「HTML編集」だけでもクリックテクスのバナーは表示されますが、見た目のカスタマイズを行う場合にはスタイルシートの編集を行います。

サンプルコード

上記サンプルコードを「◯◯◯のスタイルシート編集」項目のお好きな場所(最上段や最下段がよいでしょう)に挿入して更新ボタンをクリックします。

スタイルシートの各値はお好みで変更してください。