WordPressで注目画像や投稿サムネイルを追加する方法

アイキャッチ画像を追加する方法は、ブロガー、開発者、コンテンツクリエイターにとって不可欠です。アイキャッチ画像は投稿の視覚的な魅力を高め、読者のエンゲージメント、 SEO、ソーシャルメディアのプレビューの強化に重要な役割を果たします。ブログ、ポートフォリオサイト、オンラインストアなど、どんなサイトを運営していても、適切に配置されたアイキャッチ画像はコンテンツのインパクトを大幅に高めることができます。

この記事では、WordPressでコードとテーマ設定を使ってアイキャッチ画像を有効にし、追加する方法を学びます。また、クラシックエディターとElementorを使った画像の追加方法についても解説しますので、ワークフローに最適な方法を選んでください。

投稿で注目の画像を使用する理由

フィーチャー画像は、WordPressの投稿をより魅力的でプロフェッショナルなものにするために不可欠です。読者の注目を集め、ブログやウェブサイト全体の美しさを高め、コンテンツ全体に一貫性を持たせる視覚的な手がかりとして機能します。視覚的な魅力を高めるだけでなく、ソーシャルメディアプラットフォームでは、コンテンツがシェアされた際にフィーチャー画像がよく使用されるため、投稿の存在感が高まり、クリックスルー率が向上します。

メディアファイルはその影響力の大きさから、特にサイトが成長していく中で、ファイルを追加することと同じくらい、管理も重要です。メディアライブラリが乱雑だと、ワークフローが遅くなり、画像を効率的に見つけたり再利用したりすることが難しくなります。

だからこそ、 WP Media Folder強くお勧めします。無制限のフォルダ、高度な検索フィルター、クラウドプラットフォームとのシームレスな統合などの機能を備えたWP Media Folder、整理整頓に役立ち、注目画像やその他のメディアの管理を楽にします。

WordPressテーマで注目画像を有効にする方法

すべてのWordPressテーマがアイキャッチ画像機能を自動的に表示したり、有効化したりするわけではありません。投稿作成時にこのオプションが表示されない場合は、テーマでこの機能が有効化されていない可能性があります。ご安心ください。この機能は、カスタムコードを使用する（テーマファイルを直接変更せずに）か、使用しているテーマのデフォルト設定を使用するという2つの方法で有効化できます。

カスタムコードの使用

WordPressに慣れていて、functions.phpファイルを直接編集せずに手動でアイキャッチ画像機能を有効にしたい場合は、 WordPressプラグイン。このプラグインを使用すると、入力ミスによるサイトへのダメージのリスクなく、コードの追加が簡単になります。

これを行うには、まず「プラグイン」>「新規追加」メニューからWPCodeプラグインをインストールします。次に、「WPCode」を検索し、「インストール」をクリックしてから「有効化」をクリック。

プラグインがアクティブになったら、「コード スニペット」メニューを開き、「+ スニペットの追加」を選択します。

「カスタム コードの追加 (新しいスニペット)」を選択します。

次に、「コードプレビュー」列に次のコードを入力し、コードタイプで PHP スニペットを選択して、「スニペットの保存」をクリックします。

投稿エディタを開くと、サイドバーに注目画像の追加が表示されます。

投稿表示で注目の画像を表示したい場合は、ループ内の適切なテーマファイル（single.php や content.php など）にこのコードを追加します。

<?php the_post_thumbnail(); ?> 

これを追加して画像サイズを調整することもできます。

set_post_thumbnail_size( 300, 200 ); 

または、次のようなカスタム サイズを作成します。

add_image_size( 'カスタムサイズ', 590, 180 ); 

最後に、次のコードを呼び出します。

<?php the_post_thumbnail( 'custom-size' ); ?> 

テーマ設定の使用

コードを書くのが面倒な場合は、多くの最新のWordPressテーマで既にカスタマイザーからアイキャッチ画像を直接有効化・設定できる設定が用意されています。設定するには、 「外観」>「カスタマイズ」 「投稿タイプ」>「ブログ/アーカイブ」を選択してください

次に、 「投稿構造」>「投稿要素」の順に選択すると、 「アイキャッチ画像」メニューが表示されます。これを有効にするには、下の画像のように目のアイコンをクリックします。比率、ホバー効果、サイズを調整することもできます。

WordPressでGutengberg（ブロックエディター）を使って注目の画像を追加する

WordPressのGutenberg（ブロックエディター）を使ってアイキャッチ画像を追加するのは簡単で実用的です。特に、インターフェースがモダンで直感的なので便利です。Gutenbergでは、追加のプラグインをインストールすることなく、エディターのサイドバーから直接アイキャッチ画像を設定できます。この機能は、投稿の見た目を素早くカスタマイズしたい初心者から経験豊富なユーザーまで、あらゆるユーザーに最適です。

その後、注目画像にする画像を選択し、ALT テキストを入力して、 「注目画像の設定」をクリックします。

Elementorを使ってWordPressで注目画像を追加する

Elementorを使ってページや投稿を作成する場合でも、アイキャッチ画像を簡単に追加できます。WordPressのデフォルトのエディターとは少し手順が異なりますが、Elementorにはデザインレイアウトにアイキャッチ画像を動的に表示するオプションが用意されています。まず、投稿を開き、 「Elementorで編集」をクリックします。

その後、上部中央にある設定アイコンをクリックします。左側に「おすすめ画像」メニューがあるので、「画像を選択」をクリックします。

するとメディア画面が表示されます。画像を選択し、ALTテキストを入力して、 「選択」。

結論

アイキャッチ画像を追加すると、読者の注目を集め、コンテンツのアイデンティティを強化し、ソーシャルメディアで共有された際の見栄えを向上させるなど、重要な視覚的価値を提供できます。この機能はページを美しくするだけでなく、SEO対策にも役立ち、WordPressウェブサイトをよりプロフェッショナルな印象にします。

しかし、アップロードする画像の数が増えるにつれて、メディアライブラリを整理し、効率的に管理することも重要になります。、 WP Media Folder今すぐ試して、注目画像をより迅速かつ効率的に、そしてストレスなく管理しましょう！