Blogger:「ホーム」を要約表示にする

2019/12/22

Blogger

t f B! P L

(★追記:テーマにAwesome Inc.を使っていたときの記事です。)

元気が少し回復したので、いろいろ見てたら、

ウェブに残したもの

というページがありました。2013年の記事だからダメかなと思いつつ、試してみたら、あっという間に「ホーム」だけを要約表示にできました! なってこった! 5分しかかからない!

とても助かりました。ありがとうございます!

<data:post.body/>を探す

上記の記事を参考に、まず<data:post.body/>を探します。
管理画面から

テーマ > 縦の三点リーダー(右上) > HTMLを編集

HTMLが出たら、「Ctrl + F」で検索を出します。一回で出なかったら、もう一回やってみて下さい。そして、<data:post.body/>で検索します。

Awesome Inc.をテーマ(テンプレート)として使っているこのブログでは、1745行目と1852行目にありました。

上記の参考サイトの指示に従って、まず最初の<data:post.body/>を

<!-- <data:post.body/> -->

と機能しないようにしてやります。コメントアウトと言います。
これで右下の「保存」アイコンをクリック。
普通にブログを表示してみると、特に何も変わったように見えません。

それで、1745行目の

<!-- <data:post.body/> -->


<data:post.body/>

に戻します。
今度は、1852行目の

<data:post.body/>


<!-- <data:post.body/> -->

にしてみます。
おお、すべての記事から本文が消え、タイトルだけになった! すごい!
こいつをいじくるのが正解のようです。

付け加えるコード

1852行目の

<!-- <data:post.body/> -->

はそのままにしといて、そのすぐ下に次のコード(スニペットと言うらしい)を挿入してやります。
<!-- トップページ要約表示開始 -->
   <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>
<!-- トップページ要約表示終わり -->
たったこれだけです! なんと、たったこれだけなのです。
すると、あ~ら、不思議、「ホーム」の表示が、


となるのです。感激!
また、画像がある記事は、


となります。すごい!
画像の横に要約をもってきたくなりますねえ。

でも、今日はこれ以上のカスタマイズは行わずに、この感激を胸に眠ることにします!

QooQ. Powered by Blogger.