Blogger:テンプレートを編集して 記事別表示 で表示する項目を選択する

BLOGGER のテンプレートを最近少し編集していますが
「インデックス表示」 と「記事別表示」で表示させる項目を変更したいなあと
思っていたので、ちょっと調べてみました。
どこかに書いておかないと、すぐに忘れてしまうのでメモしておきます。

0.テンプレート編集の方法
 一応作業メモとして

 0-1.Blogger の編集画面を開きます。
     左側に「テンプレート」の項目があるので選択します。

2-2.「ブログで使用中」の下の「HTMLの編集」を押します。

2-3.テンプレートが表示されます。
    ごちゃごちゃと訳の解らん英数字が並びます。

  一度、キーボードの「CTRL」 +「A」などで文字を全選択→コピーして
  メモ帳などに張付けておく、バックアップ作業をしておく事を勧めます。


1.表示の変更

 テンプレート内の html や CSS やタグを、下記のタグで括ります。 

 記事別のみに表示する場合
   <b:if cond='data:blog.pageType == "item"'>○○○</b>

 月別アーカイブのみに表示する場合
  <b:if cond='data:blog.pageType == "archive"'>○○○</b>

 メインページのみに表示する場合 
  検証したところ「年別アーカイブ」と「ラベルページ」も
  タイプ index に含まれるようです。
  <b:if cond='data:blog.pageType == "index"'>○○○</b>

 なお、== を != にすると、対象以外のページに表示される事になります。

2.検証してみる。

 テンプレートに下記の記述をして、ブログを表示させてみます。
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='separator' style='clear: both; text-align: center;'>
      <font color='red'>記事別表示だよ</font>
    </div></b:if> 

結果。

****.blogspot.com/ での表示内容。


http://****.blogspot.jp/2014/01/****.html での
記事別一覧での表示内容。

 記事別のみに表示されました!!

 なお画像のブログは閉鎖しました。



スポンサードリンク

0 件のコメント :

コメントを投稿