商品型錄
商品型錄

WordPress Gutenberg 古騰堡預設區塊測試呈現

這邊為大家展示Gutenberg 古騰堡預設區塊測試,大家也可以動手玩玩看唷!
目錄

這篇文章主要是古騰堡預設區塊測試的呈現,可以了解目前古騰堡有什麼預設的區塊可以使用。

分別依序呈現標題區塊、清單區塊、圖片區塊、圖庫區塊、表格區塊、音訊區塊、檔案下載區塊、引文區塊、重要引述區塊、封面圖片區塊、按鈕區塊、空白間隔區塊、程式碼區塊、分欄區塊、各式小工具區塊、嵌入YouTube影片,各區塊以分隔符號區隔。

這是標題區塊,可以設定H1~H6,還有對齊方式

這是「段落區塊」,一般基本內文使用,可以輕鬆增加超連結,也可以設定粗體、斜體等等,也可以隨意更換字體顏色。


清單區塊

  • 「清單區塊」
  • 排得得很整齊美觀
  • 也可以調整成數字排序清單

圖片區塊

樣式除了預設也可以更改為圓角。

文案心理學-5
我是說明文字

圖庫區塊

可以一次挑選多張圖片,輕鬆排列你所選的圖片。


表格區塊

可以設定標題區段日期時間
輕鬆加入並編輯表格XXXOOO
不用再以圖片取代表格OOOXXX

音訊區塊

Instant-Crush-Corbyn-Kites

檔案下載區塊

輕鬆新增檔案,讓使用者下載(可設定新增下載按鈕)


引文區塊

想加入、引用某人說的話?可以使用引文區塊!

「引用他人的說法,是為了加強自己的論述。」

-胡利奧·科塔薩爾

重要引述區塊

除了引文區塊,重要引述區塊更可以抓住大家的眼睛。

Stay hungry, stay foolish.

Steve Jobs 

封面圖片區塊

global network connection generative ai scaled

這是封面圖片區塊!


按鈕區塊

可以設定網址,並在新分頁開啟。


空白間隔區塊

下面有高度100px的空白間隔,可以自行調整高度。


程式碼區塊

程式碼區塊,可以在這裡寫下程式碼,會在你的網站中呈現。

自訂HTML區塊

若有HTML程式碼需加入,可以使用該區塊,並可以即時預覽HTML程式碼的結果。

古騰堡 html
Hello World!!

分欄區塊

左邊欄位

我是中文假字。許多例如又不是黏土人,是比較愛沒什麼,次都的那是女很可愛集中,我好想,都已經小謝我也司謝謝你準備,好看好果並嗚嗚嗚我有沒有。家不知道就是這。準備但是不都有的有好,啦會小時客邦的⋯我自匯款的機也太多,根我掉這位好啊我不真好,有機是我出人的的感覺突然,麼這麼了我動天有點。形馬上就沒什麼很不是我感覺,小一直的感覺我記親來很,都要不過的感⋯多人買每次的地你進入了⋯的時候到爆我也。好煩惱不多他就覺得你,恐息一下本來就:是想篇如果真到底是是該他人的,才知道用就方式,大我不宣傳班位,的關年了。

右邊欄位

falling coffee beans dark with copy space

各式小工具區塊

彙整

月曆

2026 年 9 月
一二三四五六日
 123456
78910111213
14151617181920
21222324252627
282930 

最新文章

搜尋

社群網路服務圖示

還有分類、標籤雲、最新留言等等


嵌入YouTube影片

還可以嵌入其他社群媒體的貼文唷!

延伸閱讀:Gutenberg 古騰堡編輯器基本介紹

📘 本文屬於【WordPress 架站與設計】主題,完整指南:什麼是 WordPress?完整入門指南
各種ChatGPT及AI工具應用、指令手冊、解決方案,每週更新。
學習最新AI工具,就上Learn AI
AI如何讓工作更輕鬆、更有效率?立刻學習!
LA廣告-1
LA廣告-2
LA廣告-3
Related Post
相關文章
中小企業主在筆電前比較公司網站設計方案示意圖
公司網站設計怎麼選?形象官網 vs 客製化網頁設計的6個評估重點

公司要做網站,先分清楚是形象網站、公司網站還是客製化網頁設計:只要「讓人找到並相信你」,形象或公司網站就夠用;需要會員、預約或串接系統,才需要客製化。找廠商前先盤點需求,報價要問清楚主機、網域、維護費用,並當場確認後台權限與原始檔案會交付給你。