WordPressのアイキャッチ画像のサイズを変更する方法は？

公開: 2023-01-03

ワードプレスの画像サイズ！は！それは簡単なことのように聞こえますね。しかし、それは本当ですか？

さて、それについて話しましょう。ランダムなインターネットユーザーがリンク、ブログ、記事などをクリックする前に何を探すと思いますか? タイトルですか？もしかしてヘッダーですか？キャッチフレーズ？答えはほとんどノーです。これらのどれもありません。

しかし、機能イメージについて考えている場合は、そうです。多くの一般的な調査やジャーナルによると、Web サーファーは魅力的で有益な機能画像をクリックする傾向があります。

彼らは、タイトルやメタデータを見る前に、主役の画像内のコンテンツを調べる傾向があります。

ここで魔法が起こります。これは、Web サーファーが公開されたコンテンツをクリックして詳細を確認する場所/タイミングです。

フィーチャー画像で視聴者を魅了できるということは、ほぼ確実にオーガニッククリックが発生することを意味します。

競争力のあるロングテールキーワードまたはショートテールキーワード、人気のあるフレーズ、人気のあるイベント、主題、ポップカルチャーの参照などを扱う場合、これは簡単なことではありません。

したがって、DroitThemes 開発チームが推奨する WordPress のおすすめ画像のサイズは、1200×675 ピクセルまたは 16:9 の比率です。

良いイメージの重要性

前述のように、WordPress の魅力的なアイキャッチ画像は、余分な作業をしなくても、より組織化されたアトラクションとクリックをもたらすことができます. 優れた画像の重要性を過小評価することはできません。

ブログ、記事、投稿、ニュースレターなどのコンテンツの種類は関係ありません。高品質で有益な画像を実装することが成功の鍵です。

人は読み始める前に視覚的にふける傾向があり、これはすべて、その画像に遭遇した瞬間に起こります。

したがって、次のコンテンツで取り上げる優れた画像を選択することを強くお勧めします.

高品質の画像は、より多くの目を引き付けるだけでなく、さまざまな種類のディスプレイ解像度で安定した品質を維持するのにも最適です.

WordPress のアイキャッチ画像: それらは何ですか?

特徴画像は、コンテンツに関するコンテキスト情報を視覚的に提示するために使用されます。

これらのタイプの画像は通常、コンテンツの上に表示され、サムネイルセクションでコンテンツのメタデータと一緒に表示されます。

アイキャッチ画像は、訪問者の注意と想像力をつかみ、コンテンツに関する手がかり、情報、およびマイナーなコンテキストを視覚的に提供します。

たとえば、ここに掲載されている画像は、話題の要点と主題を明確に示しています。

Web サイトのアクティブな WordPress テーマも、機能イメージがどのように表示されるかを決定する際に重要な役割を果たします。

WordPress Web サイトを構築する際は、常にブログやコンテンツの公開に最適な WordPress テーマを選択するようにしてください。

Developer.WordPress.org 推奨の WordPress アイキャッチ画像サイズ

WordPress のデフォルトの画像サイズは次のとおりです。

WordPress は、アップロードした画像の 3 つのバージョンを自動的に作成します。

サムネイルのサイズ: 150 ピクセル X 150 ピクセル
中サイズ: 300 ピクセル X 300 ピクセル
大サイズ: 1024px X 1024px

WordPress の注目の画像サイズのこれらの異なるバージョンの目的は何ですか?

DroitThemes 開発チームが使用する寸法の画像を考えてみましょう – 1200px X 675px .

その元の画像サイズは最大100KBになる場合があります。

ここで、元の画像のサイズをサムネイルとして使用することを検討してください! サムネイル画像としては異常ではないでしょうか。

また、その解像度が画像サイズに付随する場合、その解像度がパフォーマンスに与える影響は言うまでもありません。

したがって、WordPress によって自動変換された 150×150 ピクセルのサイズが安全で信頼できる賭けであると想定しても安全です。

もちろん、WordPress による画像の自動サイズ変更は優れた機能です。

ただし、この素晴らしい機能は、特定のシナリオではうまく機能します。

たとえば、WordPress テーマで特定の画像サイズが必要な場合、デフォルトで画像のサイズを変更することは適切な解決策ではない可能性があります。

ここ DroitThemes では、WordPress の注目の画像サイズ 1200×675 ピクセルを扱っているため、話題にする必要があります。

このような場合は、カスタマイズした画像サイズを手動で追加することをお勧めします。

それで、それはどのように機能しますか？

これは、カスタマイズされたWordPressの注目の画像サイズを追加する方法に関する短いチュートリアルです

