WordPressのスマホとPCで表示する画像を変更したい！デバイス(端末)によってヘッダー画像を切り替えてください

WordPressのスマホとPCで表示する画像を変更したいので代行作業をお願いします

今回ご紹介する事例のお問い合わせ内容は、下記の通りです。

W様（飲食業）

WordPressでホームページを運営しています。

パソコン版とスマホ版のヘッダーに、それぞれ違う画像を表示させてください。

というのも、パソコン版で使用している画像の文字が、スマホで見ると小さくて見えにくいのです。（タブレットでは特に問題ありませんでした。）

できれば、プラグインを使用しないで画像が切り替わるように設定していただきたいです。

スマホ用の画像はこちらで用意できますので、設定のみをお願いします。

お客様の状況は以下の通りでした。

現在ほとんどのWebサイトは、閲覧するデバイス（端末）の画面サイズに応じて、適したページレイアウトで表示されます。

これをレスポンシブウェブデザイン（以後レスポンシブデザイン）といい、PC、スマホ、タブレットのように画面サイズが異なるデバイスでも、快適にWebサイトを閲覧することができるようになっています。

お客様のサイトを確認しますと、WordPressテーマは「Twenty Twelve」で、レスポンシブデザイン対応のテーマを使用されていました。

レスポンシブデザインは、1つのデザインで異なるデバイスに対応できるメリットがあります。

しかし、お客様によりますと、ヘッダー画像が、PCやタブレットでは分かりやすいデザインでも、スマホでは文字が小さく潰れて見え、レイアウトも気になるとのことでした。

スマホサイズに適した画像を表示するためにも、ヘッダー画像をそれぞれのデバイスへ表示させる設定を行う必要があります。

以上の点を踏まえて、弊社では、下記のような対応をさせていただきました。

事前にお客様からお聞きした情報は以下の通りです。

必要な情報

続いて、下記の作業内容により、お客様のご要望を実現することができました。

作業内容

今回ご紹介したケースの場合、弊社では2万5,000円（税別）にて対応いたしました。

業者によって設定されている価格が異なり、同じ作業内容であっても高額な見積もりを出される場合もありますので、依頼先を検討する際には必ず他社見積りを取りましょう。

今回ご紹介したようなケース以外にもホームページのことでお困りの場合は、お気軽に弊社までお問い合わせください。

弊社にお問い合わせいただく70％は、専門知識を持たれていない読者様からです。

わかりやすい言葉でご説明させていただくように心がけておりますので、お気軽にご相談くださいね。

下記の画像をクリックしていただくと、無料診断フォームに遷移します。

プッシュエースの登録方法については、下記の記事でご紹介しています。