有條理的目錄、明顯的標題,可以增加質感跟閱讀體驗。

一.新增目錄

點擊號-》瀏覽全部-》選取目錄區塊Table of Contents

新增完之後,可以調整完想要的樣子,我們就可以往下,之後我們新增標題就會自動更新。

二.標題顏色方框

這裡先推薦兩個編輯區塊的外掛:

接著我們來新增標題:

1.首先我們先到自訂的地方,選附加的CSS->在下方區塊貼上:

.cheese-cake{
background-color: #f7f7f7;
padding: 16px 0 16px 24px;
border-left: 8px solid #e85a5a;
color: #333 !important;
}

2.新增標題,選擇Advanced Text,右邊點選進階設定,於附加的CSS類別填入:cheese-cake ,我會把文字大小在調成22px

3.最後我們點選上方目錄部分,一樣右邊點選進階設定,於附加的CSS類別填入:cheese-cake

再按發佈/更新,到前台就可以看到效果喔,趕快來試試吧!

Similar Posts