▲PAGE TOP

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


おちゃのこネットの新規取扱い商品などの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でガジェットをトップ・ページにだけ表示する記述 でも紹介されています



  トップページだけ表示しないWidgetの設定方法  
---------------------------------------------------------------

上記の方法で、トップページにだけ表示をするwidget(HTML/Javascript)を作製し、
その入力項目に以下のタグを入力する

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


<style>

#****** { display:none; }

#***** { display:none; }

#HTML*** { display:none; }

</style>


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

緑部分には、トップページで表示したくないWidgetのIDを入力してください。












COMMENT 投稿した内容は「 掲示板 」に掲載されます。
ペンネーム(必須)

タイトル

メールアドレス

話題にするページ/ウェブサイトのURL
メッセージ(必須)
アップロードする画像
パスワード(必須)