给古腾堡编辑器的block块增加样式

文章目录

如果你使用的是古腾堡编辑器,而且你会一点简单代码基础,你就会发现古腾堡编辑器默认的编辑的内容都是一个块(block)一个块的,而本文要给大家推荐的这款插件就是用来给这些block增加样式的。

插件介绍

Custom CSS For Gutenberg Blocks是一款古腾堡编辑器增强插件,它可以给你使用古腾堡编辑器写文章出现的任何块定义样式,例如调整外观、排版和尺寸等功能。

CSS属性:排版

  • 字体系列
  • 颜色
  • 字体大小
  • 字体重量
  • 线高
  • 字母间距
  • 单词间距
  • 字体样式
  • 文字阴影
  • 文字对齐
  • 文字转换
  • 文字装饰

CSS属性:外观

  • 不透明度
  • 背景颜色
  • 边界
  • 边界半径
  • 盒子阴影

CSS属性:尺寸

  • 余量
  • 填充
  • 宽度
  • 高度

动图举例

块添加样式

插件使用

使用本文末尾的下载按钮下载插件,然后激活即可使用。

在使用的时候只需要选择你想设置外观的块,然后右边就会出现设置样式的地方,修改自己想要的显示效果即可。

插件下载

你可以使用下面的按钮进行插件下载,也可以直接后台搜索插件标题安装。

下载地址

版权申明
如未注明,均为奶爸笔记原创,码字不易,转载请注明出处及原文链接!
本文标题:《给古腾堡编辑器的block块增加样式》
本文链接地址:https://blog.naibabiji.com/archives/2339
打赏 赞(0)
微信
支付宝
微信二维码图片

微信扫描二维码打赏

支付宝二维码图片

支付宝扫描二维码打赏

你可能感兴趣

给古腾堡编辑器的block块增加样式》有12个想法

    1. ᕕ(ᐛ)ᕗ变身!ᕕ(ᐛ)ᕗ变身! 文章作者

      那是因为你博客仅仅是个人博客,很多人WP不光用来做博客的,对于不会代码的人来说,这个就很有用了。

      回复
    1. ᕕ(ᐛ)ᕗ变身!ᕕ(ᐛ)ᕗ变身! 文章作者

      我用的插件,代码不适合我这个主题,或者说我不会改。https://blog.naibabiji.com/archives/339

      回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注