07 | WordPress 空白间隔区块 Spacer Block

https://ithelp.ithome.com.tw/upload/images/20210921/20116357ARZBGjUUX1.jpg
为了明确分隔文章中不同的段落,我们一们会在每个「段落」之间加上适当的留白空间,在 WordPress 编辑器里是使用度非常高的区块。


在段落输入「/空白间隔」,点击区块即可

https://ithelp.ithome.com.tw/upload/images/20210921/20116357Ag6F6W98Qf.jpg


另外也可以点击 [+],输入「空白间隔」

https://ithelp.ithome.com.tw/upload/images/20210921/20116357U807w0WaOq.jpg


空白间隔区块的标准状态

https://ithelp.ithome.com.tw/upload/images/20210921/20116357V8pGvHaeq4.jpg


按着「白点」可以往上往下拉动,控制留白的高度

https://ithelp.ithome.com.tw/upload/images/20210921/20116357csfCdfnRTk.jpg


转换为「群组」区块

https://ithelp.ithome.com.tw/upload/images/20210921/201163574JW6IxXoVf.jpg


「群组」区块可以调整文字和背景色彩

https://ithelp.ithome.com.tw/upload/images/20210921/20116357dezB6X7udV.jpg


空白间隔区块 | 设定

https://ithelp.ithome.com.tw/upload/images/20210921/20116357R7tmabcGRu.jpg


HTML 锚点和附加的 CSS 类别

https://ithelp.ithome.com.tw/upload/images/20210921/20116357OcQE9FTKkA.jpg


廷伸阅读:

什麽是区块编辑器?
什麽是 WordPress 空白间隔区块?


<<:  [Day 21] Node 注册事件 2

>>:  Day 6 - 用 canvas 复刻 小画家 直线

[Day 26] 应用一:威利在哪里?

我的Computer Vision style就是:实际用CV来处理现实中遇到的问题 看到标题, ...

[DAY22]安装Heroku Postgres插件

回到Heroku登入後点选resources 按下add-ons 找到Heroku postgres...

Day 13. slate × Interfaces × Positioning

紧接着这一篇要来探讨 slate 是如何实现『定位』这件事的。 在开发以 text 文字资料模型为...

[Day30] 总结

终於到最後一天啦! 很感谢 iT 铁人赛,在这一个月内,不只把我本来知道的东西透过文字或影像记录下...