キーワードタグの自動表示

■ まったくノーマルのデフォルトテンプレートの方
現在のテンプレートと同じテンプレートをもう一度選択し、再構築をかけます。そうすると、タグを表示させる部分が追加されているデザインテンプレートと入れ替わります。

ただし、現在の段階では全てのテンプレートにその処理が施されていませんので、先に自分のテンプレートがタグを表示させるテンプレートに変更されているかどうかを、確認して下さい。


■ CSS のカスタマイズをおこなっている方
現在の CSS をメモ帳か何かのテキストエディターにコピーしておき、対応済みの現在と同じデザインのテンプレートに入れ替えます。その後、保存しておいたカスタマイズされた CSS を貼り付け直し、再構築をかけます。

ただし、そのままではタグを表示させる HTML に対しての指示が、CSS 内に記述されていません。そこで、その指示を新たに CSS に追記します。追記の方法は " 次に説明する項目を参考にして下さい。"

■ CSS、HTML どちらもカスタマイズしている方
この場合はテンプレートの入れ替えができません。しても良いですが、もう一度カスタマイズのやり直しになります。そこで、タグを表示させる HTML の記述を、現在の HTML テンプレートに追記します。

管理画面に入って、カスタマイズ/管理 ＞ デザインの設定 ＞ カスタマイズ ＞ を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。今回はその CSS と 4つ の HTML すべてをカスタマイズします。

☆ トップページ・カテゴリー別ページ・月別ページ
記事本文を表示させる HTML 部分の任意の位置に、以下のタグを追加記述します。

• トップページ
  <IndexArticlesLoop> 〜 </IndexArticlesLoop> のどこかに
• カテゴリー別ページ
  <CategorizedArticlesLoop> 〜 </CategorizedArticlesLoop>
• 月別ページ
  <MonthlyArticlesLoop> 〜 </MonthlyArticlesLoop> のどこかに
  
  

AQ は、<div class="posted"> 〜 </div> のすぐ後に、この上記のタグを入れました。

☆ 個別記事ページ
お好きな位置に上記のタグを表示させる HTML を追加記述します。AQ は、<div class="menu"> 〜 </div> のすぐ後ろに設置しました。

さあこれで、それぞれの HTML への設置が終わりましたので保存しておいて下さい。再構築はこの時点では、まだかけなくて良いでしょう。次に CSS の設定に入ります。

HTML に貼り付けた記述の中に class 属性 < article_tags > が入っています。これに対して CSS から指示を出します。CSS 内に以下のように記述して下さい。


***** の中には、それぞれの運営しているブログに合わせて設定を書き込みます。具体的な例としては ・・・


などを書き込み、好みの状態に仕上げます。上から２番目の .article_tags a{ } には何も書き込まなくても OK です。

CSS を保存、CSS の再構築をおこなって下さい。さてこれで準備は整いました。まずはトップページだけ再構築をおこない、正しく表示されているか、好みの位置、文字の状態になっているかを確認して下さい。

次にカテゴリーページの再構築。そして月別ページの再構築を順におこない、確認をしていきます。個別記事ページを確認する時は、最新の記事で良いですから中身を何も変えずに、" 再投稿 " して下さい。その記事だけ再構築されます。

そうしてひととおり問題が無いかを確認したあと、最終的に 『 全て再構築 』 をかけます。これで完成です。お疲れ様でした (^^)