百聞は一見にしかず-ただし、不適切なリサイズが行われた場合は別です。 WordPressには画像やサムネイルのサイズを変更する強力なツールがありますが、それらをどのように使用すればよいかを知っておく必要があります。

WordPressの画像サイズとフィーチャー画像の管理に関するすべての情報は、こちらをご覧ください。

ワードプレスファイルのphpを編集する

この記事には、WordPressのPHPコードが含まれています。テーマへの変更を試みる前に、無料のPHPクラッシュコースを読むとよいでしょう。

テーマファイルを開きたくない、あるいは将来のテーマアップデートで消えてしまうので開きたくないという場合は、mycustomfuncti***というプラグインを使ってコードのブロックを追加することができます。

https://en-gb.wordpress.org/plugins/my-custom-functi***/

ワードプレスの画像サイズの基本

WordPressの管理画面では、「設定 >メディア」は既にご存知かと思います。

WordPressでいうところのデフォルトの画像サイズ「サムネイル」「中」「大」の3つです。サムネイルサイズには特別な設定があり、ここで指定した通りのサイズに切り抜くことができます。これは1:1の縮尺である必要はなく、自由に設定することができます。

クロッピングを有効にすると、画像は拡大・縮小され、中央に配置された後、収まらないコンテンツは破棄されます。

中」「大」の設定は、「幅」「高さ」に最大サイズを指定すると、それに応じて画像が縮小されるという、少し変わった仕組みになっています。と表示され、それに応じて画像が縮小されます。画像が小さすぎる場合は、これらの画像サイズを作成することはできません。

新しい画像をアップロードする場合、元の画像は保存され、記事に完全に**組み込むことができ、他の登録された画像サイズは自動的に作成されます。

ワードプレスでカスタム画像サイズを追加する

WordPressのデフォルトで定義されている3つのサイズでは不十分な場合があるため、テーマやプラグインで独自のカスタムサイズを追加できるようになっています。テーマファイルを編集したい場合は、それも可能です。

テーマディレクトリを開き、functions.phpファイルを探します。定義する画像サイズごとに、以下のコードを追加します。

add_image_size( 'my-thumbnail', 400, 200, true);

新しい画像サイズには、名前、幅と高さの寸法、そのサイズに画像を切り取るかどうか（trueまたはfalse）が必要です。テーマやウィジェットの構造的な部分については、通常、レイアウトを崩さないようにトリミングすることになります。

カスタム画像サイズをいくつも作ってみるのもいいかもしれませんが、その際は注意が必要です。あなたが定義した各画像サイズは、あなたが特集画像でのみ提供するつもりであっても、あなたがアップロードする各画像に対して生成されます。

つまり、7つのカスタム画像サイズと3つのデフォルトサイズがある場合、アップロードする画像1枚につき10枚の小さなコピーが作成されることになります。1つの記事に10枚の画像が埋め込まれていると考えると、その記事だけで100個のファイルが作成されていることになります。

カスタム画像サイズを作成し、それをフィーチャー画像にのみ使用できるように指定することはできません。

また、特定のカスタムサイズを使用しなくなり、コードを削除（またはテーマを変更）しても、古い画像は永遠にサーバーに残ります。 WordPressは、未使用の画像を削除することはありません。MakeUseOfのような古いサイトや大規模なサイトでは、使われなくなった画像を保存すると、何百ギガバイトもの容量を浪費してしまうことになります。

小規模なサイトでは、Media Cleanerプラグインが便利ですが、最初にフルバックアップを実行してください。

https://wordpress.org/plugins/media クリーナー/#description

コンテンツ公開時の画像サイズのカスタマイズ

デフォルトでは、カスタム画像サイズは、画像**記事を置くときにドロップダウンボックスに表示されません。表示されるのは、サムネイル、中、大、フルサイズ（拡大されないので、元の画像のサイズに依存）だけです。

カスタムサイズも表示させたい場合は、さらにコードが必要です。再度、functions.php ファイルに追加してください。

function image_sizes_to_mediapicker( $default_sizes ) { return array_merge( $default_sizes, array( 'my-thumbnail' => __( 'My Thumbail Size' ), ) );}add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );

これは、メディアピッカーリストにフィルタをかけることで実現します。元のサイズリストの配列に、リストアップしたい任意の**サイズをマージします。my thumbnail "と "my thumbnail Size "を、お好みのサイズと、読みやすいフレンドリーな名前に変更します。

ワードプレスの特集画像オプション

注目の画像は、投稿に関連付けられた個々の画像ですが、必ずしも投稿内容に含まれている必要はありません。見出しやトップページ、サイドバーのトピックスなどで使われることが多い。しかし、画像サイズ的には通常の画像と変わりません。

定義したサイズごとに、アップロードされた画像がコピーされ、特集画像も含めてリサイズされます。

編集画面に特集画像の設定オプションが表示されない場合、テーマがこの機能に対応していない可能性があります。テーマのfunctions.phpを見れば可能ですが、新しいテーマを探すことを強くお勧めします。

特集画像のような基本的なものがサポートされていない場合、他の場所のコードが古くなっている可能性があります。

add_theme_support('post-thumbnails');

自作のテーマやプラグインで特集画像を使用する場合は、⾵⾊のタグを書き出す関数を使⽤してください。

the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));

この関数には2つのパラメータがあります。探したい名前付きサイズ（この場合は「MyThumbnail」）と、カスタムCSSクラスなど、渡したいプロパティがあります。

また、必要なHTMLではなく、実際の画像のURLのみを取得したい場合は、次のようにします（この場合は中サイズの画像）。

$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');echo $thumbnail[0];

ワードプレスのサムネイル画像を再生成する

デフォルトの画像サイズを変更した場合、またはカスタム画像サイズを作成した場合、常に新規アップロードにのみ適用され、既存の画像はすべて元の寸法のままです。

AJAX Thumbnail Rebuildは、再作成したいサイズを選択することができ、アーカイブされたファイルをゆっくりと処理することができます。

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

ただし、いくつかの制約や落とし穴に注意する必要があります。

特集画像の自動リサイズは可能ですが、投稿内容を書き換えるプラグインはありません。例えば、大きなサイズ（その時は500pxかもしれません）の画像を投稿に追加した場合、「大きい」の定義を変更しても、投稿の画像のサイズは変わりません。投稿を編集して同じ画像を新しいサイズで再**表示しない限り、500pxのままです。

前述したように、画像サイズがたくさんあれば、たくさんの画像を制作することになります。サムネイルの再構築で、特徴のある画像だけに限定できるのはありがたいですね。ただし、これは過去に撮影した画像にのみ適用されることを覚えておいてください。今後、画像のアップロードはすべてWordPressで管理されるため、すべての画像サイズが作成されることになります。

今こそ、JPGとPNGの違いを学び、将来的に最適なフォーマットを使えるようにしましょう。

あなたのワードプレスウェブサイトを次のレベルへ

WordPressのテーマに手を加えたい？テーマの画像、色、要素の配置は、CSSとHTMLでほぼ決まります。CSSとHTMLを学ぶには、これらのステップバイステップのチュートリアルを確認することをお勧めします。

もしあなたがテーマに興味があるなら、これらのクールなWordPressテーマをご覧ください。

あなたのWordPressサイトはよくクラッシュしますか？払いすぎではありませんか？InMotionホスティング（このリンクでMakeUseOf特別割引）またはBluehost（このリンクでMakeUseOf特別割引）などの評判の良いホスティングサービスに切り替えてください。