WordPress如何使用塊編輯器添加自定義CSS類

CSS是一種用HTML編寫的樣式表語言,它允許您給HTML標籤分配不同的屬性,比如顏色、大小、佈局和顯示等,從而修改網站的基本結構的外觀。例如,您可以通過在WodPess站點添加自定義CSS類,創建想要的設計和外觀等。本文將介紹下WodPess使用塊編輯器添加CSS類的操作步驟。

WodPess 5.9及更高級版本現採用的是新的全站點編輯方法,它於全局樣式和基於每個塊的設計,減少了對CSS和大量編碼的需要。但是,將自定義CSS類添加到任何WodPess塊還是有可能的。

首先,在WodPess儀表盤中選中Tools -> Theme File Edito,選擇活動主題並打開Stylesheet主題文件夾來編輯style.css文件,以便在樣式表中定義CSS類。

使用文本編輯器添加CSS類和代碼。例如,您可以添加一箇justify-clss類實現文本對齊效果。

p.justify-clss { text-lign: justify; }

CSS類編輯好後,點擊Updte File保存文件。

然後,導航到Appence -> Site Edito,打開站點編輯器,選擇要自定義的塊,並點擊Setting,打開Adnced下拉菜單,並找到Additionl CSS clss(es),在本文字段中插入CSS類。

添加justify-clss類後,block段落中的文本將被兩端對齊。另外,您通過用空格分隔,可以將多箇CSS類添加到一箇塊中。