商品型錄
商品型錄

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

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

目錄

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

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

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

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


清單區塊

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

圖片區塊

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

sofa wood round table brown living room 3d rendering
我是說明文字

圖庫區塊

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


表格區塊

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

音訊區塊

Instant-Crush-Corbyn-Kites

檔案下載區塊

輕鬆新增檔案,讓使用者下載


引文區塊

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

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

-胡利奧·科塔薩爾

重要引述區塊

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

Stay hungry, stay foolish.

Steve Jobs 

封面圖片區塊

arnaud devautour OaTDg8GbIcM unsplash scaled

這是封面圖片區塊!


按鈕區塊

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


空白間隔區塊

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


程式碼區塊

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

分欄區塊

左邊欄位

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

右邊欄位

gray sofa wood table white living room

各式小工具區塊

彙整

月曆

2023 年 6 月
 1234
567891011
12131415161718
19202122232425
2627282930 

最新文章

搜尋

社群網路服務圖示

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


嵌入YouTube影片

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

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

Share 分享 :

Related Post

最新文章

永久連結設定

如何設定 WordPress 網站的永久連結?

在網際網路上,網站的連結是非常重要的。網站連結不僅可以增加網站的流量,還可以提高網站的搜索引擎排名,提高網站的曝光率,從而增加品牌知名度和銷售額。如何在 WordPress 網站上修改永久連結設定呢?一起來看看!

Selected Post

精選文章

RWD網站的優缺點

響應式RWD網站的10個優點缺點

響應式網頁設計(Responsive Web Design)簡稱為RWD網站 ,與其他行動版網站最大的不同,在於它不需要另外獨立製作行動版網站,在維護網站上更加方便。我們列舉10個RWD網站的優缺點,一起來比較看看。

黑帽SEO

什麼是黑帽SEO?要避免的 9 種危險手法

以前許多行銷人員大量使用黑帽SEO策略對網站進行排名;然而,時代變了,大家逐漸瞭解到使用白帽SEO才能真正幫助網站長久發展。在本文中,將深入探討如果您不想違反演算法或網站管理員指南,應該避免使用哪些SEO手法。