讓 Blogger 文章標題及文末都出現編輯圖示，方便修改文章

2025.3.28 公告：由於官方在後台取消了「快速編輯」按鈕的選項，2025 最新的作法請參考這篇「如何找回 Blogger 文章快速編輯按鈕」


為了方便站長們編修文章，Blogger 官方在後台提供了設定方法，可在文末指定位置顯示編輯文章的小工具圖示，點擊後可直接編輯文章，省下在後台搜尋指定文章再編輯的時間。

這功能算是很貼心了，但對我來說還不夠，因為捲到文末仍需要花一些時間，如果要做到最方便的話，我想在文章標題附近也放一個編輯圖示就很完美了。

(圖片出處: pixabay.com)

一、有需要常常編輯文章嗎？

或許有的讀者會覺得編輯文章的機會不多，偶爾花時間捲一下螢幕沒什麼，不過對於具備工程師特質的人來說，若常重複無謂的動作及時間，就會想辦法進行簡化、或批次化處理。

而且對我而言，其實修改文章的機會非常多，例如：

• 剛寫完一篇文章後：
  
  • 這是機會最多的時刻，我會從頭到尾念個幾次，反覆感覺是否有需要去除贅字、修改用詞的地方
  • 通常也會看到一些錯字要改
  • 反覆檢視之後，也比較能感覺出，哪幾段話需要特別上紅字
• 某些文章、或是懶人包，都是需要定期更新的，例如「Blogger 工具整理」、「作品集」
• 另外，一篇新文章產出後，文中若有部分內容與過去的某些文章關連，就必須找出舊文章，在適當的段落加入新文章的連結、補充相關內容。

以上這些動作做久了之後，會希望能按 Home 鍵(或 go top 按鈕)跳到網頁開頭處，在文章標題旁有個按鈕可直接編輯文章。

以下就來看看如何同時在 Blogger 文末、及標題處，同時顯示文章編輯按鈕。

二、如何正常顯示文章編輯按鈕

1. 後台設定

首先進入 Blogger 後台 → 版面配置 → 網誌文章 → 編輯：

• 上方紅框處的「顯示快速編輯」一定要勾選，否則就算直接改範本也不會顯示出來
• 下方預覽圖可看到預設位置會出現在文末分享按鈕旁邊
• 可自行拖曳編輯圖示到其他位置，例如文章標題下方

雖然擺放位置很自由，但是只能出現在一個地方，有一好沒有兩好。

如果想要同時出現在文章標頭、以及文末，就必須修改範本才行。


2. 按鈕並非一定會出現

需要注意的是，就算按照以上說明正確設定，按鈕也不一定會出現：

• 如果是使用乾淨的官方範本，出現按鈕比較沒問題
• 如果使用非官方範本，由於範本內容被大改，則不一定會出現文章編輯按鈕
• 如果使用官方範本，但自己常常修改範本，也可能不小心覆蓋了相關的程式碼，導致按鈕無法出現

那麼請繼續參考後續的說明，來修改範本讓按鈕出現在指定位置。

三、修改範本

在修改範本之前，建議先閱讀「備份範本的訣竅」系列文章。


1. 首先按照前面的說明，在後台版面配置設定完畢。


2. 接下來的內容全部出自「Blogger 範本﹍文章區塊的程式碼 」，請隨時參閱。


3. 在「三、文章區塊」→「8. 快速編輯圖示」可找到，編輯圖示的程式碼為：

<b:include data='post' name='postQuickEdit'/>
接下來需要將以上程式碼，複製到文章標題、文末的位置。


4. 在「三、文章區塊」→「1. 文章標題」可找到文章標題的相關程式碼，可將編輯圖示的程式碼貼在這段程式碼後面、或自訂位置。


5. 在「三、文章區塊」→「3. 繼續閱讀」這段程式碼的後面，就是文末的開始之處。如果已經滿意後台版面配置預覽的編輯圖示位置，這裡不需重複貼編輯圖示的程式碼。


最後提醒一下，在「Blogger 推出全新自適應 RWD 官方範本」曾提及，官方 RWD 範本不建議任何修改，所以要修改範本的話，最好只改官方 RWD 範本以外的模版。

更多 Blogger 小技巧：