
後台編輯器怎麼用?貼上、排版與常見問題
編輯器就是後台的文書處理區
後台中負責輸入文章內容的區域,通常是一個所見即所得的編輯器——有粗體、標題、清單、插入圖片等按鈕,操作邏輯接近文書軟體。
本文以功能名稱說明,實際按鈕位置與名稱可能因系統版本而略有差異,但邏輯相通。
最重要的一個習慣:從 Word 貼上要清除格式
這是編輯器問題的最大宗。直接從 Word 或網頁複製貼上,會帶入大量隱藏的格式碼,造成:
- 字體、大小、顏色與網站其他部分不一致
- 在手機上版面跑掉
- 標題變成「放大加粗的普通文字」,失去結構
- 原始碼冗長,影響載入
- 日後想統一調整樣式時,這些寫死的格式會蓋過網站設定
正確做法
- 使用編輯器的「以純文字貼上」功能(部分系統的按鈕名稱為「貼上為純文字」或類似字樣)
- 或先貼上,再全選並按「清除格式」
- 接著用編輯器本身的標題、清單、粗體功能重新整理
這一個習慣能解決編輯器八成的問題。
用標題功能,不要用放大加粗
編輯器的「標題一」「標題二」不只是把字變大,它在頁面結構中建立層次。這個結構有兩個作用:讓搜尋引擎理解內容組織,以及讓螢幕報讀軟體的使用者能快速跳轉。
常見錯誤
- 把文字放大加粗當標題——看起來像,結構上不是
- 為了字體大小而選層級——想要字小一點就用第四層
- 層級跳號——標題一之後直接用標題三
正確做法是依內容的邏輯層次選擇。覺得字太大想調整,請廠商調整樣式,不要用錯層級來遷就。
相關的編輯習慣見內容編輯者的無障礙注意事項。
插入圖片
取得圖片網址
上傳圖片後,若需要知道它的網址(例如要用在其他地方),通常有兩種方式:
- 在編輯器中選取該圖片,開啟圖片屬性對話框,其中的「來源」或「網址」欄位就是
- 切換到原始碼模式,找到該圖片的標籤,其中 src 後面引號內的就是網址
另一個通用方法:在前台頁面對該圖片按滑鼠右鍵,選擇「複製圖片位址」。
插入時要填的欄位
- 替代文字——如實描述圖片內容。純裝飾的圖片留空
- 尺寸——建議不要在編輯器中拉大縮小。用縮放的方式改變顯示尺寸,實際載入的仍是原檔,網站一樣慢
正確做法是上傳前就處理成適當尺寸,或由後台自動處理,見圖片尺寸與壓縮。
表格只用來放表格資料
表格是用來呈現有列有欄的資料,不要用表格來排版。用表格排版的內容在手機上會破版,也無法被輔助工具正確理解。
真正的資料表格請設定標題列,並且欄數盡量控制在三欄以內——超過三欄在手機上很難呈現。
原始碼模式
編輯器通常有一個切換到原始碼的按鈕。它的用途:
- 貼上外部提供的嵌入碼(地圖、影片)
- 檢查是否有從 Word 帶進來的多餘格式
- 微調編輯器介面做不到的排版
使用時的提醒
- 改動前先把原本的內容複製一份留底
- 不確定的標籤不要刪
- 從不明來源複製的程式碼不要貼——可能夾帶惡意腳本
- 某些系統在切換回視覺模式時會自動整理程式碼,可能移除它不認識的標籤
常見狀況與處理
| 狀況 | 可能原因與處理 |
|---|---|
| 字體大小顏色跟其他文章不一樣 | 從 Word 帶入的格式。全選後清除格式,重新排版 |
| 存檔後排版跑掉 | 可能使用了系統會過濾的標籤。改用編輯器本身的功能 |
| 手機上版面爆開 | 多半是用表格排版,或貼入了固定寬度的內容 |
| 圖片顯示很大或很小 | 在編輯器中被縮放過。移除尺寸設定,改用適當尺寸的原圖 |
| 換行的間距很奇怪 | 連續按 Enter 產生多個空段落。改用段落間距或刪除空行 |
| 內容不見了 | 先確認是否誤存成草稿。若系統有版本紀錄可還原,見操作紀錄與資料救回 |
發文前的檢查
- 從 Word 貼上的內容清除格式了嗎?
- 標題是用標題功能,不是放大加粗?
- 圖片填了替代文字嗎?
- 用預覽功能看過實際呈現嗎?
- 用手機看過一次嗎?
最後一項最常被略過,但多數訪客是用手機看的。