Blogger:「ホーム」の要約表示から画像を取る

2019/12/23

Blogger

t f B! P L

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

ようやく「ホーム」を要約表示にすることができました。

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

でも、画像があると、こんなふうに表示されてパッとしません。


画像はちっちゃいし、文字は回り込んでないし。
画像を大きくして、文字を回り込ませる方法もあるようですが、

ウェブに残したもの

なんか難しそう。失敗しそう。大変そう。

このブログではあんまり画像を利用しそうにない(できない?)ので、思い切って画像を表示しないようにしてみることにしました。

はっしとにらむ

前回貼り付けたスニペットとやらをはっしとにらんでみます。

<!-- トップページ要約表示開始 -->
<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>
<!-- トップページ要約表示終わり -->

画像に関係してそうなのは、最初のほうの、

<b:if cond='data:post.thumbnailUrl'>
 <div class='Image thumb'>
  <img expr:src='data:post.thumbnailUrl'/>
 </div>
</b:if>

でしょうか。thumbnailとかあるし、画像をサムネイルにしてるとこなのでしょう。
そこでこの部分を削除してやります。管理画面から、

テーマ > 縦の三点リーダー > HTMLを編集

をクリックして、HTMLを表示させます。
僕のテーマであるAwesome Inc.の場合は、1856行から1860行までの5行分です。

えいやっと削除して、右下の「保存」をクリックして更新します。

「ホーム」を表示してみると、おお! 見事に画像が消えてすっきりしています。
うむ、しばらくこれでいこう!

【補足】

<!-- トップページのみ変更 -->のところですが、今度見ると、

<!-- トップページのみ変更&#x3002; -->

となっていました。これは、前回、

<!-- トップページのみ変更 。-->

と、句点「。」をつけてしまっていたからのようです。「。」はHTML特殊文字で、「&#x3002;」に自動的に変換されるみたいです。「&#x3002;」は削除してもかまいません。(今回、削除しました。)

QooQ. Powered by Blogger.