欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

361模板网

当前位置:361模板网 > 技术文档 > 网站技巧 > #WordPress小教程#文章排版实现中、英文、数字间自动添加空格
这篇文章主要为大家详细介绍了#WordPress小教程#文章排版实现中、英文、数字间自动添加空格,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

 在默认情况下WordPress文章中的中、英文、数字间是没有空格的,除非自己一个个敲上去,但是我们都知道在中文与英文、中文和数字之间加上空格的排版会更加好看,观感和阅读上显得更加分明,也就是说整体的排版会更加的好看。但是如果在编写文章的时候我们一个个的添加上去,就会显得特别的繁琐和降低编辑或写作效率了,感觉非常繁琐。所以今天就来跟大家介绍一下WordPress如何实现中英文数字之间自动加空格的排版技巧。

#WordPress小教程#文章排版实现中、英文、数字间自动添加空格

在当前主题 functions.php 文件中添加以下代码即可:

//文章中英文数字间自动添加空格(写入数据库)
add_filter( 'wp_insert_post_data', 'fanly_post_data_autospace', 99, 2 );
function fanly_post_data_autospace( $data , $postarr ) {
$data['post_title'] = preg_replace('/([\x{4e00}-\x{9fa5}]+)([A-Za-z0-9_]+)/u', '${1} ${2}', $data['post_title']);
$data['post_title'] = preg_replace('/([A-Za-z0-9_]+)([\x{4e00}-\x{9fa5}]+)/u', '${1} ${2}', $data['post_title']);
$data['post_content'] = preg_replace('/([\x{4e00}-\x{9fa5}]+)([A-Za-z0-9_]+)/u', '${1} ${2}', $data['post_content']);
$data['post_content'] = preg_replace('/([A-Za-z0-9_]+)([\x{4e00}-\x{9fa5}]+)/u', '${1} ${2}', $data['post_content']);
return $data;
}

上面的代码的功能主要用于在WordPress后台编辑时执行,也就是当我们发布、更新、保存文章的时候就会自动执行,写入数据库的内容都将是自动添加了空格的,并且处理的对象为文章标题与文章内容。也就是说只对新发布的文章生效,当然你也可以批量的更新一下文章也是可以生效的。

当然为了更加良好的兼容性或者另外一种方法,还提供了另外一种方法,就是不直接在写入数据库前执行,而是当WordPress输出文章内容的时候执行,代码如下:

//文章中英文数字间自动添加空格(不写入数据库)
add_filter( 'the_content','fanly_post_content_autospace' );
function fanly_post_content_autospace( $data ) {
$data = preg_replace('/([\x{4e00}-\x{9fa5}]+)([A-Za-z0-9_]+)/u', '${1} ${2}', $data);
$data = preg_replace('/([A-Za-z0-9_]+)([\x{4e00}-\x{9fa5}]+)/u', '${1} ${2}', $data);
return $data;
}

这样的方式就是当前端显示的内容时才会执行自动给中英文数字间添加空格,其它地方是不会别执行的,同时只针对文章内容生效,文章标题无法被格式化。

两种方法方法都能实现WordPress文章排版实现中中、英文、数字间自动添加空格,大家可以根据自己的需求选择适合自己的。

以上就是#WordPress小教程#文章排版实现中、英文、数字间自动添加空格的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: WordPress 文章排版

上一篇WordPress小教程在文章中插入HTML/PHP代码

下一篇织梦模板实现TAG标签按栏目显示 只显示当前栏目标签

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在