TCDテーマCORE:本文内に含まれるURL等が折り返されず、表示が崩れる時の対策

Q.URLが折り返されずに表示が崩れる

投稿本文にURLや英文が含まれている場合に、
適切に文字列が折り返されず、表示が崩れる場合があります。

A.カスタムCSSを利用します

URLが含まれる投稿の編集画面にあるカスタムCSSか、
「テーマオプション」→「基本設定」にあるカスタムCSS
以下の記述を追加していただくことで、URLが途中で折り返され、表示崩れが解消できます。

追加するCSS:

p {
word-break: break-all;
.post_content span {
    word-break: break-all;
}
.post_content a {
    word-break: break-all;
}
}

※投稿記事の編集画面のカスタムCSSに追加すると当該記事でのみ折り返しが有効となり、
 「テーマオプション」→「基本設定」のカスタムCSSに追加すると全ページで折り返しが有効となります。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事