首页 > 技术 > 正文

#教程# 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',$data['post_title']);

$data['post_content'] = preg_replace('/([x{4e00}-x{9fa5}]+)([A-Za-z0-9_]+)/u',$data['post_content']);

$data['post_content'] = preg_replace('/([A-Za-z0-9_]+)([x{4e00}-x{9fa5}]+)/u',$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',$data);

$data = preg_replace('/([A-Za-z0-9_]+)([x{4e00}-x{9fa5}]+)/u',$data);

return $data;

}

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

网友评论

验证码 换一张
取 消
暂无评论...
为您推荐
  • 相关阅读
  • 业界资讯
  • 手机通讯
  • 电脑办公
  • 新奇数码
  • 软件游戏
  • 科学探索