記事内ではアイキャッチ画像を表示しない

アイキャッチ画像を設定すると記事の一覧画面と個別記事ページの両方でアイキャッチ画像が表示されますが、個別記事ページではアイキャッチ画像を表示したくない場合があります。例えば記事の中で使用している画像をアイキャッチ画像に設定した場合、同じ画像が繰り返し記事の中で表示されることになります。ここでは記事にアイキャッチ画像を設定した場合に、個別記事ページではアイキャッチ画像を表示させないようにする方法について解説します。

(Last modified: )

「Conditionally display featured image on singular posts and pages」プラグインをインストールする

個別記事ページでアイキャッチ画像を表示しないように設定する方法はいくつかありますが、ここではプラグインを使用する方法をご紹介します。「Conditionally display featured image on singular posts and pages」プラグインを使用します。このプログインでは、記事毎にアイキャッチ画像を個別記事ページで表示するかどうかを設定することができます。

※ 以前は「Hide Featured Image」プラグインがよく使用されていましたが、 2 年以上更新されていないため今回は別のプラグインを使用します。

画面左側「プラグイン」の中にある「新規追加」をクリックしてください。

プラグインをインストールする(1)

「プラグインを追加」画面が表示されます。

プラグインをインストールする(2)

画面右上の検索ボックスで「Conditionally display featured image on singular posts and pages」を検索してください。

プラグインをインストールする(3)

検索結果に「Conditionally display featured image on singular posts and pages」プラグインが表示されたら、「今すぐインストール」をクリックしてください。

プラグインをインストールする(4)

インストールが完了したら有効化を行います。「有効化」をクリックしてください。

プラグインをインストールする(5)

「Conditionally display featured image on singular posts and pages」プラグインのインストールと有効化が完了しました。

プラグインをインストールする(6)

個別記事ページではアイキャッチ画像を表示しないように設定する

それでは実際に試してみます。アイキャッチが画像が設定されている記事の編集画面を表示してください。

個別記事ページではアイキャッチ画像を表示しないように設定する(1)

「Conditionally display featured image on singular posts and pages」プラグインが有効になっていると、サイドバーの「アイキャッチ画像」に「Display featured image in post lists only, hide on singular views.」というチェックボックスが表示されます。

個別記事ページではアイキャッチ画像を表示しないように設定する(2)

チェックがされていない場合は、アイキャッチ画像は記事一覧と個別記事ページの両方に表示されます。個別記事ページには表示したくない場合にはチェックボックスにチェックをしてください。今回はチェックをしてみます。

個別記事ページではアイキャッチ画像を表示しないように設定する(3)

画面右上に表示されている「更新」をクリックしてください。

個別記事ページではアイキャッチ画像を表示しないように設定する(4)

記事が更新されました。

それではブログへアクセスしてみます。トップページの記事一覧では、先ほどの記事にアイキャッチ画像は表示されています。

個別記事ページではアイキャッチ画像を表示しないように設定する(5)

次に記事タイトルをクリックして個別記事ページを表示してください。個別記事ページにはアイキャッチ画像が表示されませんでした。

個別記事ページではアイキャッチ画像を表示しないように設定する(6)

このように「Conditionally display featured image on singular posts and pages」プラグインを使用することで、記事単位でアイキャッチ画像を表示するかどうかを設定することができます。

-- --

記事にアイキャッチ画像を設定した場合に、個別記事ページではアイキャッチ画像を表示させないようにする方法について解説しました。

( Written by Tatsuo Ikura )

Profile
profile_img

著者 / TATSUO IKURA

プログラミングや開発環境構築の解説サイトを運営しています。