WordPressの購入テーマ「Monstroid」を使用していたところ、コンテンツ文章が妙なところで改行されていることに気がつきました。スペースの後や「、」の後等で勝手に改行され、ものすごく読みにくい状態になってしまった。他の有償テーマでも起こる場合もありますので参考になれば幸いです。
原因はCSSのword-break
コンテンツ文章が改行している箇所をFirefoxのアドオンであるFirebugを使い1つずつCSSをブロックしていったところ、Word-breakというCSSの記述をブロックしたところで謎の改行が解消されました。とりあえず、応急処置としてコンテンツの改行がおかしなところで改行されないよう以下のように修正しました。
1 2 3 |
.entry-content { word-break: break-all; } |
word-breakというCSS自体今回はじめてみたのですが、単語の途中で改行するかどうかの設定することができるもののようです。もともと購入したテーマでは、「word-break: keep-all」となっていたのですが、日本語、中国語、韓国語などではスペースや「、」の後で謎の改行が入ってしまうようです。日本語をメインとしているブログ、ウェブサイトであれば「word-break: normal」か「word-break: break-all」でOKです。
コメントを残す