WordPress にて日本語文中で半角英数字の使用するとき前後に狭いスペース   を自動で挿入し文字間隔(字送り)を調節する関数をつくりました。変な位置での改行がなくなるし、半角英数字の前後に少し間が開くので文章も読みやすくなります。

変な位置で改行されてしまう問題

WordPressにて日本語文中で半角英数字の使用するとき前後に狭いスペース<code>&amp;thinsp;</code>を自動で挿入する関数をPHPで書いた。

例えば上記のような文章を HTML で表示した場合、下の図のように「スペース」の最後の「ス」の字が次の行になってしまうことがあります。 Mac Firefox 54.0.1 にて。

Firefox でのスペースありなしでの改行の位置と狭いスペースの幅

それを防止するために半角スペースを入れて文章を書いていたのですが、なんとなく間延びしてしまうのでもう少しどうにかならないかと思っていました。調べてみると HTML の特殊文字に普通の半角スペースよりも狭い幅のスペースである &thinsp; というのがあるのを知ったので、それを自動で挿入するように WordPress で関数を書きました。

上の例文が下記のように変換されます。

WordPress&thinsp;にて日本語文中で半角英数字の使用するとき前後に狭いスペース&thinsp;<code>&amp;thinsp;</code>&thinsp;を自動で挿入する関数を&thinsp;PHP&thinsp;で書いた。

特殊文字で表現するいろいろなスペース

関連記事

WordPress 3.3.1 の投稿エディタのフォントを変更する
WordPress
thumbnail WordPress 3.3.1で投稿エディタの全角と半角の区別がつかない
WordPress 2.6 日本語版リリース
WordPress
thumbnail ぼやき
WordPress でエスケープしたショートコードが自動抜粋時に実行される不具合に対処
WordPress
thumbnail ぼやき
WordPress ではタイトルの最初の 22 文字(全角)が同じだとインポートできない
WordPress
thumbnail パーマリンク設定
WordPress でインポートに失敗する件【解決】
WordPress
thumbnail ぼやき
WordPress コメント表示に Get Recent Comments を使ってみる
WordPress
thumbnail ぼやき