Blogger 如果想調整日期格式的話,後台就有許多排列組合可選,照理說總能找到一個滿意的。只不過 Blogger 是外國人設計的產品,日期格式主要按照西式的排列習慣,還真不一定能符合所有人喜好。
雖然 Blogger 官方並沒公開關於日期格式化的說明,不過網路上倒有一些資料可循,本篇會詳細說明如何將日期改成自己想要的格式,中英文都可以。
(圖片出處: unsplash.com)
<data:post.date/> 日期資料,不必再像以前須判斷是否為該日期的第一篇文章,改用 <data:post.date/> 後就能每篇文章都顯示日期。
一、注意事項
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 語法現在多了 三、自訂日期格式
1. 日期格式化語法根據參考資料,Blogger 日期格式化語法如下:<b:eval expr='data:post.date format "YYYY-MM-dd"'/>
- YYYY: 年份 4位數
- MM: 月份 2位數(自動補0)
- dd: 日期 2位數(自動補0)
2024-01-25
2. 修改技巧可任意使用中文字串,就便成了中文日期,例如:
<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 語法」相關文章: