2012年1月8日日曜日

トップページまたは特定のページのみにウィジェットを表示させる方法


おちゃのこネットの新規取扱い商品などのfeedをトップページにのみ表示させたい場合などに活用します。

ウィジェットをトップページまたは特定のページのみに表示させる方法です。

  • レイアウト>main-wrapperに任意のウィジェット(任意のタイトル)を作成する
  • テンプレート>HTML編集>ウィジェットのテンプレートを編集 
  • 下のコード部分を探し、赤文字<b:if>コードを追加して、保存する
///////////// ウィジェットのテンプレート 変更箇所 //////////////////////

<b:widget id='Text1' locked='false' title='任意のタイトル' type='Text'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

///////////////////////////////////////////////////////////////////


任意のページにのみ、ウィジェットを表示する方法について

上の赤文字コードを下のコードすれば、任意のページに表示することができます。
<b:if cond='data:blog.url == "ページURL"'>
ページURLには、ウィジェットを表示したいページアドレス(URL)を入力します。



【参考】くわしくは、Bloggerでガジェットをトップ・ページにだけ表示する記述 でも紹介されています