テーマをSWELLにしたらアイキャッチ画像が全部記事内に表示される原因と消し方

WordPressテーマをSWELLに変更したあと、
「すべての記事でアイキャッチ画像が本文の上に表示されるようにて記事が見づらくなった」
と感じる方もいるのでないしょうか?

本記事では、
この現象が起きる原因
SWELLの正しい設定による消し方について整理します。


目次

SWELLに変更するとアイキャッチ画像が表示される原因

結論から申し上げますと、
この挙動はSWELLの初期仕様によるものです。

SWELLでは、

  • アイキャッチ画像が設定されている場合
  • 記事ページの本文上部に
  • 自動でアイキャッチ画像を表示する

という設計になっています。

これは不具合ではなく、
視覚的に分かりやすいブログを前提としたテーマ設計によるものです。

そのため、他テーマからSWELLへ切り替えると、

  • 過去記事に設定済みのアイキャッチ画像
  • 新規投稿のアイキャッチ画像

が、すべて記事内に表示される状態になります。


解説系ブログなどでは表示が邪魔になりやすい理由

トラブル解決などの解説系の記事では、

  • すぐ結論を知りたい
  • 操作手順やコードを早く確認したい

というユーザーが多く、
記事冒頭に大きな画像があると、

  • スクロール量が増える
  • 本文に入るまで時間がかかる

といった理由から、
読みにくさにつながるケースがあります。

そのため、
SWELLの初期設定のままだと
「記事が読みにくくなった」と感じることがあります。


SWELLで投稿ページのアイキャッチ画像を全記事まとめて消す方法【推奨】

SWELLでは、
CSSやPHPを使わずに設定画面から一括で非表示にできます。

設定手順

  1. WordPress管理画面を開きます
  2. 外観 → カスタマイズ
  3. 投稿・固定ページ
  4. アイキャッチ画像
  5. 投稿ページの「本文の始めにアイキャッチ画像を表示」 のチェックをOFFにします
SWELL_投稿ページのアイキャッチ画像をOFF

この設定を行うことで、

  • すでに公開済みの記事
  • これから作成する新規記事

すべてで、
記事本文上のアイキャッチ画像が非表示になります。


固定ページでも非表示にしたい場合

固定ページについても投稿ページと同様に、
同じカスタマイズ画面内の

  • 固定ページ

から、

  • 本文の始めにアイキャッチ画像を表示」 のチェックをOFFにします
SWELL_固定ページのアイキャッチ画像をOFF

をOFFにすることで、
同様に非表示にできます。


カスタム投稿タイプの場合の注意点

カスタム投稿タイプの記事については、
投稿ページ設定の内容が自動では適用されません。

そのため、

  • 通常の投稿:設定が適用される
  • 固定ページ:設定が適用される
  • カスタム投稿タイプ:別途対応が必要

という挙動になります。


カスタム投稿記事を非表示にする方法

SWELL側に専用設定がある場合

カスタム投稿タイプの登録方法によっては、

  • 〇〇投稿ページ設定
  • カスタム投稿タイプ設定

といった項目が表示されることがあります。

その場合は、
通常の投稿と同様に
「アイキャッチ画像を記事上に表示」 をOFFにしてください。


設定項目がない場合(投稿ページでOFFにしても表示される場合)

設定項目が存在しない場合は、
function.php に以下を追加することで対応できます。

add_filter( 'swell_show_thumbnail', function( $show ) {
    if ( is_singular() && ! is_singular( 'post' ) && ! is_singular( 'page' ) ) {
        return false;
    }
    return $show;
});
Code language: PHP (php)

このコードにより、
すべてのカスタム投稿タイプでアイキャッチ画像が非表示になります。


SEOへの影響について

アイキャッチ画像を非表示にしても、
SEOへの悪影響はありません。

  • アイキャッチ画像自体は削除されない
  • 記事一覧やOGPでは引き続き使用される

ため、
検索順位やSNS表示に影響することはありません。



よくある質問(Q&A)

Q. 今まで作成した記事にも設定は適用されますか?

はい、適用されます。
この設定はテーマ全体に対する共通設定のため、
過去・現在・未来のすべての記事に反映されます。


Q. アイキャッチ画像は完全に削除されますか?

いいえ、削除されません。
記事本文上で非表示になるだけで、

  • 管理画面のアイキャッチ画像
  • 記事一覧のサムネイル
  • SNS(OGP)画像

には引き続き使用されます。


Q. CSSで消す方法ではだめなのですか?

おすすめできません。
SWELLでは正式な制御方法が用意されているため、
設定画面またはPHPでの対応が安全です。


Q. 特定のカスタム投稿タイプだけ非表示にできますか?

はい、可能です。
is_singular('スラッグ名') を指定することで、
対象のカスタム投稿タイプだけ制御できます。


まとめ

  • SWELLでアイキャッチ画像が表示されるのは初期仕様
  • 不具合ではない
  • 投稿・固定ページは設定画面で一括非表示可能
  • カスタム投稿タイプは別途対応が必要
  • SEOへの悪影響なし
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

0 0
Article Rating
申し込む
注目する
guest
0 コメント一覧
最も古い
最新 高評価
インラインフィードバック
すべてのコメントを見る
目次
0
あなたの考えが大好きです、コメントしてください。x