Quantcast
Channel: WFU BLOG
Viewing all articles
Browse latest Browse all 571

Blogger 日期格式化詳解

$
0
0
Blogger 如果想調整日期格式的話,後台就有許多排列組合可選,照理說總能找到一個滿意的。只不過 Blogger 是外國人設計的產品,日期格式主要按照西式的排列習慣,還真不一定能符合所有人喜好。 雖然 Blogger 官方並沒公開關於日期格式化的說明,不過網路上倒有一些資料可循,本篇會詳細說明如何將日期改成自己想要的格式,中英文都可以。 (圖片出處: unsplash.com)

一、注意事項

1. 參考資料本篇所有修改語法的資料來源為這兩篇: 從發布時間來看,都是至少 4 年(2020)之前的資訊,代表 4 年以前按照這些資料來修改 Blogger 範本是沒問題的,那麼現在呢? 2. 官方 RWD 範本經實測後,官方 RWD 範本例如 Contempo、Soho、Emporio、Notable、Essential,如果想要搜尋範本中跟日期相關的語法,會發現已經找不到能修改的地方了,代表過去幾年 Blogger 官方 RWD 範本又做了不小的變更,不讓使用者修改的地方又更多了。 這個狀況我一點都不意外,因為當初 2017 年「Blogger 推出官方 RWD 範本」時,我就做了這樣的結論:
官方的設計明顯希望站長們不要動這個 RWD 範本,預設的效果就放手去接受它吧
所以對於官方 RWD 範本的使用者,如果你是熟練的老手,才建議參考本篇的資料,自行在範本中找合適的地方進行改。如果是新手的話,建議要嘛接受預設效果,要嘛改用「官方非 RWD 範本」 3. 官方非 RWD 範本怕新手不知道什麼是「官方非 RWD 範本」,所以多說明一些,例如 Simple、Picture Window、Awesome、Watermark、Ethereal、Travel。 本篇的語法建議使用在以上這些範本,比較不會有挫折感。

二、首頁每篇文章都顯示日期(新版)

1. 修改方式多年前寫過一篇「讓 Blogger 首頁每篇文章都能顯示日期」,剛好本篇參考資料的語法,可以讓這件事變得簡單,所以提供新版的作法。 在範本中搜尋以下字串: <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if>改成以下字串即可: <h2 class='date-header'><span><data:post.date/></span></h2>2. 原理說明 Blogger 語法現在多了 <data:post.date/>日期資料,不必再像以前須判斷是否為該日期的第一篇文章,改用 <data:post.date/>後就能每篇文章都顯示日期。

三、自訂日期格式

1. 日期格式化語法根據參考資料,Blogger 日期格式化語法如下: <b:eval expr='data:post.date format "YYYY-MM-dd"'/>
  • YYYY: 年份 4位數
  • MM: 月份 2位數(自動補0)
  • dd: 日期 2位數(自動補0)
由於我們使用了分隔符號 "-",在網頁上顯示的效果如下: 2024-01-252. 修改技巧可任意使用中文字串,就便成了中文日期,例如: <b:eval expr='data:post.date format "YYYY年M月d日"'/>顯示效果如下,不會自動補 0: 2024年1月25日3. 修改範本接著以「官方非 RWD 範本」為例,說明如何修改日期格式。範本中代表日期資料的有這些標記: <data:post.dateHeader/> <data:post.timestamp/> <data:post.date/>在想要修改日期格式的地方,將以上這幾個 Blogger 標記語法改成前述的日期格式化語法即可。

四、日期格式化參數

前面提到的參考資料「blogger-snippets-Date」整理了許多日期格式化參數,建議修改時可以參考,以下列出一些實用的修改方式,請注意大小寫有分:
  • 月份:MMM → 顯示三個字英文縮寫,例如 Jan, Nov
  • 月份:MMMM → 顯示完整英文,例如 January, November
  • 星期:ww → 顯示兩位數
  • 天:EEE → 顯示三個字英文縮寫,例如 Mon, Tue
  • 天:EEEE → 顯示完整縮寫,例如 Monday, Tuesday
  • 上下午:aaaa → 例如 AM, PM
  • 小時:hh → 顯示12小時制,兩位數
  • 小時:HH → 顯示24小時制,兩位數
  • 分鐘:mm → 顯示兩位數
更多「Blogger 語法」相關文章:

Viewing all articles
Browse latest Browse all 571

Trending Articles