段落區塊
寫文章主要的內容會寫在「段落區塊」中,打開區塊編輯器,預設的也會是段落區塊。
平時在 Word 上,你按 Enter,會直接換一行繼續輸入文字;但若你使用段落區塊,按 Enter 時,會自動換一整個區塊,用來將每一行文字的「行距」拉開。
也因此,會建議使用段落區塊時,講完一小段話就換行,不要讓文字都擠在同一個段落區塊中,閱讀時會顯得有點擠。(可控制一個區塊中的文字不要超過三行)
- 表格區塊
- 清單區塊
- 程式碼




多重欄位
這個區塊很重要,很多新手不知道,導致他們有些閱讀體驗較好的排版,他們做不出來。
區塊編輯器預設所有區塊都是從上而下堆疊排列的,「多重欄位」簡單來說就是讓你的區塊排列有更多的選擇。
舉例來說,原本是「上文下圖」,我想要變成「右文左圖」,就可以插入多重欄位,設定「兩欄」,右邊放段落區塊,左邊放圖片區塊。
整個呈現就會像是你現在看到的這個段落。

這個區塊很重要,很多新手不知道,導致他們有些閱讀體驗較好的排版,他們做不出來。
區塊編輯器預設所有區塊都是從上而下堆疊排列的,「多重欄位」簡單來說就是讓你的區塊排列有更多的選擇。

這個區塊很重要,很多新手不知道,導致他們有些閱讀體驗較好的排版,他們做不出來。
區塊編輯器預設所有區塊都是從上而下堆疊排列的,「多重欄位」簡單來說就是讓你的區塊排列有更多的選擇。

Subtitle for This Block
Title for This Block
Text for This Block
首先一定要介紹的是 Spectra 這款區塊編輯器擴充外掛,它提供非常多種實用的區塊,免費版就很好用。
我最常會用到的是 “Container” 這個區塊,它跟預設的「欄位區塊」有點像,但自由度更高,可以有多層的排版,並且能夠調整每一個欄位的細節。適用於一些需要介紹產品的商家,讓圖片跟文字的排版呈現最佳的視覺。




Title for This Block
Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.
Your Attractive Heading

有時候,某一個項目要介紹的「指標」太多,就可以使用 Spectra 的 “Tabs” 區塊。
其實就有點像是瀏覽器的「分頁」功能,你可以把不同指標要介紹的東西,放在不同的分頁中,這樣既不會讓整個文章太攏長,又可以完整呈現資訊,很適合用於產品深度介紹。
如果你很常寫教學文,要做到某一件事情的方法可能有很多種,但你又不全部羅列讓文章太長,這時候你就可以使用 “Tabs”,在不同分頁中分享不同的做法。
Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.




