如何在WordPress块之间添加或删除空格(4种方式)

你想添加或删除的WordPress块之间的空白空间?

添加或你的WordPress块之间消除空白让你在你的WordPress网站的设计更多的控制.

在这篇文章中,我们将告诉你如何添加或删除WordPress的块之间的空白,一步一步来.

为何增加或WordPress的块之间的删除空白空间?

WordPress的使用内置的WordPress块编辑器.

创建自定义网页和帖子容易

不过,您可能会注意到,当你添加某些块,有太多或太少的间距.通过添加或你的WordPress块之间消除空白,您可以创建自定义页面布局完全相同,只要你愿意.

拥有超过最终的WordPress网站设计更多的控制,您可以为您的访问者提供更好的用户体验.

话虽这么说,让我们来看看如何添加或删除网站上的WordPress块之间的空白.只需使用下面的快速链接直接跳转到您要使用的方法.

  • 添加空白空间与WordPress块编辑
  • 添加或通过将代码添加到WordPress删除空白空间
  • 添加或与CSS英雄删除空白空间
  • 添加或与SeedProd
删除空白空间

方法1.添加WordPress的块之间的空白空间中具有块编辑

到您的块之间添加空白空间被使用的WordPress块编辑器的最简单方法.有一个内置的间隔块,可以让你添加空格与点几下.

要使用它,打开你要编辑的帖子或页面,点击"加号"加挡按钮.

然后,搜索"间隔",并选择该块.

这将自动插入一个间隔件到页面中.

可以使它更大或更小的通过或拖动块上下.

一旦你完成后,点击"更新"按钮保存更改.

请记住,这种方法只允许你块之间添加空间.要删除的空间,则需要使用以下其他方法之一.

方法2添加或通过添加自定义CSS

卸下WordPress的块之间的空白区域

另一种方法是你的块之间添加并删除空白是通过添加自定义CSS代码到你的主题.

如果您还没有这样做之前,我们建议您看看我们如何在开始之前,可以轻松地添加自定义CSS的WordPress的现场指导.

接下来,打开的页面或张贴要编辑,然后单击要添加或删除空白块上.

然后,单击右手选项面板中的"阻止"菜单项.

之后,向下滚动到"高级"下拉菜单,点击它.这带来了一组用于该块的附加选项.

然后,在"额外的CSS类"框添加以下代码:

.add-remove-bottom-space
2
订阅评论
提醒
0 评论
内联反馈
查看所有评论