このブログはブログテーマ"Swell"を使っています。 Swell公式サイト

【WordPress】ブログテーマJINでスマホヘッダー画像がうまく表示されない時の解決方法

こんにちは、ノオト(@knowledge_notes)です。

ノオト

これまでブログテーマはJINを使っていました。 パワーポイントでヘッダー画像を作成したのですが・・。うまく反映されません。

2021年9月までWordPress(ワードプレス)でブログテーマJINを使っていました。

ヘッダー画像をパワーポイントで作成してみたのですが、うまく反映されない!今回はそんな悩みに答えます。

本記事のテーマ

WordPressのブログテーマ『JIN』を使っている人に向けて、スマホヘッダーの表示問題を解説します。

・スマホヘッダー画像がうまく表示されない時の解決方法

本記事の信頼性

この記事を書いている私はこんな人です。

・JINを2年使っています
・実際にこの問題に遭遇し、問題解決

読者へのメッセージ

この記事を読むことで、だれでも簡単に解決することができます。

サクサク問題解決していきましょう。

それでは行ってみましょう♪

ブログテーマJINにおいて、スマホヘッダー画像表示されない症状

スマホヘッダーが画像表示されない症状について解説します。

PCでのヘッダーの見え方

PCではこのように、表示することができています。

スマホでの見え方

ウキウキで画像を作成し、いざ貼り付け。

しかし、自分のスマホで確認したところ、ヘッダーが反映されません。

何かうすい水玉のような灰色の画像が表示されてますね。

これでは、テンションも半減です。
なんか高さも高めだし。

ヘッダーの症状比較

  • PCの管理画面では、プレビューできる。(GoogleChromeを利用)
  • スマホでは、うまく表示されない。(Iphoneのサファリを利用)

今回は、この症状を解決していきたいと思います。

ブログテーマJINにおいて、 スマホヘッダー画像表示されない場合の2つの対処方法

スマホヘッダー画像が表示されない時の2つの対処方法について解説します。

対処方法1キャッシュのクリア

スマホのキャッシュクリアを試す方法です。

キャッシュとは、読み込みを早くするために、スマホやPCが保持する情報です。同じサイトを2回目見に行くときは、このキャッシュを使うことでスムーズな表示を実現しています。

このキャッシュが、何らかの理由により古いままだと新しい画像が更新されない場合があります。その時は、このキャッシュクリアを試すことが有効な対処方法の1つです。

IPhoneでは、設定⇒Safari⇒履歴とWebサイトデータを消去から行います。

IPhoneのSafariにおけるキャッシュクリア、履歴とデータの消去

”消去すると、履歴、Cookie、その他のブラウズデータが削除されます。iCloudアカウントにサインインしているデバイスから履歴が消去されます。”と出ます。

気にならなければ「履歴とデータを消去」を選択しましょう。

もう一度サイトを開いて確認します。
治りましたか?

ノオト

私の場合は、まだ、うまく表示されません。対処方法2に続きます。

対処方法2JINの設定を確認

何度更新しても直らない人は、設定を見直すことをオススメします。

確認すべきはこの設定です。

外観⇒カスタマイズ⇒ヘッダー画像設定を開きます。
左側のメニューを一番下までスクロールしてみてください。
【スマホ用】ヘッダー画像の設定があります。

【スマホ用】ヘッダー画像を設定する箇所があります。

この【スマホ用】ヘッダー画像が設定なされているかどうかを確認してください。

私の場合はこの設定で解決することができました。

ノオト

あら・・・ただの設定もれ?

スマホヘッダーに画像が表示されないときは、”【スマホ用】ヘッダー画像”を確認しよう。

オススメブログテーマ『SWELL』

この記事をリライトしている現在ではブログテーマをJINからSWELLに移行しています。

実は、Wordpressの設定が思うようにいかず、一度ブログをやめようかなと思ったときがありました。

けれども、ブログを継続できているのは実はSWELLのおかげだったりします。

その秘密は、「圧倒的使い心地」です。

WordPressに詳しくなるためのオススメ書籍

WordPressの書籍はたくさん出ていますが、その中でも一番やさしい入門書を選びました。

created by Rinker
ソーテック社
¥2,398 (2021/09/03 13:21:48時点 Amazon調べ-詳細)

この記事が気に入ったら
フォローしてね!

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