17713433920 info@mac163.com

是否希望在WordPress可视化编辑器中使用换行符为您的博客帖子留一些额外的空间?您可以通过文本编辑器使用典型的<br />标记插入一个中断,但是,如果添加多个中断,它们将被剥离。有时您需要一些空间,因此删除中断或将其转换为段落根本不会。

如果您是在这个问题上苦苦挣扎的人之一,请不要担心,因为今天的每日代码技巧将使您可以随时随地使用换行符。

WordPress的换行简码

只需将以下短代码插入您当前WordPress主题或者子主题functions.php函数文件中(如果您不确定如何创建子主题,请查看我们完整的WordPress子主题指南):

/* ------- Line Break Shortcode --------*/
function line_break_shortcode() {
	return '<br />';
}
add_shortcode( 'br', 'line_break_shortcode' );

在您的帖子中添加换行符

现在将代码添加到functions.php文件中,在可视化编辑器中创建换行符所需要做的就是在需要空格的地方插入简码。


例:

这是一些文字。

这是换行后的更多文本。

添加两个换行符后,这甚至是更多文本。

应显示为:

这是一些文字。
这是换行后的更多文本。

添加两个换行符后,这甚至是更多文本。

如何在没有简码的情况下向WordPress帖子添加换行符

如果您不是在寻找简码,而只是一种换行符,那么您很幸运。还有其他选项可以在不创建自定义简码的情况下向您的WordPress网站添加换行符。

向WordPress添加换行符的简单方法

一个简单的选择是仅按住Shift键并单击Enter。这将在您键入时将您的文本推到下一行(而不是单击Enter只会创建一个新段落)。快速简便的解决方案!

注意:这仅适用于一个换行符。添加两个或多个中断只会导致WordPress强制将您的文本插入新段落。因此,如果要在内容之间创建较大的空隙,请使用shortcode方法,或者可以添加一些CSS。

使用内联CSS添加大换行符

如果由于某种原因您想要一个巨大的缺口,那么可以在您的帖子中直接输入CSS。创建帖子时,单击右上角的“文本”选项卡以打开帖子编辑器的HTML端。

wordpress-visual-text-editor
wordpress-visual-text-editor

找到您要在其下方添加空白的段落,然后添加段落标签(在开头的<p>以及</ p>和结尾的末尾)。然后使用style属性在您的段落中添加一个底部空白,如下所示:

<p style =“ margin-bottom:100px;”>这是我要在其后添加100像素间距的段落。</ p>

如果要在上方添加空间,请改用margin-top属性。现在,如果您单击返回编辑器的“可视”侧,您应该能够看到与您输入的像素大小完全相同的间隙。

add-large-gap-css
add-large-gap-css

微信二维码

微信扫描二维码联系我们!
我们在微信上24小时期待你的声音
提供外贸路由器设备产品,轻松翻墙,解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建等!


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
回到顶部