辛苦寫完一篇文章，興奮地按下發佈，結果打開前台一看：手機版圖片被切掉、段落擠成一團、超連結點了沒反應。這種尷尬，幾乎每個經營 WordPress 網站的人都遇過。問題不在你寫得不好，而是少做了一個動作——WordPress 發佈前預覽。

WordPress 內建的預覽功能，可以讓你在文章正式上線前，先看到它套用佈景主題後的真實樣子，還能切換電腦、平板、手機三種裝置檢視版面。這篇會帶你把預覽流程走過一遍：編輯器裡的「以裝置檢視」實際在做什麼、「在新分頁中預覽」為什麼最準、預覽時該逐項檢查哪些東西，以及預覽打不開或顯示舊內容時怎麼排除。把這套檢查動作變成發佈前的固定習慣，前台出包的機率會大幅下降。

WordPress 發佈前預覽的入口在哪裡

發佈前預覽的入口，在區塊編輯器右上角、「發佈」按鈕左側的那個圖示。在較新版本的 WordPress 裡，它是一個像打開的筆記型電腦的圖示；舊版則直接寫著「預覽」兩個字。點下去會展開一個選單，裡面就是這篇要談的所有檢視工具。

這個入口在文章（Post）和頁面（Page）都有，不論草稿狀態或已發佈狀態都看得到。差別只在按鈕旁邊的另一顆鈕：草稿時是「發佈」，已發佈的內容再編輯時則變成「更新」。換句話說，預覽不是只給新文章用的，已經上線的文章改完內容，也應該先預覽確認再按「更新」。

展開的選單通常包含三類功能：切換電腦／平板／手機檢視、在新分頁中預覽、以及顯示範本的開關。下面逐一說明。

「以裝置檢視」的電腦、平板、手機到底切換了什麼

先講一個多數教學沒講清楚、卻最容易誤導新手的重點：編輯器裡的「平板」「手機」檢視，本質上只是把編輯器的畫面寬度縮窄，模擬不同螢幕的版面排列，它並不是真正用手機瀏覽器去渲染你的頁面。

這個差別很重要。手機上的實際呈現，會受到佈景主題的響應式設定、外部載入的 CSS、字型、甚至瀏覽器本身的渲染差異影響。編輯器的縮窄預覽抓得到「文字會不會換行、欄位會不會疊起來」這類版面結構問題，但抓不到「某個自訂區塊在真手機上破版」這種狀況。

所以「以裝置檢視」的正確定位是：發佈前的第一道快篩。切到手機檢視，先看看標題會不會太長、圖片會不會超出邊界、表格是不是擠成一坨。這一關能在不離開編輯器的情況下，快速攔下大部分明顯的版面問題。但它不是最終答案，真正準確的檢視在下一節。

為什麼「在新分頁中預覽」最接近真實前台

在所有預覽選項裡，「在新分頁中預覽」給你的畫面最接近讀者實際看到的樣子。原因是它會用瀏覽器開一個新分頁，套用完整的佈景主題去載入這篇內容，包含頁首、頁尾、側邊欄這些編輯器裡看不到的版面元素。

編輯器內的即時預覽，焦點放在內容區塊本身，不一定會把整個頁面的版型框架畫出來。但讀者打開你的網站時，看到的是完整頁面：頂部選單、文章標題區、內文、底下的相關元素全部都在。「在新分頁中預覽」就是把這整套呈現出來，所以該用它做最後確認。

切換裝置檢視後再點「在新分頁中預覽」，能讓你在接近完整頁面的環境下檢查版面。而最嚴謹的做法，是把新分頁裡的預覽網址，貼到手機的瀏覽器實際打開一次——這才是百分之百貼近讀者體驗的檢查方式，尤其當你用了自訂區塊或非主題內建的樣式時，更不能省。

開啟「顯示範本」看內容嵌進版型後的全貌

「顯示範本」是預覽選單裡常被忽略、卻很實用的一個開關。打開它，編輯器就會把佈景主題的頁首與頁尾一併顯示出來，讓你直接在編輯畫面裡看到內容嵌進整個頁面版型後的樣子。

它的價值在於省去來回切分頁的麻煩。沒開啟時，編輯器只顯示文章內容本身，畫面乾淨、適合專心打字；開啟後則能即時感受到「這段文字放進完整版型後，跟頁首頁尾的距離與比例對不對」。選單裡若「顯示範本」旁邊有打勾，代表目前是開啟狀態，再點一次就關閉。

要注意的是，如果你正在直接編輯一個範本檔（例如某些佈景主題把首頁本身做成範本），就不會看到這個選項，因為當下編輯的對象已經是版型本身了。對一般文章和頁面來說，這個開關平常關著專心寫、要檢查整體感時打開，是不錯的節奏。

發佈前的預覽，到底該逐項檢查哪些東西

預覽不是「打開來瞄一眼版面沒歪就好」，而是要帶著一份明確的檢查清單逐項看過。光看到頁面長出來、就以為沒問題，是最常見的疏漏。建議固定確認以下幾項：

• 手機版面：切到手機檢視，確認標題沒被截斷、圖片沒超出邊界、表格與多欄區塊有正常堆疊。手機讀者通常佔多數，這一關最重要。
• 圖片與精選圖片：每張圖都要真的載入出來，不是破圖或佔位框。順帶確認精選圖片（封面圖）有設好，因為它會出現在文章列表與社群分享預覽裡。
• 超連結：在新分頁的預覽裡實際點幾個連結，確認連得到正確目標、不是空連結或錯誤網址。
• 內文格式：標題層級（H2、H3）有沒有正確套用、粗體與列表有沒有跑掉、段落之間的間距是否正常。
• 內容摘要：摘要會顯示在文章列表頁，預覽時順手確認它有寫、且能讀懂這篇在講什麼。
• 錯字與漏字：預覽分頁的閱讀環境比編輯器乾淨，反而更容易抓到打字時沒發現的錯字。

