• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

OM Blog

Digital Artist Hacks!

  • Blog
    • 3DCG制作講座
    • 映像制作講座
  • Wiki
  • About
  • Contact
    • 3DCGデザイナー他 外部スタッフ募集
現在の場所:ホーム / ウェブ制作 / ヘルプ: WordPressの購入テーマでコンテンツ文章が勝手に改行される

ヘルプ: WordPressの購入テーマでコンテンツ文章が勝手に改行される

11/08/2015 By Ochiai Mitsuo Updated: 11/08/2015 コメントを書く

WordPressの購入テーマ「Monstroid」を使用していたところ、コンテンツ文章が妙なところで改行されていることに気がつきました。スペースの後や「、」の後等で勝手に改行され、ものすごく読みにくい状態になってしまった。他の有償テーマでも起こる場合もありますので参考になれば幸いです。


原因はCSSのword-break

コンテンツ文章が改行している箇所をFirefoxのアドオンであるFirebugを使い1つずつCSSをブロックしていったところ、Word-breakというCSSの記述をブロックしたところで謎の改行が解消されました。とりあえず、応急処置としてコンテンツの改行がおかしなところで改行されないよう以下のように修正しました。

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です。


Filed Under: ウェブ制作

関連コンテンツ



Reader Interactions

コメントを残すコメントをキャンセル

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

最初のサイドバー

[PR] CG専門講師の初心者向けAfter Effects本

OM Blog Topics

  • After Effectsで動画データをループする方法
  • 台湾の通販で使える中国語キーワード
  • 台湾の購入代行サービス まとめ
  • CGソフトウェア 学習トレーニングサイト
  • Autodesk 3dsMax プラグインリスト
  • Adobe Photoshop プラグインリスト
  • 私のパソコンスペック
  • Windows ムービー メーカー提供終了。無料の代替えソフトは「フォト」です。
  • Photoshopのテキストレイヤー名の自動更新設定を復元する方法
  • PSDデータが開けない場合の対処方法

RSS OM Wiki Topics

  • OM Wiki
  • Formatting Syntax - ↷ 移動操作に合わせてリンクを書き換えました。
  • Asciidoc - [テーブル]
  • ImageMagick - [ダウンロード & インストール]
  • アニメーションの作り方

アーカイブ

Copyright © 2025

  • プライバシーポリシー