商品型錄
商品型錄

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
Gutenberg 古騰堡預設區塊測試 7

各式小工具區塊

彙整

月曆

2022 年 12 月
 1234
567891011
12131415161718
19202122232425
262728293031 

最新文章

搜尋

社群網路服務圖示

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


嵌入YouTube影片

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

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

Share 分享 :

分享在 facebook
分享在 twitter
分享在 telegram
分享在 email
Related Post

最新文章

網站設計 留白設計

乾淨的網站介面:15 個網站設計留白技巧

網站設計的多樣化我們時刻可以感受到,在瀏覽不同網站的時候,哪種網頁設計可以讓使用者覺得舒適、願意繼續瀏覽?乾淨簡約的風格越來越流行,讓我們一起來看看網站設計留白技巧吧!

Selected Post

精選文章

黑帽SEO

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

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

定期維護網站

定期維護網站的重要性

你的網站是不是做好就放在那裡,好幾年沒有去更新、維護它呢?許多人可能不知道定期維護網站的重要性,讓這篇文章為你說明。

WordPress 維護

16個 WordPress 維護的技巧

網站架好了要如何進行 WordPress 維護?你需要定期維護網站核心功能、安裝的外掛、主題和其他方面。WordPress 是一個很棒的內容管理平台,但做好網站維護是讓你的網站在市場上走得更久的關鍵。