>--> Blogger テンプレートにさらに新しいウィジェットタグが登場 | クリボウの Blogger Tips

クリボウの Blogger Tips

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

> | > Blogger テンプレートにさらに新しいウィジェットタグが登場

Blogger テンプレートにさらに新しいウィジェットタグが登場


前回、Blogger テンプレートのウィジェットタグに新しい表現方法が登場 という記事を書きましたが、すぐにまた新しいウィジェットタグが追加されています。

何が追加されたかというと、以下のとおりです。

  • b:elseif
  • b:switch
  • b:eval
  • b:with
早速、順に見ていきます。


elseif

これまで、条件分岐では b:if (条件に合う場合)と b:else (合わない場合)というのがあったんですが、条件に合わない場合に別の条件を追加する b:elseif が新しく登場しています。下に掲載したのは、ページの種類によって表示する内容を切り替えるコード例です。

<b:if cond='data:blog.pageType == "static_page"'>
  静的ページに表示する内容
<b:elseif cond='data:blog.pageType == "item"'>
  個別投稿ページに表示する内容
<b:else/>
  それ以外のページに表示する内容
</b:if>


switch

複数の条件分岐で参照するデータが同じ場合、b:switch というタグを使うこともできます。b:switch に参照するデータ名を、b:case に等しいかチェックする値を入れます。すると、該当した b:case の後に記述した内容が表示されます。b:default の後に記述した内容は、b:case で等しい物がなかった場合に表示されます。上のコードと同じ内容を b:switch で書き直したのが、下の例です。他のプログラム言語の switch でよく見られる break は要りません。「トップページの場合は」、「アーカイブページの場合は」などと、条件をどんどん付けくわえたい場合に便利です。

<b:switch var='data:blog.pageType'>
<b:case value="static_page" />
  静的ページに表示する内容
<b:case value="item" />
  個別投稿ページに表示する内容
<b:default />
  それ以外のページに表示する内容
</b:switch>


eval

b:eval は、文字列を式として実行するための文です。ちょっとした計算や文字列の連結をして、内容を表示するのに適しています。

例 1: 画像などに適用するスタイルシートに、画像の縦横の比率そのままで拡大・縮小させた値を記述する例です。

min-height: <b:eval expr="data:newWidth * data:height / data:width" />px;
(「新しい幅 × 高さ ÷ 幅」を計算して、「新しい高さ」を表示。)

たとえば元の幅 width が 200 で、高さ height が 150、新しい幅 newWidth が 400 の場合には、(400 * 150 / 200) ということで、実際に以下の内容を表示します。

min-height: 300px;


例 2: 配列構造になったデータを直接表示する例。

<b:eval expr="data:post.labels[0].url" />
(投稿の一つ目のラベルのラベルページの URL を表示。)

データを直接記述する <data:post.labels[0].url/> という書き方でもいいんじゃないかと試してみたんですが、これだとテンプレートを保存することができませんでした。従来、配列のような構造になっているデータについては b:loop を使わないといけなかったのが、b:eval でも直接記述できるようになったということのようです。


例 3: 三項演算子の結果を書き出す例。三項演算子は、前回追加された表現でしたね。

<b:eval expr='data:post.allowComments ? "Comment" : "Comments Disabled" />
(投稿にコメント可能な場合「Comment」と表示、不可の場合は「Comments Disabled」と表示。)


with

b:with を使うと、計算式の値などを一時的に格納する変数を作ることができます。

<b:with var='myComputedValue' value='50 + 40' >
  <data:myComputedValue/>px;
</b:with>
(「50 + 40」の計算結果を「myComputedValue」に格納。その後、「px;」を付加して書き出し。)

変数を書き出すのは、<data:myComputedValue/><b:eval expr='data:myComputedValue' /> のどちらを使ってもOKです。属性値としてなら expr:width='data:myComputedValue' のように使います。なお、b:with で囲んだエリア内でしか変数は使えないので、注意が必要です。


あとがき

今回のテンプレートタグの仕様変更で、実際には内容を書き出さずに、変数を指定したり、計算をしたりできるようになりました。Blogger テンプレートでできることが、格段に広がった印象です。新しいテンプレートタグを駆使して、自分だけのテンプレートづくりに挑戦してみるのもいいかもしれません。テンプレートタグのこういう組み合わせで、こんなことができるよというアイデアがもしあれば、教えてくださいね。


関連: 参考:


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

