Blogger:ラベル設定(3)同じラベルの投稿タイトルのみを表示

前の関連記事:Blogger:ラベル設定(2)ラベル名を一括変更する

同じラベル名の投稿を投稿タイトルだけにして見やすくさせる


Blogger:ラベル設定(1)ラベルのリスト表示で表示させたラベルを選択したときに表示されるページをすっきりさせたい、というのが目的です。

デフォルトではトップページのように投稿の全文がだらだらと表示されてしまいます。

テンプレートのHTMLを編集します。

管理画面→テンプレート→HTMLの編集

表示されたHTMLのどこかでクリックしてからCtrl+Fを押すと右上に検索ボックスが現れます。

そこに<b:include data='post' name='post'/>をいれてEnterキーを押します。



この選択された部分を以下に入れ換えます。
<!--Label and archive page title only hack-->
<b:if cond='data:blog.searchLabel'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
</b:if>
<!--BloggerSentral.com-->


936行目から946行目までが書き換えた部分ですね。

上の赤字部分は書き前と同じ内容なので再検索されてハイライト表示になっていますね。

「テンプレートを保存」ボタンをクリックします。

「戻る」ボタンを押すとなぜかこんなダイアログがでてきます。


かまわず「OK」ボタンを押しましたがちゃんと保存されていました。

ブログを表示させてラベルをクリックするとタイトルだけの表示になっています。


参考にしたサイト


Bloggerのラベルページと過去記事をタイトルのみにしてスッキリ&高速に表示させる方法
ここに教えていただきました。

Showing only post titles on archive and label pages
おおもとの情報源です。

次の関連記事:Blogger:ラベル設定(4)モバイルサイトでラベルリストを表示

PR

2 件のコメント:

  1. レイアウト編集で「もっと読む」を全投稿に挿入して投稿の上部分だけ表示されるようにしたのでこのブログではこの設定はもとに戻しました。

    返信削除
  2. 参考になりました。ありがとうございます

    返信削除