あなたの「出来る」をサポート♪ホームページ、パワーポイント、Canva、Linei公式アカウント等

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

2024年5月5日

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

各ページの設定欄で、ブロック単位で設定できます。

目次

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

STEP

PC（スマホ以外のデバイス）での表示とスマホでの表示を２種類作成

STEP

２種類のブロックを１つ選択

STEP

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

STEP

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

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

pc_only

スマホで表示

sp_only

STEP

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

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

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

WordPressでホームページ作成教室・INDEXはこちらから

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

URLをコピーしました！

URLをコピーしました！