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

2022年 10月 16日 发表评论
腾讯云正在大促:点击直达 阿里云超级红包:点击领取
免费/便宜/高性价比服务器汇总入口(已更新):点击这里了解

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

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

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

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

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

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

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

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

来源:idcspy.com/53975.html

本站声明:内容来源于网络,内容不代表本站立场,仅供阅读参考,文章版权归原作者所有。如有侵权,请联系我们删除。

腾讯云正在大促:点击 https://2bcd.com/go/tx/进入最新活动页】领取无门槛代金券,附云服务器价格表,2核2G4M轻量应用服务器99元1年,新老用户都可以买,可以享受1次续费99元一年、135元15个月、三年560元,MySQL云数据库59元1年起,2核2G3M配置82元1年,2核4G5M配置188元一年、3年900元,4核8G12M轻量服务器880元15个月,8核16G配置1890元15个月,更多16核32G28M带宽和云服务器CVM标准型S5、GPU服务器、CVM标准型SA2租用优惠价格如下,可以 点此进入最新活动页 查看当前最新的优惠券和活动信息。还可以领下10元无门槛代金券:点此直达 阿里云限量超级红包:点击领取】5亿上云补贴和2088元满减代金券,阿里云服务器租用费用最新价格表【点击了解】,最便宜轻量应用服务器2核2G3M带宽82元1年,ECS云服务器2核2G3M带宽99元一年,ECS u1实例2核4G5M带宽优惠价格199元一年,香港30M带宽轻量服务器24元1个月、288元一年,4核8G服务器706元一年,ECS云服务器4核16G10M带宽30元1个月、90元3个月,云服务器8核32G10M带宽109元1个月、327元3个月。阿里云产品最高降价55%,点击 https://2bcd.com/go/aliyun/ 进入最新活动页了解。 腾讯云续费贵,一次性买3年/5年,免得续费贵。3年轻量 2核2G 4M 560元;3年轻量 2核4G 5M 3年900元,活动入口:点击前往(下拉到“爆品专区”即可看到)。 老用户享新人优惠的方法:用Qq登录、1人可注册3个新账号/用家人朋友的身份注册新号(点击注册新账号)。
小咸鱼

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: