WordPress實現中英文數字之間自動加空格排版

　　一般來講中文與英文、中文和數字之間加上空格的排版會更加好看，可是若是讓咱們在編輯文章的時候人工添加，感受很是繁瑣和讓人厭煩，因此今天龍笑天下就來跟你們介紹一下WordPress如何實現中英文數字之間自動加空格的排版技巧。（PS：其實很早就想加上這個功能了，但奈何懶癌發做…）

　　第一步：html或body標籤中加入han-la類

　　在html標籤中添加class=」han-la」（通常在header.php文件中）。可是並非硬性規定，如今不少博客都是經過功能函數動態加載class類，那麼一樣的，你也能夠將這個han-la類動態加載到body中去。將類加載到html標籤中的方法就不說了，這裏說下怎麼加載到body標籤中，固然在這裏，你的主題應該是使用了body_class()這個標準函數的。
　　/**

　　*WordPress實現中英文數字之間自動加空格排版-龍笑天下

　　*https://www.jkys120.com/article/95496/

　　*在body標籤中加入han-la類

　　*/

　　function lxtx_add_hanla_to_body_class($classes){

　　$classes[]='han-la';

　　return$classes;

　　}

　　add_filter('body_class','lxtx_add_hanla_to_body_class');

　　另外，值得一提的是該函數也會暴露一個問題，具體見下文：

　　（全網獨家）如何正確的避免你的WordPress管理員登陸用戶名被暴露

　　第二步：引入js文件

　　在jquery文件後面引入text-autospace.min.js或text-autospace.js，下載地址爲：https://github.com/mastermay/text-autospace.js

　　/**

　　*WordPress實現中英文數字之間自動加空格排版-龍笑天下

　　*https://www.jkys120.com/article/95496/

　　*加入text-autospace.min.js文件

　　*/

　　function lxtx_styles_scripts(){

　　//全局加載js腳本

　　wp_enqueue_script('han-la-js',get_template_directory_uri().'/includes/js/text-autospace.min.js',array('jquery'),'',true);

　　}

　　add_action('wp_enqueue_scripts','lxtx_styles_scripts');

　　注意修改代碼中第8行的文件引用路徑哦~

　　最後一步：添加CSS代碼

　　將如下代碼加入你的style.css文件中。

　　/*han-la xtx*/

　　body.han-la hanla:after{

　　content:"";

　　display:inline;

　　font-family:Arial;

　　font-size:0.89em;

　　}

　　body.han-la code hanla,body.han-la pre hanla,body.han-la kbd hanla,body.han-la samp hanla{

　　display:none;

　　}

　　body.han-la ol>hanla,body.han-la ul>hanla{

　　display:none;

　　}

　　固然，若是在第一步中，你是將han-la類class加到html標籤中的話，在這一步中你須要將以上CSS代碼中的body全改成html。