0からはじめるBlogger改造計画 ～その５ ここだけは抑えておけ！よくやっちゃう間違い集～

Bloggerのドキュメントがイマイチすぎることに頭を抱えるたこやき（@tamagodq10）です。

なんとなくわかるんですが…。うーん、細かい仕様が全然書いてなくて気持ち悪い。
とりあえずドキュメントを読みながらテンプレート改造していって思ったことを書いていきます。

bタグとか空要素のタグは必ず閉じること

<b:include name="postBodySnippet" data="post">

よくやるんですよね。これ。
ちょっと間違えただけでブログは表示されなくなります。

<b:include name="postBodySnippet" data="post" />

ちゃんと閉じましょう。

widgetのidは大文字で始めること

    <b:widget id='profile1' type='Profile' version='2'>

おわかりいただけただろうか？

これもかなりやりがち。

    <b:widget id='Profile1' type='Profile' version='2'>

大文字で書くのを意識するべし。

scriptタグの中では、data:の後にスペースがあるとダメ

<script type='text/javascript'>

  blogger.widgets.blog.initThreadedComments(

    <data: post.commentJso />,

    <data: post.commentMsgs />,

    <data: post.commentConfig />);

</script>

おわかりいただけただろうか？
色が変わってしまっているんですよね。
こちらが正解の図。

<script type='text/javascript'>

  blogger.widgets.blog.initThreadedComments(

    <data:post.commentJso/>,

    <data:post.commentMsgs/>,

    <data:post.commentConfig/>);

</script>

VSCodeだと整形で自動的にスペース入っちゃうのでつらみちゃん。

snippet関数などは:の後にスペースがないとダメ？

<b:eval expr='snippet(data:post.body, 

{

length: 20, links:false, linebreaks: false, ellipsis: true

}

)' />

おわかりいただけただろうか？

まぁ見出しで答え言ってるのでわかりますよね？

では正解をご覧いただこう。

<b:eval expr='snippet(data:post.body,

 {

length: 20, links: false, linebreaks: false, ellipsis: true

}

)' />

こちらはOK。

JSONだからかな？よくわからん。