【SWELL】メインビジュアルが表示されない時の対処法

WordPressの有料テーマ「SWELL」で、メインビジュアルが表示されない時の対処法をまとめました。

目次

SWELLのメインビジュアルが表示されないのはURLエラー

メインビジュアルとは、以下の部分です。

SWELL,メインビジュアル,表示されない,対処法

ここに画像を入れようとして表示されない場合、画像のURLが違うことが原因です

対処法は以下。

URLエラーの確認方法

まずは以下の手順で進みます。

STEP
管理画面→外観→カスタマイズを開く

カスタマイズエディタを開きます。

SWELL,メインビジュアル,表示されない,対処法
WordPress管理画面→外観→カスタマイズ
SWELL,メインビジュアル,表示されない,対処法
カスタマイズエディタが開きました
STEP
トップページ→メインビジュアル→画像を選択

メインビジュアルまで進み、少しスクロールすると以下の「画像を選択」部分が出てきます。

SWELL,メインビジュアル,表示されない,対処法
トップページ→メインビジュアルまで進み、少しスクロールすると「画像を選択」が出てくるのでクリック
STEP
表示したい画像を選び、ファイルのURLを確認

この部分が「http」になっていたら、URLエラーです。正しくは「https」です。

SWELL,メインビジュアル,表示されない,対処法
ファイルのURLがhttpになっていたらURLエラー

URLが「https」なのに画像が表示されていない場合はバグの可能性があります。SWELLのサポートに問い合わせましょう。

メインビジュアルを表示させる方法

STEP
管理画面→設定→一般

再び管理画面に戻り、設定→一般の順に進みます。

SWELL,メインビジュアル,表示されない,対処法
WordPress管理画面→設定→一般
STEP
URLを「https」にする

エラーが起きている場合、ここが「http」になっていますので「https」に変更します。

変更をしたら必ず「変更を保存」ボタンをクリックしましょう。

SWELL,メインビジュアル,表示されない,対処法
上記画像のURLをhttp→httpsにして、「変更を保存」する
STEP
外観→カスタマイズ→トップページ→メインビジュアル→画像を選択→表示させたい画像

設定が終わったら再び外観から選択画像まですすみ、表示させたい画像を選びます。

この時に画像URLが「https」になっていれば画像が表示されます。

SWELL,メインビジュアル,表示されない,対処法
URLエラー確認方法と同じ手順で進み、URLを確認。httpsになっていればOK
SWELL,メインビジュアル,表示されない,対処法
画像が表示されました!

バッチリ表示されています!

URLのエラーはどうして起こるの?

サーバーのSSL(セキュリティ)が関係しています。

WordPressを始めるときにほとんどのサーバーで自動SSLが付与されます。その際、WordPress側でも「このブログはセキュリティがかかっていて安全ですよ」という設定をしなければなりません。それが上記のステップです。

「https」の「s」はセキュリティというわけです。

URLは特別な設定をしていない限り完全一致でないとエラーが起きます。今回のエラーの原因をざっくり説明するとこんな感じです。

追記

2021/8/25【備忘録】

pngの場合、https化した画像でもスマホ閲覧時には表示されないエラーがあるようです。

この場合は拡張子を「png」→「jpg」に変更することで表示されました。

SWELLのメインビジュアルを活用して伝わりやすいブログを作ろう

いかがでしたでしょうか。

メインビジュアルはユーザーが最も閲覧し、クリックされやすいコンテンツです。正しく表示して、多くのユーザーに記事を読んでもらいましょう。

SWELLについては以下の記事でもご紹介しています。合わせてお読みください。

商品名WordPressテーマ SWELL
販売価格¥17,600(税込)
(※ お支払いは一度限りです。月額や年額ではありません。)

ランキング参加しました!応援よろしくお願いします

ブログランキング・にほんブログ村へ

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

よかったらシェアしてね!
目次
閉じる