首页 > CMS > Wordpress > 正文

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

2024-09-07 00:49:44
字体:
来源:转载
供稿:网友
这篇文章主要为大家详细介绍了#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小教程#文章排版实现中、英文、数字间自动添加空格的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持武林网。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表