商品型錄
商品型錄

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 年 6 月
1234567
891011121314
15161718192021
22232425262728
2930 

最新文章

搜尋

社群網路服務圖示

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


嵌入YouTube影片

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

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

各種ChatGPT及AI工具應用、指令手冊、解決方案,每週更新。
學習最新AI工具,就上Learn AI
AI如何讓工作更輕鬆、更有效率?立刻學習!
LA廣告-1
LA廣告-2
LA廣告-3
Related Post
最新文章
AI 搜尋優化指南:Google 官方指南完整解析,如何讓你的網站進入 AI 引用名單

Google 正式發布生成式 AI 搜尋優化官方指南,明確指出 AI Overviews 與 AI Mode 的引用邏輯仍建立在傳統 SEO 基礎之上。本文整合 Google 官方文件與數位時代報導,解析 RAG 與 Query Fan-out 兩大核心機制、5 大實戰優化策略,並逐一破除 llms.txt、內容切塊等常見迷思,幫助網站經營者在 AI 搜尋時代找到正確方向。

AI 搜尋時代必備?llms.txt 完整解析與 SEO 實作建議

網站做好卻沒被 AI 搜到?llms.txt 是專為大型語言模型設計的網站地圖。我們解析 llms.txt 的運作原理、對品牌官網的重要性,並提供 WordPress 網站實作教學。讓你的內容不僅被真人看見,更能成為 AI 優先引用的可靠來源,掌握未來搜尋流量關鍵。

AEO
AI 搜尋時代來了!一次看懂 AEO、SEO 與 GEO 差異

面對 ChatGPT、SearchGPT 與 Google SGE 的衝擊,傳統 SEO 排名優化還夠用嗎?本文深度解析答案引擎優化(AEO)與 SEO 的 5 大差異,並提供 8 大實戰優化策略。從結構化資料 Schema 到語音搜尋與實體關聯,教你如何在 AI 世代搶佔曝光先機,將品牌網站轉化為 AI 優先推薦的權威資產。

2026 數位轉型案例實戰:3 個讓網站變成長期資產的成功關鍵

想做數位轉型卻怕花冤枉錢?我們整理出 2026 年最新的數位轉型案例。從品牌形象到自動化電商系統,分享如何利用 WordPress 彈性架構解決經營痛點、降低維護風險。這份實務指南將帶你避開常見架站地雷,把網站從成本支出轉化為品牌的核心資產。

Selected Post
精選文章