LIFE JOURNAL

WordPress 建立頁面和發布內容:古騰堡編輯器(Gutenberg)

2024年10月7日1 分鐘閱讀

這篇文章將指導您如何在WordPress中使用古騰堡編輯器創建頁面和發布內容,解決了許多新手在網站建設過程中面臨的困難,包括撰寫文章和設置選單的具體步驟,讓您的網站更具吸引力和功能性。

WordPress 建立頁面和發布內容:古騰堡編輯器(Gutenberg)

WordPress 預設的網頁編輯工具是 「古騰堡編輯器」(Gutenberg)。自從 WordPress 5.0 版本推出以來,古騰堡編輯器成為了預設的編輯工具,取代了之前的經典編輯器(Classic Editor)。

古騰堡編輯器的主要特點包括:

  1. 區塊(Blocks)系統:內容被分割成不同的區塊,如段落、標題、圖片、影片、按鈕等。這使得內容的編排和設計更加靈活和直觀。
  2. 即時預覽:在編輯內容的同時,可以即時看到最終的展示效果,減少來回切換的時間。
  3. 可擴展性:開發者可以創建自訂區塊,擴展編輯器的功能,以滿足不同網站的需求。
  4. 響應式設計:古騰堡編輯器支援響應式設計,確保在各種裝置上都有良好的顯示效果。

如何創建頁面

在控制框中找到「頁面 」→ 「 新增頁面」。

mynotion_20241009.pngmynotion_20241009.png

如果你還沒安裝許多外掛的話,畫面中會比較簡潔,大概可以分成:

  • 標題
  • 內容
  • 頁面、塊設定

mynotion_20241009-1.pngmynotion_20241009-1.png

我們可以點擊「+」的圖示, 古騰堡編輯器(Gutenberg)並來就提供許多區塊(Blocks)讓我們可以快速完成網頁的設計。

mynotion_20241009-3.pngmynotion_20241009-3.png

例如,我們使用編輯器預設好的設計,我們再對內容的 block 來做修改。

mynotion_20241009-4.pngmynotion_20241009-4.png

完成修改之後,我們可以點擊右上角的「Save」儲存頁面。

mynotion_20241009-5.pngmynotion_20241009-5.png

如何撰寫文章

在控制框中找到「文章 」→ 「 新增文章」。

mynotion_20241009-6.pngmynotion_20241009-6.png

基本上,文章和頁面的介面是相同的。但我們不推薦在 WordPress 的文章編輯器上創作,因為它不是寫文章的最佳選擇。

我更傾向在寫作的工具上創作,像是:Notion 之類的數位筆記工具。

mynotion_20241009-7.pngmynotion_20241009-7.png

延伸閱讀:

如何撰寫文章

在控制框中找到「文章 」→ 「 新增文章」。

mynotion_20241009-6.pngmynotion_20241009-6.png

基本上,文章和頁面的介面是相同的。但我們不推薦在 WordPress 的文章編輯器上創作,因為它不是寫文章的最佳選擇。

我更傾向在寫作的工具上創作,像是:Notion 之類的數位筆記工具。

mynotion_20241009-7.pngmynotion_20241009-7.png

延伸閱讀:

如何設定選單

WordPress 選單(Menus)是網站導航系統的核心組成部分,用於組織和展示網站的各個頁面、文章、分類以及自定義連結,幫助訪客輕鬆找到他們所需的內容。透過選單,網站管理員可以設計出清晰且直觀的導航結構,提升用戶體驗和網站的可用性。

在控制框中找到「外觀 」→ 「 選單」。

點擊上面的**「建立選單」。**

添加選單項目:在左側的面板中,可以選擇要添加的項目,如 「頁面」「文章」「分類」「自定義連結」

然後,勾選要添加的項目,然後點擊 「新增至選單」

排列選單項目:在選單結構區域,可以拖動選單項目以調整順序。將項目稍微向右拖動可以創建子選單,形成下拉式導航。設定選單位置:在 「選單設定」 區域,選擇該選單要顯示的位置(例如主選單、頂部選單等)。點擊 「儲存選單」 以保存更改。

mynotion_20241009-8.pngmynotion_20241009-8.png

瘦桑

Editor

瘦桑

MO Design Studio 共同創辦人。關注設計 × 工程的平衡協作,擅長以簡潔語言說故事。

延伸閱讀

WordPress 建立頁面和發布內容:古騰堡編輯器(Gutenberg) | 生活雜記