スマホサイトのデザインをいじっていた時、
</br>を使って文字を改行させようとした所、
何度やっても、なぜかbrが効かず、文字が一列になってしまい、困り果てた事がありました。
- PCサイトではちゃんとbrは効く。
- TinyMCE Advancedのbr表示もONになってる。
- <P>など、別のタグなら効く
と、なぜbrだけが効かないのだろうと原因を探っていた所、
あ、自爆してる・・という事に気付いたので、
同じ状態になってる場合は、チェックしてみてください。
スマホサイトだけ文章を折り返さない設定にしていた
原因はこれでした。
私は、PCサイトでは、
長い文章はbrを使って読みやすいように
自分で折り返しているのですが、
スマホサイトだと、逆に読みづらいので、
スマホでは折り返さないように、
br {display:none;}
ってタグを自分でスマホ用CSSに入れてたんですよ(汗)。
そう、これが入ってるから、メニューとかサイドバーとかで
brを使っても全然効かないわけです。
そこで、そのCSS部分をこう変更しました。
.post br {display:none;}
こうする事で、postクラス、つまり記事本文だけbrが効かないようにして、
サイドバー、メニュー、フッターなどの部分ではbrはちゃんと効くようになったわけです。
これ、WordPressテーマによっては、最初から同じようにスマホサイトだけbrが効かない設定になってる場合もあるので、調べてみると良いです。
もしかしたら、そのテーマ特有の設定で、
「スマホサイトではbr改行しない」っていうチェックボックスがある可能性もありますし、
CSSの中を「br」で検索してみて、
display: none; になっているパートがないかをチェックしてみて、
そこを改ざんする事で、治ったりします。
