如何在WordPress上稿文章?內建區塊編輯器常見操作方法(直播影片/無字幕)

在1小時8分鐘的直播影片中,直接操作如何在WordPress後台上文章,我是使用內建的區塊編輯器來示範,前面先提供介面邏輯,後面帶入各元件使用方式。

在1小時8分鐘的直播影片中,直接操作如何在WordPress後台上文章,我是使用內建的區塊編輯器來示範,前面先提供介面邏輯,後面帶入各元件使用方式。

完整教學影片觀看:

如果您是完全新手,建議全部看完。

如果您是想要解決部分問題,可前往YouTube查閱您想要看的章節單元,會更快幫你解決問題。由於說明欄位的一些限制,我將每個章節的秒數與更多說明條列如下:

04:23 點選左側「文章」-上方「新增文章」 。

04:54 區塊編輯器畫面 : 您可以先確認目前您WordPress網站是否與我相同都是使用這樣的區塊編輯器,因為有些網站版本可能較舊,還是使用傳統編輯器,或是安裝了其他編輯器。

05:21 (直播測試,這段可略過)

09:33 文章編輯介面五大區域說明 : 對於WordPress上稿還比較懵懂的您,建議把這一段看完,可以一次通透整個介面的關聯度,將來有什麼需要,都能自動聯想要去介面哪個區域來解決問題。

17:20 主標題:文章的主標題。

14:47 內文段落

18:26 新增區塊的2大方法:要新增區塊元素的方法有兩種,可選擇你覺得最方便的方式。

19:13 標題:文章內可能會有好幾個段落,如果您文章是屬於報導、教學、分享、資訊,每個段落都有個副標題(就是稍大並且粗體),會讓您的文章易於閱讀。

21:08 區塊設定的常用功能:區塊可以快速再製、刪除等等,所以使用邏輯上已經無法像你常用的Word那樣了,要了解一下才能加速編輯文章。

22:12 文字段落

22:42 文字段落:加上連結

24:02 文字段落:文字顏色

25:11 插入圖片與圖片設定

29:23 圖庫

32:38 清單

33:38 引言

34:19 儲存草稿、預覽網頁: 文章都有草稿功能,可以編輯到滿意再發布。預覽網頁可即時看到效果,但切記預覽的網址都是暫時的、假的,千萬不要當成是文章網址囉!

35:19 程式碼等其他區塊簡介

36:36 閱讀全文、內容摘要(用來決定列表顯示的文字)

39:45 多重欄位(內文版面編排):我們常建議文章上稿就用內建編輯器,不要去使用像Elementor這類頁面編輯器來加重網站負擔與維護,想要一些簡易版面編排,可以搭配使用多重欄位這個功能。

42:37 表格:內建表格區塊

44:40 表格:外掛RWD表格。如果覺得內建表格不夠用,可以試試看外掛。

45:42 安裝表格外掛WP Table Builder

46:58 建立第一個RWD表格:文字/連結/圖片/複製短代碼

53:17 文章插入RWD表格(1) 短代碼法

54:11 文章插入RWD表格(2) 新增區塊法

55:28 自訂HTML:嵌入YouTube。其實區塊編輯器已有YouTube區塊,甚至你啥都不選直接貼影片網址都會自動嵌入,除非發生什麼特殊狀況,才需要用到貼入iframe的原始語法,所以這一段是特別示範。

56:25 自訂HTML:嵌入SoundOn Podcast。任何提供嵌入語法的Podcast平台都可以如法炮製喔!

57:30 自訂HTML:嵌入Facebook貼文 (IG也是)。FB跟IG的貼文都有提供嵌入語法 。

58:58 文章可見度|文章排程|文章置頂

1:00:55 內容修訂

1:01:18 永久連結|網址代稱設定訣竅

1:04:06 分類

1:04:59 標籤

1:05:59 精選圖片

1:06:40 其他與結語

感謝大家的閱讀,希望內容對您有幫助囉! 歡迎訂閱我的電子報或影片頻道,未來會更新更多相關教學!

分享出去吧!
Marie馬力
Marie馬力

身兼兩職的自由工作者,自由接案網頁設計,同時協助影音創客數位行銷。目前以架設WordPress網站為主,並為老客戶提供解決方案。偶爾演講與教課。歡迎訊息洽談或來信:mary@marygeek.com

文章: 142

2 則留言

  1. 搜尋《區塊編輯器》找到這篇完整影片教學,很詳盡喔,WordPress 中文內容市場就是缺少這些推廣,大部分教學站長都是推廣 Elementor 頁面編輯器。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *