指南/編輯網站/編輯器/預覽內容

預覽內容

WordPress 編輯器中編輯內容時,可以使用預覽選項查看內容在網站佈景主題中的呈現方式。本指引會說明如何預覽頁面和文章,查看變更內容在網站上的顯示方式。

預覽頁面或文章

你可透過 WordPress 編輯器新增與編輯網站的頁面和文章內容,但內容在網站上的呈現方式,會依網站的佈景主題而異。預覽頁面或文章,即可查看在套用所有佈景主題格式元素之後,你的網站內容如何呈現。

你可依照以下步驟,在編輯器中預覽頁面或文章:

  1. 前往網站儀表板。
  2. 按一下「頁面」或「文章」。
  3. 按一下想要預覽的頁面或文章標題,即可使用編輯器開啟。
  4. 按一下畫面頂端「發表」按鈕旁的「檢視」圖示 (看起來像打開的筆記型電腦)。如果頁面/文章已發表,則按一下「儲存」按鈕。
  5. 選取「在新分頁中預覽」。
An arrow from the "View" icon to the "Preview in new tab" menu item.
在新分頁中預覽

系統會隨即在新瀏覽器分頁中開啟頁面或文章預覽,顯示內容在網站上的呈現效果。若於預覽後在編輯器中進行任何變更,請按下「儲存草稿」(若為草稿文章) 或「儲存」(若為已發表文章),然後重新整理瀏覽器中的預覽分頁,即可檢視套用至頁面或文章的預覽變更。

變更編輯器檢視格式

你也可按照下列步驟,使用「檢視」選單來變更 WordPress 編輯器用於顯示內容的格式:

  1. 前往網站儀表板。
  2. 按一下「頁面」或「文章」。
  3. 按一下想要預覽的頁面或文章標題,即可使用編輯器開啟。
  4. 按一下畫面頂端「發表」按鈕旁的「檢視」圖示 (造型像打開的筆記型電腦)。
  5. 在「檢視」選單中選取「桌面」、「平板電腦」或「行動裝置」選項。

檢視範本中的內容

你可以啟用或停用編輯頁面或文章時顯示範本的選項。顯示範本能幫助你了解內容如何套用至網站設計。你也可以關閉範本預覽,免得自己在編輯時受到干擾。

若要啟用或停用範本預覽,請依照下列步驟操作:

  1. 前往網站儀表板。
  2. 按一下「頁面」或「文章」。
  3. 按一下想要預覽的頁面或文章標題,即可使用編輯器開啟。
  4. 按一下畫面頂端「發表」按鈕旁的「檢視」圖示 (看起來像打開的筆記型電腦)。如果頁面/文章已發表,則按一下「儲存」按鈕。
  5. 選取「顯示範本」。

若在「顯示範本」旁看到勾號,則表示範本預覽已開啟。如果「顯示範本」旁沒有勾號,則表示範本預覽已關閉,你只會看到頁面或文章內容。

An arrow pointing from the "View" icon to the "Show template" menu item.
顯示範本

假如你直接編輯範本,則不會看到「顯示範本」的選項。舉例來說,在許多佈景主題中,首頁本身就是範本

影片教學

下列影片會示範如何從 WordPress 編輯器預覽頁面範本。選取「顯示範本」選項時,頁首和頁尾會顯示在編輯器中,完整呈現頁面在網站上的外觀。

點擊播放後,可使用右下角的控制按鈕調整影片播放速度
Copied to clipboard!