Blogger筆記:修改文章分類標籤、網誌存檔,只顯示文章標題與內文片段。

瀏覽文章分類標籤或是網誌存檔時,並不會像首頁般設定顯示幾篇文章,若分類文章多又有幾張圖片,一點下去可能要等段時間才能跑完,想從網誌存檔年份、月份找文章更不方便。將標籤、搜尋、網誌存檔修改成只顯示標題和部分內文片段,方便快速瀏覽找文章。

Blogger後台 →「範本」→「修改HTML」→「展開小裝置範本」,F3或Ctrl+F。先找到這行關鍵程式碼:<b:include data='post' name='post'/>
Blogger 標籤與網誌存檔只顯示標題和內文片段

<b:include data='post' name='post'/>替換以下程式碼:

當現在所在頁面「不是首頁」,而且 PageType 為 index(標籤/搜尋)的時候,只列出文章標題。
<b:if cond='data:blog.homepageUrl != data:blog.url'>
  <b:if cond='data:blog.pageType == "index"'>
    <!-- Show article title only -->
    <div class='post-title'><a expr:href='data:post.url'><data:post.title/></a></div>
  <b:else/>
    <b:include data='post' name='post'/>
  </b:if>
<b:else/>
  <b:include data='post' name='post'/>
</b:if>


當現在所在頁面「不是首頁」,而且也「不是單篇文章的內文」時,就通通只列標題。
<b:if cond='data:blog.homepageUrl != data:blog.url'>
  <b:if cond='data:blog.pageType != "item"'>
    <!-- Show article title only -->
    <div class='post-title'><a expr:href='data:post.url'><data:post.title/></a></div>
  <b:else/>
    <b:include data='post' name='post'/>
  </b:if>
<b:else/>
  <b:include data='post' name='post'/>
</b:if>


效果如下圖,標籤「Blogger」只顯示日期+文章標題,無文章內容。
Blogger 標籤與網誌存檔只顯示標題和內文片段

顯示內文片段(增加綠色這行),程式碼:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
  <b:if cond='data:blog.pageType == "index"'>
    <!-- Show article title only -->
    <div class='post-title'><a expr:href='data:post.url'><data:post.title/></a></div>
    <div class='item-snippet'><data:post.snippet/></div>
  <b:else/>
    <b:include data='post' name='post'/>
  </b:if>
<b:else/>
  <b:include data='post' name='post'/>
</b:if>


效果如下圖,標籤「Blogger」只顯示日期+文章標題+內文片段,無文章內容。
Blogger 標籤與網誌存檔只顯示標題和內文片段

版型不同所顯示的效果會有差異,有些版型修改後兩標題中間沒有空隔行,或是標題字體顏色不理想。可以修改這行:
<div class='post-title'><a expr:href='data:post.url'><data:post.title/></a></div>

更換字體一:
<div class='post-title'><a expr:href='data:post.url'><span style='color: #40007f; font-size: 18px; font-family: DFKai-sb;'><data:post.title/></span></a></div>

更換字體二:
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>

補充說明:
將文章分類標籤、網誌存檔,修改成只顯示文章標題與內文片段,會導致首頁翻頁使用的「新舊文章」跟著只列出標題。文章內文中的「新舊文章」就沒有影響,因為屬於「單篇文章的內文」。增加顯示內文片段那行程式,是跟「熱門文章」借來用的。

參考文章:
ABIN'S TECH NOTE-標籤/搜尋頁面只列出標題 (Simplify the result of label and search)