2019年10月16日

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

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

Wayne Fu 0 A+
blogger-post-edit-button-location.jpg-讓 Blogger 文章標題及文末都出現編輯圖示,方便修改文章為了方便站長們編修文章,Blogger 官方在後台提供了設定方法,可在文末指定位置顯示編輯文章的小工具圖示,點擊後可直接編輯文章,省下在後台搜尋指定文章再編輯的時間。

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

(圖片出處: pixabay.com)


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


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

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

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

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

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



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


1. 後台設定

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

blogger-post-edit-button-location-1.jpg-讓 Blogger 文章標題及文末都出現編輯圖示,方便修改文章

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

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

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


2. 按鈕並非一定會出現

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

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

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



三、修改範本


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


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


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


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

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


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


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


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


更多 Blogger 小技巧:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

2 則留言:

  1. 很喜欢站长的网站,主题不错。
    已默默关注一段时间

    回覆刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP