MENU

Q、WordPressでスマホの表示だけ画像を変えることはできますか?A、SWELLなら簡単にパソコンとスマホ表示を分けられます

Q,WordPressでスマホの表示だけ画像を変えることはできますか?のアイキャッチ画像
🔰リサーチャーまるお

パソコンではキレイに見えても、スマホで見たらなんかちょっと残念な感じで、、、WordPressって、スマホだけ画像を変えることってできるっすか?

大丈夫!SWELLならカンタンに“スマホだけ別の画像”って設定できるよ。今日はその方法をわかりやすく説明するね!

この記事のハイライト

・SWELLならスマホとPCで画像を分けるのはとっても簡単
・HTMLやCSSをいじらなくてもブロックエディターで実現できる
・スマホの表示を意識すると、お客様の滞在時間と印象が大きく変わる!

目次
集まる集客カレッジ|女性起業家専用の豪華特典プレゼント オプチャで配布中! SNSでもないLINEでもない、AIからの集客ルートを学べる!(セミナー動画と小冊子)伝えるのではなく伝わる構造・ラブレター構造で書くリールの台本や小冊子が、番号を選ぶだけで完成する無料GPTSもらえます。今すぐオプチャで特典を受け取る|Buddy@iオンラインサロン

SWELLでデバイスごとに画像を変える方法

STEP
画像ブロックを2つ用意する

1つはPC用の画像、もう1つはスマホ用の画像

Q,WordPressでスマホの表示だけ画像を変えることはできますか?1
STEP
「デバイス制限」をクリック
Q,WordPressでスマホの表示だけ画像を変えることはできますか?2
STEP
デバイス設定を行う

PC向け画像
 →「表示するデバイスサイズ」で 「PC」 を選択

Q,WordPressでスマホの表示だけ画像を変えることはできますか?3
Q,WordPressでスマホの表示だけ画像を変えることはできますか?4

スマホ向け画像
 「表示するデバイスサイズ」で 「SP」 を選択

STEP
プレビュー画面を確認する

「モバイル」表示で見ると、PCの画像は非表示&スマホ画像が表示されている状態になる!

Q,WordPressでスマホの表示だけ画像を変えることはできますか?5


よくある質問(FAQs)

「スマホ専用画像」って必ず入れなきゃいけませんか?

SWELLを使っている方は、自動でスマホの人にも見やすい画面に変えてくれるので必須ではありませんが、スマホからの閲覧が全体の7〜8割という今の時代。パソコン用の画像では縮小されてわかりづらくなってしまうかもしれません。

「スマホで見たときに美しくわかりやすく見えるかどうか」は、お客様に選ばれるかどうかの分かれ道でもあります。ちょっとの工夫で「信頼度」が変わるのでスマホ用に画像を整えるのはおすすめです。

間違えてパソコンとスマホ、両方の画像が出てしまったら?

気づいたらすぐに修正しましょう。

記事の公開前には必ず「デスクトップ」「モバイル」それぞれの画面で表示を確認しましょう。

この記事を読んだ方にはこちらの記事がおすすめです

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

この記事を書いた人

AIに推薦されるWordPress設計の専門家
集まる集客®︎総研 編集長

実績
集まる集客®︎総研半年で30万PV
未経験、初心者ライター全員が検索1位〜上位獲得し
強調表示やAI引用される記事に。



33歳まで病院管理栄養士や大学・短期大学の教員をしてきました。

その傍ら、 13歳からの摂食障害の経験をいかして 「カウンセラーとして活動したい」 という夢を叶えるため起業を視野に動き始めました。

「資格を増やせば、スキルを増やせば、選ばれるはず」
と起業塾、セミナー、あらゆる講座を受け続け、やっとの思いで本命講座を契約できたのは、活動を始めて6年目、それまでは無料のカウンセリングや500円のセッションだけでした。

そんな状況で、もう起業を諦めかけていた時 出会ったのが「集まる集客」。

初めて受け取った 「ラブレター」に感動!
お客様へのラブレターがかければ 私のように 「集客できない自分を責めてしまう」なんてことが なくなり、多くの人が想いを届けられるようになる!と

2023年WEBマーケの世界に転身しました。

2020年から続けていたWordPressをさらに強みにして、現在はAI推薦されるWordPressを研究中です。

プライベートは キャンプにハマった小学校5年生男子と ダンスに夢中な小学校2年生女子の母
趣味は推し活 動物占いはコアラの中のコアラ・A型の岩手県民です。

目次