WordPressでアイキャッチ画像または投稿サムネイルを追加する方法

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

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

投稿にアイキャッチ画像を使用する理由は？

アイキャッチ画像は、WordPressの投稿をより魅力的でプロフェッショナルなものにするために非常に重要です。視覚的な手がかりとして機能し、読者の注意を引き付け、ブログやウェブサイトの全体的な美観を高め、コンテンツ全体の統一性を作り出します。視覚的な魅力を高めることに加えて、ソーシャルメディアプラットフォームはコンテンツが共有される際にアイキャッチ画像を使用することが多く、投稿の存在感を強め、クリック率を高めます。.

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

だからこそ、WP Media Folderのようなツールが強く推奨されるのです。無制限のフォルダー、先進的な検索フィルター、クラウドプラットフォームとのシームレスな統合などの機能により、WP Media Folderは、あなたが整理された状態を保ち、アイキャッチ画像やその他のメディアの管理を容易にします。

WordPressテーマでアイキャッチ画像を有効にする方法

Not all WordPress themes automatically display or even enable the featured image feature. If you don't see this option when creating a post, it's possible that your theme has not enabled support for this feature. Don't worry, you can enable it in two ways, using custom code (without directly touching the theme files) or through the default settings of the theme you are using.

カスタムコードの使用

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

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

プラグインが有効になったら、コードスニペットメニューを開き、+ スニペットを追加を選択します。.

「カスタムコードを追加（新しいスニペット）」オプションを選択します。

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

投稿エディターを開くと、サイドバーにアイキャッチ画像の追加が表示されます。.

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

<?php the_post_thumbnail(); ?> 

画像サイズを調整するためにこれを追加することもできます。.

set_post_thumbnail_size( 300, 200 ); 

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

add_image_size( 'custom-size', 590, 180 ); 

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

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

テーマ設定の使用

コードに煩わされたくない場合は、多くの最新の WordPress テーマが、カスタマイザーから直接アイキャッチ画像を有効にして設定するオプションを提供しています。これを行うには、外観 ＞ カスタマイズに移動し、投稿タイプ ＞ ブログ/アーカイブ

次に、投稿構造 ＞ 投稿要素の下に、アイキャッチ画像メニューがあります。これを有効にするには、次の画像に示すように、目のアイコンをクリックするだけです。また、比率、ホバー効果、サイズを調整することもできます。

Gutengberg（ブロックエディタ）を介してWordPressにアイキャッチ画像を追加する

Gutenberg（ブロックエディター）を使用してWordPressでアイキャッチ画像を追加するのは簡単で実用的です。特にそのインターフェイスは現代的で直感的です。Gutenbergを使用すると、追加のプラグインをインストールすることなく、エディターのサイドバーから直接アイキャッチ画像を設定できます。この機能は、初心者や経験豊富なユーザーに適しており、投稿の視覚的な外観をすばやくカスタマイズできます。.

その後、アイキャッチ画像として設定する画像を選択し、ALTテキストを入力して、アイキャッチ画像を設定

Elementorを介してWordPressにアイキャッチ画像を追加する

ページや投稿を作成するためにElementorを使用する場合でも、アイキャッチ画像を簡単に追加できます。デフォルトのWordPressエディターとは少し異なるものの、Elementorはデザイン・レイアウトにアイキャッチ画像を動的に表示するオプションを提供します。まず、投稿を開き、Elementorで編集

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

メディア表示が現れますので、画像を選択し、ALTテキストを入力し、最後に選択

結論

アイキャッチ画像を追加すると、読者の注意を引き付け、コンテンツの識別を強化し、ソーシャルメディアで共有したときの外観を向上させるなど、重要な視覚的価値を提供できます。ページを美しくするだけでなく、この機能はSEOもサポートし、WordPressウェブサイトをよりプロフェッショナルに見せます。.

ただし、アップロードされた画像の数が増えるにつれて、メディアライブラリを整理整頓して効率的に保つことも重要です。WP Media Folder、 無制限のフォルダー、高度な検索、クラウド統合などの優れた機能を備えたWordPressメディア管理ソリューションを使用できます。今すぐお試しください。アイキャッチ画像をより迅速かつ効率的に管理できます。