ネビ活 | ブログで稼ぐ月30万超えのネット起業生活

ブログで稼ぐ事を本業とし、何もない弱者から逆転せよ!

WordPressでスマホサイトだけbrが効かない!?の原因は自爆の可能性大

投稿日:

スマホサイトのデザインをいじっていた時、
</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; になっているパートがないかをチェックしてみて、
そこを改ざんする事で、治ったりします。

 

  • この記事を書いた人

根菱(ネビさん)

ネット起業家でブログライター。就職失敗、引きこもり絶望後、海外脱出し人生リセットするも現地でも時給700円のブラック雇われ。30歳の時にこんな弱者人生続けちゃダメだと真剣にネット起業し、収入が倍増。弱者脱却!起業家人生も9年目に突入。作ったブログが月80万PV達成。プロフ , 根菱は何位? ,ポチッとな

よく読まれてる記事

詐欺教材 1

ブログやYoutube、Twitterなど、ネットで稼ぐ場合、 その稼ぎ方を教えてくれる教材(情報商材)や、オンライン塾、講座といったものを使って、 やり方を勉強しながら通常は稼いでいくわけですが、た ...

2

ここでは、ネビ活管理人の根菱が過去ネットビジネスを8年以上やってくる間に 50個以上買ってきた教材の中で 実際に稼ぎが増えた、本当に役立ったというものを厳選してランキング形式で紹介していきます。 &n ...

-ブログの不具合解決

Copyright© ネビ活 | ブログで稼ぐ月30万超えのネット起業生活 , 2019 All Rights Reserved.