WordPress如何使用塊編輯器添加自定義CSS類(lèi)

CSS是一種用HTML編寫(xiě)的樣式表語(yǔ)言，它允許您給HTML標簽分配不同的屬性，比如顏色、大小、布局和顯示等，從而修改網(wǎng)站的基本結構的外觀(guān)。例如，您可以通過(guò)在WordPress站點(diǎn)添加自定義CSS類(lèi)，創(chuàng )建想要的設計和外觀(guān)等。本文將介紹下WordPress使用塊編輯器添加CSS類(lèi)的操作步驟。

WordPress 5.9及更高級版本現采用的是新的全站點(diǎn)編輯方法，它于全局樣式和基于每個(gè)塊的設計，減少了對CSS和大量編碼的需要。但是，將自定義CSS類(lèi)添加到任何WordPress塊還是有可能的。

首先，在WordPress儀表盤(pán)中選中Tools -> Theme File Editor，選擇活動(dòng)主題并打開(kāi)Stylesheet主題文件夾來(lái)編輯style.css文件，以便在樣式表中定義CSS類(lèi)。

使用文本編輯器添加CSS類(lèi)和代碼。例如，您可以添加一個(gè)justify-class類(lèi)實(shí)現文本對齊效果。

p.justify-class {
text-align: justify;
}

CSS類(lèi)編輯好后，點(diǎn)擊Update File保存文件。

然后，導航到Appearance -> Site Editor，打開(kāi)站點(diǎn)編輯器，選擇要自定義的塊，并點(diǎn)擊Setting，打開(kāi)Advanced下拉菜單，并找到Additional CSS class(es)，在本文字段中插入CSS類(lèi)。

添加justify-class類(lèi)后，block段落中的文本將被兩端對齊。另外，您通過(guò)用空格分隔，可以將多個(gè)CSS類(lèi)添加到一個(gè)塊中。

來(lái)源鏈接：https://www.idcspy.com/53975.html

本站聲明:網(wǎng)站內容來(lái)源于網(wǎng)絡(luò ),如有侵權,請聯(lián)系我們,我們將及時(shí)處理。