クリボウの Blogger Tips

Google Blogger の使い方、カスタマイズ方法、各種ツールなど、
Blogger 関連の役立つ情報を紹介しています。

> コンディショナルタグとスタイルシート

コンディショナルタグとスタイルシート

Posted at: 2005-07-28 2

メインページ、記事単独ページ、アーカイブページといったページの種類によって、書き出される HTML を変えるテンプレートタグのことを以前の記事ではページ切替タグと呼んでいましたが、これは正式にはコンディショナルタグと呼ばれるそうです(What are conditional tags? 参照)。

また、こう書きました。

スタイルシートをページの種類ごとにがばっと変えて、ページのデザインを完全に切り替えたら?などと考えてみたれど、スタイルシートの書ける <head> 内には <MainPage> をはじめページ切替タグは使えないとのこと。

これは Blogger HelpTemplate Tag list を見てこう書いたのでしたが、Blogger の標準的なテンプレートの中にも <head> 内でコンディショナルタグを使っている例があり、調べてみると <head> 内でもちゃんと、コンディショナルタグが機能することがわかりました。

<head> 内にコンディショナルタグが書けるとどうなるのか?ですが、これは特に、スタイルシートがページの種類別に書き分けられるようになるということです。

たとえば、<head> 中に
<style type="text/css">
<ItemPage>
div.box {
  border: 1px #ff0000 solid;
}
</ItemPage>
</style>

<body> に
<div class="box">
  KURIBO
</box>
とあれば、記事単独ページでのみ文字列に赤い枠線が出ることになります。つまり <body> 内で実際にパーツを書き分けなくても、スタイルシートを書き分ければ見え方をページごとに変えられる、ということ。

これがどういう場面で役に立つかというと、普通コンディショナルタグによっては書き分けられない部分、投稿の本文の表示をページ種類ごとに書き分けたい時です。

この方法を使い How can I create expandable post summaries? には、メインページで投稿本文を短く表示し、記事単独ページで全文を表示する、いわゆる「続きを読む」機能の導入について説明がされています。

日本語では PrestonCafeBlogger.comにRead More機能を追加する で紹介されていますのでどうぞ。


スポンサードリンク:
お願い:
「この記事役に立った!」と思ったら、ぜひフィード登録をお願いします。 

Comments:2



  1. افضل شركة نقل اثاث بالمدينة المنورة تساعدك على نقل اثاثك بامان فلا داعى للقلق مع افضل شركة نقل اثاث بجدة

    عزيزى العميل انت من محبى التنقل باستمرار بالتالى انت بحاجة ماسة وضروية الى الاستعانة بالمختصين في نقل العفش خاصة ارخص شركة نقل اثاث بالرياض لان الاستعانة باى من عمالة الشوارع الغير مدربة والتي لا تمتلك خبرة كافية في نقل العفش او الحفاظ علية وليس هذا فقط فقد يؤدى الاستعانة بعمالة الشوارع الى حدوث حالة فقدان وتكسير للاثاث بالتالى التاثير الضار عليك عزيزى العميل

    لا تقلق مطلقاً الان بشأن نقل اي منقولات خاصة بك طالما استعنت بشركة الاول لـ نقل الأثاث في الرياض وخارج الرياض فنحن ليس الوحيدون ولكننا متميزون عن اى مؤسسة أخرى داخل وخارج الدمام وشهرتنا كافضل شركة نقل عفش بينبع
    نقل اثاث بجدة

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.