WordPress の個別投稿でフィーチャー画像を非表示にする方法
パフォーマンスの問題やデザイン上の選択、コンテンツの焦点などの理由で、個別のブログ投稿でフィーチャー画像を表示しないことを好む人もいるでしょう。.
例えば、チュートリアルやお知らせなど文字が多い投稿では、アイキャッチ画像を表示したくない場合があります。画像が訪問者の注意を本文から逸らす可能性があるためです。また、アイキャッチ画像を非表示にすることで、特にモバイルユーザーの読み込み速度が向上します。.
もし同じことを目指しているなら、個別のブログ投稿でアイキャッチ画像を非表示にする方法をご案内します!
アイキャッチ画像を個別に非表示にする方法
ブログ投稿からアイキャッチ画像を非表示にする方法はいくつかあります。コーディング経験が'ない場合は、シンプルなプラグインを使用して作業を完了できます。.
しかし、プラグインをインストールしたく'ない場合は、テーマファイルを編集するかカスタムCSSを使用して、より技術的なアプローチを取ることができます。以下に、各手順をステップバイステップで'説明しています。
方法1:プラグインを使用する
条件付きでフィーチャー画像を表示するプラグインを使用して、フィーチャー画像をすばやく非表示にできます。この人気のプラグインは、WordPressプラグインディレクトリで無料で入手可能です。.
このプラグインを使用すると、個別の投稿や、すべての公開済み投稿の一覧を表示するブログページでフィーチャー画像を非表示にするか選択できます。.
この簡単な方法を試したい場合は、let's まずインストールして始めましょう:
1. プラグインをインストールして有効化する
WordPressでプラグインのインストールと有効化の方法をご存知であれば、次のステップへ進んで構いません。ただ、初めての場合は、以下の手順に従って続けましょう:
- WordPressの管理ダッシュボードを開きます。.
- クリックしてください プラグイン メニューをサイドバーから。
- クリックしてください プラグインを追加 で プラグインディレクトリを開きます。
- 入力してください Conditionally Display Featured Image を検索バーに入力してください。プラグインは最初の結果として表示されるはずです。
- クリック 今すぐインストール プラグインをダウンロードするために
- インストールが完了したら、クリック 有効化 サイトで有効にするために
2. 対象の投稿を編集する
プラグインが有効化された後、フィーチャー画像を非表示にしたい投稿へ直接移動できます。その後、以下の手順に従って画像を非表示にするチェックボックスを見つけてください:
- 編集したいブログ投稿を開きます。.
- クリック 設定 エディタにアクセスするために
- サイドバーで、投稿 タブへ移動します。
- 最上部に、あなたのアイキャッチ画像が表示されます。その下に、次のオプションがあります: 投稿リストにのみアイキャッチ画像を表示し、単一投稿ビューでは非表示にする。
- その特定の投稿でアイキャッチ画像を非表示にするには、チェックボックスにチェックを入れてください。.
- 次に、変更を保存するにはクリックしてください 更新/保存 ボタン(投稿がすでに公開されている場合)または 公開 ボタン(下書きの場合)。
3. 変更を適用するために投稿を更新する
この手順は、保存または更新 ボタンをクリックすると完了します。ただし、サイトのフロントエンドを確認し、アイキャッチ画像が実際に非表示になっていることを確認してください。
これを行う方法は2つあります:
- 公開された投稿のライブバージョンを確認する
- または、公開前に下書き投稿をプレビューする
ここ' ビフォーアフターの結果をご覧ください:
方法 2: カスタム CSS を使用する
投稿に注目画像がまだ表示される場合、don' 心配しないでください。別の方法で問題を解決できます。.
カスタム CSS コードを使用して user' の表示から非表示にできます。 ただし、この方法はパフォーマンスに若干影響する可能性があります。注目画像は非表示でも読み込まれます。.
それが'あなたにとって問題でない場合は、以下のチュートリアルに従ってください:
1. 特定の投稿 ID を特定する
CSSコードが個々の投稿にのみ影響するようにするには、投稿IDを見つける必要があります。投稿IDは、WordPressの各投稿を一意に識別する番号です。.
例えば、URLに post=111 が含まれることがあり、111 が投稿IDです。.
しかし、サイトがSEOフレンドリーなパーマリンクを使用している場合、URLに投稿IDが直接表示されません'。.
代わりに見つける方法は以下の通りです':
- WordPress の管理ダッシュボードに移動します。.
- 編集したい投稿をクリックします。.
- ブラウザの URL バーを見てください。.
- 以下のように、投稿 ID を含む URL が表示されます。.
2. その投稿のアイキャッチ画像を非表示にするカスタム CSS を追加する
投稿 ID を特定したら、次のステップはそれをカスタム CSS コードに追加することです。WordPress には CSS を追加する組み込み機能があるため、サードパーティ製プラグインをインストールする必要はwon'tありません。.
CSSコードを追加できますカスタマイザー メニュー。この方法は基本的なコーディング知識だけで十分なので、心配する必要はありません。
以下の手順をご案内します:
- クリックしてください外観 サイドバーのメニューから、選択してくださいカスタマイズ.
- 次のページに移動しますカスタマイザー メニュー。
- 下にスクロールして、クリックしてください追加 CSS セクション。
- 以下のコードをエディターボックスに貼り付けてください。実際の投稿IDに置き換えることを忘れないでください。.
.postid-51442 .post-thumbnail { display: none; }
- 最後に、クリックしてください 公開 変更を適用するために。あなたのアイキャッチ画像はその投稿から非表示になるはずです。
方法 3: テーマファイルを編集する
上記の方法で期待した結果が得られない場合は、テーマファイルを編集してみてください。.
しかし、テーマファイルの編集はエラーを引き起こしたり、特定の機能を壊す可能性があるため、最後の手段として考慮すべきです。.
万が一に備えてバックアップを必ず取ってください。その後、注意喚起として、さあ始めましょう:
1. テーマ'の functions.php ファイルを開く
テーマ内には多数の .php ファイルがあります。たとえば single.php、content.php、functions.php などです。これはテーマの構造に依存します。
この方法では、functions.php ファイルを見つける必要があります。見つけ方は次のとおりです:
- サイドバーから 外観 メニューを開きます。
- クリックしてください テーマファイルエディタ。
- 以下のようにテーマエディタが開きます。.
- 下にスクロールして テーマファイル メニューを見つけ、 functions.php。
- クリックしてファイルを開きます。.
2. 特定の投稿のアイキャッチ画像を除外する条件文を追加する
開いたので、functions.php ファイルに、シングル投稿ページでアイキャッチ画像を非表示にするための以下のコードを追加してください。
関数 wordpress_hide_feature_image( $html, $post_id, $post_image_id ) { 戻り値 is_single() ? '' : $html; } // フィルタを追加 add_filter( 'post_thumbnail_html', 'wordpress_hide_feature_image', 10, 3 );
コードが特定の投稿からのみフィーチャー画像を非表示にすることを保証するには、置き換えてください is_single() を is_single(123)、ここで 123 は対象とする投稿の ID です。
その後、クリックして変更を保存してください ファイルを更新 ボタン。
乱雑なメディアライブラリにサヨナラを.
WP Media Folderを使用すると、ファイルをカテゴリ化し、クラウドストレージとフォルダを同期し、素晴らしいギャラリーを作成し、リンクを壊さずに画像を置き換えることができます。
今日すぐメディアワークフローを最適化しましょう
すべての単一投稿でアイキャッチ画像を非表示にする方法
すべての単一投稿でアイキャッチ画像を非表示にしたい場合、Neveテーマが簡単にしてくれます。.
数回クリックするだけで、この方法は投稿ページでアイキャッチ画像が非表示のままになることを保証します。.
すでにNeveテーマをインストールしている場合、以下の手順を続行できます。
- WordPress管理ダッシュボードで、外観 をクリックし、カスタマイズ
- 「ブログ」セクションへ移動します。
- 2つのレイアウトスタイルが表示されます: ノーマル と カバー。各レイアウトで注目画像を非表示にする手順は異なります。
ノーマルレイアウト:
- 下にスクロールして サムネイル セクション。
- クリックして 目のアイコン の隣にある サムネイル を無効にします。
- 公開ボタンをクリックしてこの変更を適用します。.
- ノーマルヘッダー レイアウトを使用する投稿では、注目画像が非表示になります。.
カバー レイアウト:
1. 下にスクロールして見つけます 注目画像を非表示 トグル。
2. このトグルを オン。
3. クリック 公開 設定を保存します。
- 設定を保存した後、変更が反映されるまで数秒待ちます。.
- 次に、シングル投稿の1つを訪問して、注目画像が非表示かどうか確認します。.
覚えておいてください。この方法を使用するには Neve テーマがインストールされている必要があります。まだインストールしていない場合は、以下からインストールして有効化してみてください。 テーマディレクトリ。単に入力してください Neve検索フィールドに入力すれば見つかります。
テーマファイルの編集が推奨されない理由は?
必要でなければテーマファイルを編集しないように注意喚起しています。単純な理由は、サイトが壊れる可能性があるからです。.
So, we've gathered a few safer alternatives on how to hide featured images without needing to edit the theme's file:
- コードスニペットプラグインを使用: Code Snippet は、個々の投稿にカスタム PHP を追加できる無料プラグインです。サイトを壊すリスクなく、素晴らしい効果を発揮します。
- カスタム機能プラグイン: このプラグインは、テーマファイルに直接記述する代わりに、カスタム PHP をフックできるようにします。
全てのウェブマスターへ!
時間を節約し、生産性を高める WP Media Folder。クライアントのメディアファイルを簡単に整理し、カスタムギャラリーを作成し、シームレスなユーザー体験を提供します。
今すぐウェブサイトプロジェクトをアップグレードしてください!
結論
WordPressでアイキャッチ画像を非表示にするために、上記のすべての方法を試す必要はありません。自分のニーズに合った方法を見つけてください。.
多数のアイキャッチ画像を管理するのは時間がかかります。特にメディアライブラリが散らかってくると大変です。.
そのため、次のようなプラグインを使用するのが良い考えです。 WP Media Folder、これにより、アイキャッチ画像をカラーアイコン付きのフォルダーに割り当て、プレビューし、整理できます。時間を節約し、整理整頓を保つ賢い方法です!ブログを購読すると、新しい更新情報があった際にメールでお知らせしますので、見逃すことはありません。.

コメント