WordPressの画像サイズ

WordPressでの画像の処理は難しい場合があります。 あなたが要件に十分に払っていない場合は、賢明な乱雑なウェブサイトの外観を得ることができるか、それもロード時間に影響を与える可能性があ したがって、デフォルトのWordPressの画像サイズとそれらを変更する方法について学ぶ必要があります。 リラックスして、あなたのコーヒーをつかむ、とのは、これを成し遂げることができます!

次のレベルにあなたのWordPressのサイトを取ると、今日Hostingerで安全なWordPressのホスティングソリューションを取得!

ここから始める

WordPressはどのように画像を処理しますか?

メディアライブラリに画像をアップロードすると、WordPressは自動的に3つのデフォルトの画像サイズを持つ追加の画像を生成し、別々に保存します。 したがって、画像をアップロードすると、4つの画像オプションが表示されます。 これらは、サムネイル、中、大、フルサイズのオプションです。 最初の3つのオプションはデフォルトのWordPress画像サイズと呼ばれ、フルサイズのオプションはアップロードした元の画像サイズです。

WordPressは、画像を配置するために異なる場所を使用すると、異なる画像解像度が必要になるため、これらのオプションを作成します。 たとえば、サムネイルの画像解像度は、スライダで使用される画像解像度とは異なる場合があります。 したがって、異なる解像度の異なる場所で同じ画像を使用する場合は、画像を手動で編集してサイズを変更する必要はありません。 一つだけの画像が必要とされ、WordPressは残りを行います。

デフォルトのWordPressの画像サイズは何ですか?

デフォルトでは、WordPressには三つの事前パッケージ化された画像サイズが付属しています。 彼らは:

デフォルトのWordPressの画像サイズを変更する方法

WordPressはすでに3つのデフォルトの画像サイズを提供していますが、これらの選択肢がニーズを満たしていないと判断した場合は、代替案があります。 たぶん、あなたは小さなサムネイルや広い注目の画像が必要です。 したがって、デフォルトのWordPressの画像サイズを変更する必要があります。 これを行うには、以下の手順に従います:

  1. 管理ダッシュボードに移動
  2. 設定にカーソルを合わせます->メディア
  3. メディア設定ウィンドウで、各サイズの望ましいピクセルを調整できます
  4. 変更を保存ボタンを押して設定を保存します。

カスタムWordPressの画像サイズを追加する方法

だから、あなたは3つのデフォルトの画像サイズを持っています。 サムネイル用のサムネイルサイズの画像、投稿の画像用の中サイズの画像、スライダー用の大きなサイズの画像があるとしましょう。 しかし、あなたはあなたのポップアップバナーやウィジェットのためのより多くのデフォルトの画像サイズが必要であることを認識しています。 カスタムWordPressの画像サイズを追加できますか? はい、できます。

ステップ1. 機能を編集して、カスタムWordPressの画像サイズを追加します。phpファイル

実際には、いくつかのテーマには、追加の画像サイズのオプションがあります。 しかし、あなたがそれらを見つけることができない場合は、私たち自身のカスタムWordPressの画像サイズを追加してみましょう。

私たちはコードを扱います。 だから、何かを変更する前に、バックアップファイルを作成し、WordPressの子テーマを作成してください。

  1. 管理ダッシュボードに移動します
  2. 外観にポインタを置きます->エディタ
  3. 関数を編集します。phpファイル
  4. 以下のスクリプトをコピーしてファイルに貼り付けます
    add_theme_support( 'pop-up-banner' );
  5. ファイルの更新ボタンを押します。

上記のスクリプトはadd_image_size()関数を有効にします。 この機能がすでに有効になっている場合は、次のような新しいWordPressイメージを追加できます:

add_image_size( 'pop-up banner size', 1000, 590 );add_image_size( 'widget size', 220, 180 );

これらの例では、追加のサイズ名を”ポップアップバナーサイズ”と”ウィジェットサイズ”にします。「サイズ名の後に続く2つの数字は、幅と高さを表しています。

ステップ2。 テーマにカスタムサイズを表示する

新しい画像サイズが正常に追加されました。 しかし、それはあなたのテーマに表示されていません。 今、あなたはあなたのテーマで新しいサイズを有効にする必要があります。

まず、変更を加える前にサイトのバックアップを作成します。 投稿ループ内のテーマファイルにアクセスして編集します。 次に、このコードを貼り付けます;

<?php the_post_thumbnail( 'your-specified-image-size' ); ?>

前のステップで設定した名前で’your-specified-image-size`を変更する必要があります。 たとえば、”ポップアップ-バナーサイズ”に変更することができます。 これらの手順を実行すると、メディアライブラリに画像をアップロードするときに、ポップアップ-バナー画像サイズのオプションが表示されます。

便利なプラグイン

WordPressで新しいカスタム画像サイズを設定しました。 ただし、この変更は以前の画像には影響しません。 そのため、以前の画像サイズを再生成する必要があります。

幸いなことに、手動で一つずつ行う必要はありません。 あなたの前の画像サイズを更新するのに役立ちますサムネイルを再生成という名前のプラグインがあります。 これを行うには、以下の手順に従います。

  1. 管理ダッシュボードに移動します
  2. プラグイン->新しい追加
  3. 検索バーにサムネイルを再生成と入力します。
  4. プラグインをインストールして有効にする
  5. さて、ツール->サムネイルを再生成する
  6. X添付ファイルのサムネイルを再生成ボタンをクリックします
  7. これで、以前にアップロードされたすべての画像が新しい画像設定に再生成されます。

結論

ワードプレスの画像サイズは些細なことのように見えますが、実際には、あなたに頭痛を与えることができます。 時には、あなたがアップロードした画像は、あなたが望む所望の画像サイズを満たしていないことがわかります。 これを解決するには、2つの方法を試すことができます。 デフォルトのWordPressの画像サイズを変更したり、カスタム画像サイズを追加したりできます。 新しい画像サイズを設定する前に、大きな画像を高解像度でアップロードするのは良い考えではないことに注意してください。 大きなサイズの画像は、多くのスペースを占有し、あなたのサイトの読み込み時間が遅くなります。 私たちは、この記事では、適切なサイズで、適切な場所に、適切な画像を選択するのに役立ちます願っています。 またね!

この投稿は2020年6月17日に最後に変更されました4:36午前