当前位置:网站首页 > WordPress教程 > 正文
给古腾堡编辑器的block块增加样式
作者:98wpeu发布时间:2026-03-19分类:WordPress教程浏览:158
导读:如果你使用的是古腾堡编辑器,而且你会一点简单代码基础,你就会发现古腾堡编辑器默认的编辑的内容都是一个块(block)一个块的,而本文要给大家推荐的这款插件就是用来给这些block增...
如果你使用的是古腾堡编辑器,而且你会一点简单代码基础,你就会发现古腾堡编辑器默认的编辑的内容都是一个块(block)一个块的,而本文要给大家推荐的这款插件就是用来给这些block增加样式的。
插件介绍
Custom CSS For Gutenberg Blocks是一款古腾堡编辑器增强插件,它可以给你使用古腾堡编辑器写文章出现的任何块定义样式,例如调整外观、排版和尺寸等功能。
CSS属性:排版
- 字体系列
- 颜色
- 字体大小
- 字体重量
- 线高
- 字母间距
- 单词间距
- 字体样式
- 文字阴影
- 文字对齐
- 文字转换
- 文字装饰
CSS属性:外观
- 不透明度
- 背景颜色
- 边界
- 边界半径
- 盒子阴影
CSS属性:尺寸
- 余量
- 填充
- 宽度
- 高度
动图举例

插件使用
使用本文末尾的下载按钮下载插件,然后激活即可使用。
在使用的时候只需要选择你想设置外观的块,然后右边就会出现设置样式的地方,修改自己想要的显示效果即可。
插件下载
你可以使用下面的按钮进行插件下载,也可以直接后台搜索插件标题安装。
下载地址
相关推荐
- jquery 交替为表格添加样式的代码 - Web前端
- jQuery修改li下的样式以及li下的img的src的值的方法 - Web前端
- JQuery中操作Css样式的方法 - Web前端
- 文本有关的样式和jQuery求对象的高宽问题分别说明 - Web前端
- jquery实现表格奇数偶数行不同样式(有图为证及实现代码) - Web前端
- 10个基于jQuery或JavaScript的WYSIWYG 编辑器整理 - Web前端
- jquery URL参数判断,确定菜单样式 - Web前端
- jquery控制display属性为none或block - Web前端
- 批量修改标签css样式以input标签为例 - Web前端
- JQuery结合CSS操作打印样式的方法 - Web前端
- WordPress教程排行
-
- 1#建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 2不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- 3LNMP一键包nginx 301强制跳转到https教程
- 4KeePass实现Chrome浏览器自动填充密码方法一
- 5WordPress随机显示特色图片插件:Random Post Thumbnails
- 6KeePass实现Chrome浏览器自动填充密码方法二
- 7SiteGround的CPU Time Usage是什么意思?为什么有感叹号
- 8WordPress关注微信公众号回复可见和阅读更多的方法
- 9自定义WooCommerce库存提示插件,修改Out of stock缺货提示
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


