(★追記:テーマにAwesome Inc.を使っていたときの記事です。)
ようやく「ホーム」を要約表示にすることができました。
でも、画像があると、こんなふうに表示されてパッとしません。
画像はちっちゃいし、文字は回り込んでないし。
画像を大きくして、文字を回り込ませる方法もあるようですが、
なんか難しそう。失敗しそう。大変そう。
このブログではあんまり画像を利用しそうにない(できない?)ので、思い切って画像を表示しないようにしてみることにしました。
はっしとにらむ
前回貼り付けたスニペットとやらをはっしとにらんでみます。
<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>
<!-- トップページ要約表示終わり -->
画像に関係してそうなのは、最初のほうの、
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
でしょうか。thumbnailとかあるし、画像をサムネイルにしてるとこなのでしょう。
そこでこの部分を削除してやります。管理画面から、
そこでこの部分を削除してやります。管理画面から、
をクリックして、HTMLを表示させます。
僕のテーマであるAwesome Inc.の場合は、1856行から1860行までの5行分です。
えいやっと削除して、右下の「保存」をクリックして更新します。
「ホーム」を表示してみると、おお! 見事に画像が消えてすっきりしています。
うむ、しばらくこれでいこう!
僕のテーマであるAwesome Inc.の場合は、1856行から1860行までの5行分です。
えいやっと削除して、右下の「保存」をクリックして更新します。
「ホーム」を表示してみると、おお! 見事に画像が消えてすっきりしています。
うむ、しばらくこれでいこう!
【補足】
<!-- トップページのみ変更 -->のところですが、今度見ると、<!-- トップページのみ変更。 -->
<!-- トップページのみ変更 。-->