亚马逊云科技

广告

安信SSL证书

广告

WordPress如何使用块编辑器添加自定义CSS类

美国云服务器推荐

CSS是一种用HTML编写的样式表语言,它允许您给HTML标签分配不同的属性,比如颜色、大小、布局和显示等,从而修改网站的基本结构的外观。例如,您可以通过在WordPress站点添加自定义CSS类,创建想要的设计和外观等。本文将介绍下WordPress使用块编辑器添加CSS类的操作步骤。

WordPress 5.9及更高级版本现采用的是新的全站点编辑方法,它于全局样式和基于每个块的设计,减少了对CSS和大量编码的需要。但是,将自定义CSS类添加到任何WordPress块还是有可能的。

首先,在WordPress仪表盘中选中Tools -> Theme File Editor,选择活动主题并打开Stylesheet主题文件夹来编辑style.css文件,以便在样式表中定义CSS类。

WordPress如何使用块编辑器添加自定义CSS类

使用文本编辑器添加CSS类和代码。例如,您可以添加一个justify-class类实现文本对齐效果。

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

CSS类编辑好后,点击Update File保存文件。

然后,导航到Appearance -> Site Editor,打开站点编辑器,选择要自定义的块,并点击Setting,打开Advanced下拉菜单,并找到Additional CSS class(es),在本文字段中插入CSS类。

WordPress如何使用块编辑器添加自定义CSS类

WordPress如何使用块编辑器添加自定义CSS类

添加justify-class类后,block段落中的文本将被两端对齐。另外,您通过用空格分隔,可以将多个CSS类添加到一个块中。

(本文由美国主机侦探原创,转载请注明出处“美国主机侦探”和原文地址!)

主机侦探企业微信

微信扫码加好友进群

主机优惠码及时掌握

主机侦探QQ群

QQ群号:938255063

主机优惠发布与交流

温馨提示:

1、本站部分图片来源于互联网,如有侵权请联系删除。邮箱:2942802716#qq.com(#改为@)

2、本文评论没有专人回复,如果您有问题请到美国主机侦探论坛提问!

3、美国主机侦探免费为您提供美国主机购买咨询。

RAKsmart美国服务器
返回顶部