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

插件使用
使用本文末尾的下载按钮下载插件,然后激活即可使用。
在使用的时候只需要选择你想设置外观的块,然后右边就会出现设置样式的地方,修改自己想要的显示效果即可。
插件下载
你可以使用下面的按钮进行插件下载,也可以直接后台搜索插件标题安装。
下载地址
相关推荐
- JQuery结合CSS操作打印样式的方法 - Web前端
- jquery 如何动态添加、删除class样式方法介绍 - Web前端
- 给古腾堡编辑器添加上提示块功能
- 6款热门WordPress Gutenberg古腾堡编辑器增强插件
- WordPress文章插入下载按钮_自定义按钮样式
- WordPress编辑器增强_快速插入特定代码:AddQuicktag
- 设置WP后台古腾堡编辑器的宽度显示为全宽
- 修改WordPress后台仪表盘界面内容和样式的方法
- 如何修改WooCommerce产品页面模板样式
- WordPress Markdown编辑器推荐:Markup Markdown&WP Editor.md
- WordPress教程排行
-
- 1#建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 2SiteGround的CPU Time Usage是什么意思?为什么有感叹号
- 3WordPress关注微信公众号回复可见和阅读更多的方法
- 4自定义WooCommerce库存提示插件,修改Out of stock缺货提示
- 5WordPress媒体库增强(图片分类)插件WP Media Folder
- 6外贸WordPress建站付费主题和插件第二年需要续费吗?
- 7KeePass实现Chrome浏览器自动填充密码方法一
- 8SiteGround上用Avada搭建的主题图片不显示问题排查
- 9一款简洁的WordPress主题Neve,适用于博客和企业网站
- 最近发表
-
- 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属性