Comments:28

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



    ReplyDelete

  2. http://emcmee.jimdo.com/
    http://emcmee.jimdo.com/%D8%B4%D8%B1%D9%83%D8%A9-%D9%86%D9%82%D9%84-%D8%A7%D8%AB%D8%A7%D8%AB-%D8%A8%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6/ شركة نقل عفش بالرياض
    http://emcmee.jimdo.com/%D8%B4%D8%B1%D9%83%D8%A9-%D9%86%D9%82%D9%84-%D8%B9%D9%81%D8%B4-%D8%A8%D8%A7%D9%84%D8%B7%D8%A7%D8%A6%D9%81/ شركة نقل عفش بالطائف
    http://emcmee.jimdo.com/%D8%B4%D8%B1%D9%83%D8%A9-%D9%86%D9%82%D9%84-%D8%B9%D9%81%D8%B4-%D8%A8%D8%A7%D9%84%D8%AF%D9%85%D8%A7%D9%85/ شركة نقل عفش بالدمام
    http://emcmee.jimdo.com/%D8%B4%D8%B1%D9%83%D8%A9-%D9%86%D9%82%D9%84-%D8%A7%D8%AB%D8%A7%D8%AB-%D8%A8%D8%AC%D8%AF%D8%A9/ شركة نقل عفش بجدة
    http://emcmee.jimdo.com/%D8%B4%D8%B1%D9%83%D8%A9-%D9%86%D9%82%D9%84-%D8%B9%D9%81%D8%B4-%D8%A8%D8%A7%D9%84%D9%85%D8%AF%D9%8A%D9%86%D8%A9-%D8%A7%D9%84%D9%85%D9%86%D9%88%D8%B1%D8%A9/ شركة نقل عفش بالمدينة المنورة
    http://emcmee.jimdo.com/%D8%B4%D8%B1%D9%83%D8%A9-%D8%AA%D9%86%D8%B8%D9%8A%D9%81-%D8%A8%D8%A7%D9%84%D8%B7%D8%A7%D8%A6%D9%81/ شركة تنظيف بالطائف

    ReplyDelete
  3. https://emcmee.jimdo.com/%D8%B4%D8%B1%D9%83%D8%A9-%D8%AA%D9%86%D8%B8%D9%8A%D9%81-%D8%AE%D8%B2%D8%A7%D9%86%D8%A7%D8%AA-%D8%A8%D8%A7%D9%84%D9%85%D8%AF%D9%8A%D9%86%D8%A9-%D8%A7%D9%84%D9%85%D9%86%D9%88%D8%B1%D8%A9/ تنظيف خزانات بالمدينة المنورة
    http://emcmee.blogspot.com.eg/2017/02/blog-post.html
    http://emcmee.blogspot.com.eg/2017/02/blog-post_7.html
    http://emcmee.blogspot.com.eg/2017/02/copany-cleaning-tanks-medina.html
    http://emcmee.rebelmouse.com/

    ReplyDelete


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

    شركة تسليك مجارى بابها
    شركة تسليك مجارى بخميس مشيط
    شركة مكافحة حشرات بخميس مشيط
    شركة مكافحة حشرات بابها
    شركة مكافحة حشرات بجازان
    شركة مكافحة النمل الابيض بجازان
    شركة عزل اسطح بابها
    شركة تنظيف منازل بخميس مشيط
    شركة تنظيف منازل بابها



    ReplyDelete
  5. This is really a great stuff for sharing. Keep it up. Medical Project Help Thanks for sharing.

    ReplyDelete
  6. I appreciate your efforts in preparing this post. OS Writing Service I really like your blog articles.

    ReplyDelete
  7. I like the post format as you create user engagement in the complete article. It seems round up of all published posts. Thanks for gauging the informative posts.
    cara menggugurkan kandungan

    ReplyDelete
  8. شركات كشف تسربات المياه
    مشكلة تسريب المياه من أكثر المشكلات التي تقابل جميع عملائنا، ولهذا شركتنا تكون هي الشركة الأفضل في حل هذه المشكلة، حيث أنها تعمل على حل هذه المشكلة دون أن تقوم بكسر أو خدش البلاط والسيراميك، فهي تقوم باستخدام أحدث الأجهزة التي تعمل على كشق تسريبات المياه دون الحاجة إلى الكسر، كما أن شركة كشف تسريبات بالدمام ت تعتمد على فريق كامل من العمالة الذي لديهم خبرة كبيرة في العمل بهذا المجال، فالشركة تقوم بتقديمها لأفضل الخدمات والعروض فأسعار الشركة تتناسب مع جميع عملائها، وهي تقدم أفضل الخدمات التي تميزها عن الشركات الأخرى، كما أن شركة كشف تسريبات المياه بالدمام تتصف بالشفافية والمصداقية التي تجعل عملائها يثقون بها.

    ReplyDelete
  9. نقومبغسيل جميع انواع السجاد نقوم اولا باتعرف على نسيج السجاد ومن ثم الطريقة المناسبة لتنظيفها

    شركة تنظيف سجاد بالمدينة المنورة

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.