(★追記:テーマにAwesome Inc.を使っていたときの記事です。)
ウェブに残したもの
というページがありました。2013年の記事だからダメかなと思いつつ、試してみたら、あっという間に「ホーム」だけを要約表示にできました! なってこった! 5分しかかからない!
とても助かりました。ありがとうございます!
<data:post.body/>を探す
上記の記事を参考に、まず<data:post.body/>を探します。
管理画面から
HTMLが出たら、「Ctrl + F」で検索を出します。一回で出なかったら、もう一回やってみて下さい。そして、<data:post.body/>で検索します。
Awesome Inc.をテーマ(テンプレート)として使っているこのブログでは、1745行目と1852行目にありました。
上記の参考サイトの指示に従って、まず最初の<data:post.body/>を
と機能しないようにしてやります。コメントアウトと言います。
これで右下の「保存」アイコンをクリック。
普通にブログを表示してみると、特に何も変わったように見えません。
それで、1745行目の
を
に戻します。
今度は、1852行目の
を
にしてみます。
おお、すべての記事から本文が消え、タイトルだけになった! すごい!
こいつをいじくるのが正解のようです。
付け加えるコード
1852行目の
はそのままにしといて、そのすぐ下に次のコード(スニペットと言うらしい)を挿入してやります。
<!-- トップページ要約表示開始 -->
<b:if cond='data:blog.url == data:blog.homepageUrl'> <!-- トップページのみ変更。 -->
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<!-- トップページ要約表示終わり -->
たったこれだけです! なんと、たったこれだけなのです。
すると、あ~ら、不思議、「ホーム」の表示が、
となるのです。感激!
また、画像がある記事は、
となります。すごい!
画像の横に要約をもってきたくなりますねえ。
でも、今日はこれ以上のカスタマイズは行わずに、この感激を胸に眠ることにします!