為了方便站長們編修文章,Blogger 官方在後台提供了設定方法,可在文末指定位置顯示編輯文章的小工具圖示,點擊後可直接編輯文章,省下在後台搜尋指定文章再編輯的時間。
這功能算是很貼心了,但對我來說還不夠,因為捲到文末仍需要花一些時間,如果要做到最方便的話,我想在文章標題附近也放一個編輯圖示就很完美了。
(圖片出處: pixabay.com)
或許有的讀者會覺得編輯文章的機會不多,偶爾花時間捲一下螢幕沒什麼,不過對於具備工程師特質的人來說,若常重複無謂的動作及時間,就會想辦法進行簡化、或批次化處理。
而且對我而言,其實修改文章的機會非常多,例如:
以上這些動作做久了之後,會希望能按Home 鍵(或 go top 按鈕)跳到網頁開頭處,在文章標題旁有個按鈕可直接編輯文章。
以下就來看看如何同時在 Blogger 文末、及標題處,同時顯示文章編輯按鈕。
1. 後台設定
首先進入 Blogger 後台 → 版面配置 → 網誌文章 → 編輯:
雖然擺放位置很自由,但是只能出現在一個地方,有一好沒有兩好。
如果想要同時出現在文章標頭、以及文末,就必須修改範本才行。
2. 按鈕並非一定會出現
需要注意的是,就算按照以上說明正確設定,按鈕也不一定會出現:
那麼請繼續參考後續的說明,來修改範本讓按鈕出現在指定位置。
在修改範本之前,建議先閱讀「備份範本的訣竅」系列文章。
1. 首先按照前面的說明,在後台版面配置設定完畢。
2. 接下來的內容全部出自「Blogger 範本﹍文章區塊的程式碼 」,請隨時參閱。
3. 在「三、文章區塊」→「8. 快速編輯圖示」可找到,編輯圖示的程式碼為:
接下來需要將以上程式碼,複製到文章標題、文末的位置。
4. 在「三、文章區塊」→「1. 文章標題」可找到文章標題的相關程式碼,可將編輯圖示的程式碼貼在這段程式碼後面、或自訂位置。
5. 在「三、文章區塊」→「3. 繼續閱讀」這段程式碼的後面,就是文末的開始之處。如果已經滿意後台版面配置預覽的編輯圖示位置,這裡不需重複貼編輯圖示的程式碼。
最後提醒一下,在「Blogger 推出全新自適應 RWD 官方範本」曾提及,官方 RWD 範本不建議任何修改,所以要修改範本的話,最好只改官方 RWD 範本以外的模版。
這功能算是很貼心了,但對我來說還不夠,因為捲到文末仍需要花一些時間,如果要做到最方便的話,我想在文章標題附近也放一個編輯圖示就很完美了。
(圖片出處: pixabay.com)
一、有需要常常編輯文章嗎?
或許有的讀者會覺得編輯文章的機會不多,偶爾花時間捲一下螢幕沒什麼,不過對於具備工程師特質的人來說,若常重複無謂的動作及時間,就會想辦法進行簡化、或批次化處理。
而且對我而言,其實修改文章的機會非常多,例如:
- 剛寫完一篇文章後:
- 這是機會最多的時刻,我會從頭到尾念個幾次,反覆感覺是否有需要去除贅字、修改用詞的地方
- 通常也會看到一些錯字要改
- 反覆檢視之後,也比較能感覺出,哪幾段話需要特別上紅字
- 某些文章、或是懶人包,都是需要定期更新的,例如「Blogger 工具整理」、「作品集」
- 另外,一篇新文章產出後,文中若有部分內容與過去的某些文章關連,就必須找出舊文章,在適當的段落加入新文章的連結、補充相關內容。
以上這些動作做久了之後,會希望能按
以下就來看看如何同時在 Blogger 文末、及標題處,同時顯示文章編輯按鈕。
二、如何正常顯示文章編輯按鈕
1. 後台設定
首先進入 Blogger 後台 → 版面配置 → 網誌文章 → 編輯:
- 上方紅框處的「顯示快速編輯」一定要勾選,否則就算直接改範本也不會顯示出來
- 下方預覽圖可看到預設位置會出現在文末分享按鈕旁邊
- 可自行拖曳編輯圖示到其他位置,例如文章標題下方
雖然擺放位置很自由,但是只能出現在一個地方,有一好沒有兩好。
如果想要同時出現在文章標頭、以及文末,就必須修改範本才行。
2. 按鈕並非一定會出現
需要注意的是,就算按照以上說明正確設定,按鈕也不一定會出現:
- 如果是使用乾淨的官方範本,出現按鈕比較沒問題
- 如果使用非官方範本,由於範本內容被大改,則不一定會出現文章編輯按鈕
- 如果使用官方範本,但自己常常修改範本,也可能不小心覆蓋了相關的程式碼,導致按鈕無法出現
那麼請繼續參考後續的說明,來修改範本讓按鈕出現在指定位置。
三、修改範本
在修改範本之前,建議先閱讀「備份範本的訣竅」系列文章。
1. 首先按照前面的說明,在後台版面配置設定完畢。
2. 接下來的內容全部出自「Blogger 範本﹍文章區塊的程式碼 」,請隨時參閱。
3. 在「三、文章區塊」→「8. 快速編輯圖示」可找到,編輯圖示的程式碼為:
<b:include data='post' name='postQuickEdit'/>
接下來需要將以上程式碼,複製到文章標題、文末的位置。
4. 在「三、文章區塊」→「1. 文章標題」可找到文章標題的相關程式碼,可將編輯圖示的程式碼貼在這段程式碼後面、或自訂位置。
5. 在「三、文章區塊」→「3. 繼續閱讀」這段程式碼的後面,就是文末的開始之處。如果已經滿意後台版面配置預覽的編輯圖示位置,這裡不需重複貼編輯圖示的程式碼。
最後提醒一下,在「Blogger 推出全新自適應 RWD 官方範本」曾提及,官方 RWD 範本不建議任何修改,所以要修改範本的話,最好只改官方 RWD 範本以外的模版。
更多 Blogger 小技巧: