WordPressテーマSWELLでPCとスマホで異なる表示を設定する方法｜FAQ#071

WordPressのテーマSWELLを使ってます。
PCではそのままの一行、スマホでは改行させたいところで改行した表示にするということはできますかか？

SWELLでPCとスマホで異なる表示を設定する方法

STEP

PC（スマホ以外のデバイス）での表示用とスマホでの表示用として、同じブロック（同じデザインで同じ文章）を２種類作成

ブロックを選択するとその上部に表示されるブロックメニューの右端の「縦三点リーダー（詳細アイコン）」をクリック⇒「複製」をクリックすると、全く同じブロックができます。

STEP

２つになったブロックのうちの１つをクリックして選択

STEP

右側のブロック設定で、下の方の「高度な設定」をクリック

STEP

追加CSSクラス欄に下のコードを入れてください

パソコン（スマホ以外のデバイス）で表示

pc_only

スマホで表示

sp_only

STEP

PC、スマホでの表示を確認してください。

ブラウザの幅を狭めてスマホでの状態も確認できますが、きちんとスマホで確認することをオススメします。

ご質問などありましたら気軽にお問い合わせください。
Facebookでご縁をいただいている方は、メッセンジャーでもOKです。

よかったらシェアしてね！