みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

ワードプレスでの改行について質問です。

ワードプレスでの改行について質問です。

pcで改行をしてスマホで改行を無視するようにするためcssに以下のように追加しました。
@media only screen and (max-width: 767px) {
br {
display: none; }
}

このようにした場合、スマホから見た個別ページに部分的に強制改行を加えたいと思った場合、どのようにしたらよいのでしょうか?

よろしくお願いいたします。

投稿日時 - 2018-11-30 09:02:43

QNo.9563144

困ってます

質問者が選んだベストアンサー

Pかなw
ただ、WordPressって、勝手に改行を加える所が確かにあり
プラグインなどで、あのうっとうしい自動Pを削除するツールすら
ありますが、この習性を利用して、逆にPを使ってしまうという手は
ありますね。もし、今現在Pを使っていて独自のCSSがあるなら、
classわけして、、<p class=p_br>なんたら
なんてな使い方もありますが。
要するにPじゃなくても、ブロック系タグ要素を使えば確実に
改行されることを利用すればOKではないでしょうか?
あまり、SPで改行削除を考えたことがなかったので、
取り急ぎこんな感じになりましたが。どうでしょうか?

後は、最後の手段?
:html
PC
<div class=PCSP>改行あり</div>
SP
<div class=PCSP>改行なし<div>改行あり</div></div>
--
:css
div.PCSP div 改行ありのCSS <- DIV 内のDIVは別モードとして定義
               PC/SPともにDIV内DIVは改行ありにするため。
div.PCSP 改行{ありなし}のCSS <-  メディアクエリでは、ここだけを書き換える

って感じで、メディアクエリで部分的なCSSの切り替えに使うのもありかもです。
スコア的に、class書いた方が上位なので、素直に<br class=xxxx>してもいいんですがね。
(ごめんなさい、最後の1つが一番効率良いかもw)

投稿日時 - 2018-11-30 12:07:38

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問