MENU

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

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

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

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

この記事のハイライト

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

目次
バナーClaude Code

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割という今の時代。パソコン用の画像では縮小されてわかりづらくなってしまうかもしれません。

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

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

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

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

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

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

この記事を書いた人

集客って色々あってむずかしい
SNSに多くの時間を割くより
もっと本業に集中したい

そんな個人起業家の皆さんが
集客について知りたくなった時

あそこに行けば知りたいことがわかる
ここがあってよかったと
喜んでいたでける
そんな場所にしたい。


私はセラピストとして自宅サロンを運営してきました。
お客様がお疲れを癒し
人生を豊かにするお手伝いをしたい。

そんな思いでやってきましたが。
思うように成果が出せず
安定しないサロン運営

どうすればいい?と

技術向上のための手技
脳科学
マーケティング理論
スピリチュアル

など、その答えを見つけようと
たくさんのセミナーを受けてきました。

どこかに上手くいく答えがあるはず
と探し求めていましたがなかなか見つからず

こんなこといつまで続くの?
と不安で半ば諦めかけていたところ


集まる集客®️総研の長瀬葉弓さんに出会いました。


「たった一人に想いを伝えるラブレター」に触れ感激。

SEO対策って個人でできることを初めて知り
リサーチャーにチャレンジすることにしました。

自分自身を磨きながら
個人起業家の皆さんが
「集める集客から集まる集客へ」を叶えられる情報をお伝えしていきたいと思います。


プライベートは

夫と二人暮らし
趣味は美術館巡り
お酒と美味しいものに目がない
昼呑み最高な
山羊座のA型
兵庫県尼崎在住です。

目次