WordPress は、元の機能画像を 3 つの異なるサイズと解像度でサイズ変更することにより、プラットフォームで最高のパフォーマンスを得るためにコンテンツを自動化します。

別のデフォルトサイズを追加するのはどうですか。カスタムの WordPress 画像サイズを含めることはできますか?

はい、可能です。適切に行う方法をご紹介します。

Image Regenerate & Select Crop を使用してカスタム画像サイズを追加する

Regenerate & Select Cropは、単なる Regenerate Thumbnails 以外の機能を提供するシンプルなプラグインです。

ユーザーはデフォルトの注目の画像サイズを変更できるほか、好みの画像サイズに合わせて既存のすべての画像を再生成したり、デフォルトのトリミングオプションを設定したり、サムネイルを再生成したりすることもできます。

インストールしてアクティブ化したら、 WordPress ダッシュボード > Regenerate & Select Cropに移動し、ここからDEFINE CUSTOM IMAGE SIZESをクリックして、カスタムの WordPress 注目の画像サイズの名前を設定し、寸法を追加します。

この例では、1200×675 ピクセルの WordPress 特集画像サイズを使用しています。

完了したら、必ずSave Changesをクリックしてください。

この特定のプラグインにはさらに多くのオプションが用意されています。これについてはこれ以上調査しませんが、ユーザーが設定を調査して微調整することを強くお勧めします。

Step.01 functions.php を編集してカスタム WordPress 画像サイズを追加する

このためには、ウェブサイトの functions.php ファイルからいくつかのコードを微調整する必要がありますが、途中で私たちがあなたと一緒にいることを心配しないでください.

いくつかのコードを微調整するので、安全のために、前述のファイルをバックアップする必要があります。

次に、 WordPress ダッシュボード > 外観 > テーマエディターに進みます。

ここからテーマ関数 ( functions.php )をクリックして、テーマエディターで次のコードを見つけます。Ctrl + F を押して Enter キーを押します。コードが既に存在する場合は、そのままにして次のステップに進みます。

コードが不足していると思われる場合は、次の文字列を入力してください –

 add_theme_support( 'post-thumbnails' );

完了したら、必ず [ファイルの更新] ボタンをクリックしてください。

カスタム画像サイズを追加するには、前述のカスタムディメンションのコードのすぐ下に次のコードを挿入します。

 add_image_size( 'my-custom-image-size', 1200, 675 );

特に、一重引用符の内容を新しいカスタムイメージサイズの名前で更新する必要があります。シンプルでわかりやすいものをお勧めします。

最初の値は画像の幅で、2 番目の値は画像の高さです。

WordPressのおすすめ画像のベストプラクティスに従う

機能画像などの重要な Web サイトコンポーネントをアップロードして忘れるだけでは十分ではありません。

WordPress やその他の Web サイト作成プラットフォームの機能画像を選択してアップロードする際は、次の簡単な手順に従うことを強くお勧めします。

高品質の画像

特徴的な画像は高品質で、鮮明でシャープな解像度でなければなりません。フィーチャー画像はあなた、あなたのウェブサイト、そしてあなたのコンテンツを表すため、高品質の画像を使用する必要があります.

ユーザーは、サムネイルと投稿の両方で見栄えのするものを選択する必要があります。

一貫したコンテンツ

ウェブサイトのコンテンツと一致する画像をアップロードしてください。ブランドと一致する機能、コンテンツ、ロゴなどをアップロードします。ビジュアルデザインに一貫性を持たせることで、ブランドを構築し、訪問者に認知してもらうことができます。

著作権

著作権事項を侵害しないでください。作成したコンテンツを常に確認するようにしてください。別のコンテンツ作成者から何かをアップロードする場合は、その前に必ず法的同意を得てください。

Unsplash、Pixaby などのサイトからロイヤリティフリーのストック写真を購入することは、優れたオプションです。

最後に

アイキャッチ画像は、すべての WordPress Web サイトに不可欠な要素です。

よくデザインされた注目の画像は、ウェブサイトをよりプロフェッショナルに見せることができ、ブランドの認知度を高めるのに大いに役立ちます. オンラインショップも同様です。画像は商品の販売に役立ちます。

よくデザインされた全体的なフィーチャー画像は、訪問者の想像力に大きな影響を与え、より多くの有機的なクリックとビューを獲得するのに役立ちます.

そうは言っても、このコンテンツが役に立ち、困っている人と共有することを検討していただければ幸いです.

お立ち寄りいただきありがとうございます。この件に関してご質問やご不明な点がございましたら、下のコメント欄でお気軽にお知らせください。