把這份清單跑完再發佈，等於幫讀者先當了一次第一個讀者。

WordPress 5.0 之後的「發佈前檢查」面板是什麼

從 WordPress 5.0 導入區塊編輯器之後，發佈變成兩步驟：按下「發佈」後，不會立刻上線，而是先跳出一個「發佈前檢查」面板，讓你在真正送出前再確認一次設定。

這個面板會把幾個關鍵設定集中呈現，方便最後核對：文章的瀏覽權限（公開、私密、密碼保護）、發佈時間（立即發佈或排程）、所屬分類與標籤等等。它的用意是攔截「分類忘了選」「不小心設成私密」「排程日期填錯」這類設定層面的失誤——這些問題預覽畫面不一定看得出來，因為它們不影響內容長相，只影響誰能看到、什麼時候上線。

如果你覺得每次都跳這個面板很多餘，可以在面板下方取消勾選，關掉這道檢查，之後按「發佈」就會像舊版一樣直接上線。想再打開，到右上角選項圖示裡的「偏好設定」，重新啟用發佈前檢查即可。對新手來說，建議保留這道關卡，多一次確認的成本很低。

用無痕視窗以訪客身分檢視最終效果

預覽畫面之外，還有一個更貼近真實的檢查方式：用沒有登入 WordPress 的瀏覽器，以一般訪客的身分打開你的網站。

原因是，當你登入後台時，網站對你顯示的樣子，跟對一般讀者顯示的樣子並不完全相同。登入狀態下，頁面頂端會有後台管理列，某些只給登入者看的元素也會出現。要確認讀者「真正」看到什麼，最簡單的做法就是開一個無痕（私密）視窗，貼上網址打開——因為無痕視窗裡你是登出狀態，看到的就跟訪客一模一樣。

各家瀏覽器開無痕視窗的快捷鍵略有不同：Chrome 與 Edge 在 Windows 上是 Ctrl + Shift + N，Firefox 是 Ctrl + Shift + P，Mac 上的 Safari 與 Chrome 則是 Cmd + Shift + N。除了無痕視窗，換一個沒登入的瀏覽器、或乾脆登出後再看，效果是一樣的。

想把草稿分享給沒有帳號的人怎麼做

預設情況下，未發佈的草稿只有登入後台、且權限足夠的人才看得到。如果你直接把草稿網址傳給沒有帳號的朋友或客戶，對方打開只會看到「404 找不到頁面」或「抱歉，你沒有權限預覽草稿」的訊息——這是 WordPress 為了不讓未公開內容外流而設計的安全機制。

要讓外部的人也能預覽草稿，常見做法是安裝「Public Post Preview」這類外掛。啟用後，文章編輯畫面會多出一個「允許公開預覽」的勾選項；勾起來之後，系統會產生一條帶有特殊金鑰的預覽網址，把這條網址傳給任何人，對方不用登入就能看到草稿，但無法編輯或更動內容。這類預覽連結通常有時效（預設約 48 小時，可在設定裡調整），到期後自動失效，兼顧了分享需求與安全性。

需要客戶或同事在上線前給意見、又不想替每個人開一組後台帳號時，這個方式比把內容複製到別處共享要乾淨得多。

預覽打不開或顯示舊內容時怎麼排除

預覽功能偶爾會「不聽話」：點了沒反應、打開是空白頁、或顯示的是上一版的舊內容。這類問題大多有跡可循，可以照下面的順序排查。

先存檔再預覽：最常見的原因是改了內容卻沒存。預覽讀的是已儲存的版本，所以改完要先按「儲存草稿」（已發佈的內容則按「更新」），再重新整理預覽分頁，才會看到最新狀態。

清快取：如果你裝了快取外掛（例如各類 cache 外掛），或主機本身有快取機制，預覽很可能被舊版本卡住。清掉網站快取、再清瀏覽器快取，或改用無痕視窗打開預覽，通常就能看到正確內容。

檢查使用者權限：看到「抱歉，你沒有權限預覽草稿」這個訊息，多半是權限問題。WordPress 的角色分成管理員、編輯、作者、投稿者、訂閱者，較低的角色（例如投稿者）可能沒有預覽他人草稿的權限。確認你的帳號角色是否足夠，必要時請管理員調整。

留意預覽連結的安全金鑰：WordPress 用一次性安全金鑰來驗證預覽請求。如果你是從別人複製來的、帶有預覽參數的舊網址去開，金鑰可能已經失效而被擋下。這種情況直接從後台編輯畫面重新點「預覽」產生新連結即可。

排除外掛衝突：上述都試過還是不行，可能是某個外掛（特別是頁面建構器或快取類外掛）跟預覽功能打架。暫時停用近期新裝的外掛逐一測試，就能找出衝突來源。

把預覽變成發佈前的固定動作

WordPress 發佈前預覽不是可有可無的步驟，而是一道幫你攔下破版、破圖、錯字與設定失誤的防線。記住三個層次就夠用：編輯器裡的「以裝置檢視」做快篩、「在新分頁中預覽」加上真手機打開做精準確認、無痕視窗以訪客身分看最終效果。

從今天起，按下「發佈」之前先養成一個習慣：切到手機檢視掃一遍版面、開新分頁逐項對照檢查清單、有需要再用無痕視窗確認。多花的這兩三分鐘，換來的是讀者打開你的文章時，看到的就是你想呈現的樣子。