WordPress 3.9は、内部で非常に多くの追加機能を備えています。多くの中で素晴らしい新機能は、WordPressにアップロードされた画像のトリミング位置を制御する追加機能です。これは本当に洗練されています。!!


先に進む前に、 ブラッド・トゥスナード WordPressコアに含まれているこの素晴らしい貢献をした人!これは、この新しい機能を活用する方法を詳しく説明するだけでなく、この機能の全範囲を実行してよく理解する絶好の機会になると思いました.

はじめに–画像サイズの追加またはカスタマイズ

デフォルトでは、WordPressは画像の3x追加バージョンを生成します。 「サムネイル」、「中」、「大」バージョン。アップロードされた元の画像サイズは「フル」バージョンと呼ばれます.

デフォルトのカスタマイズ

これらの各トリミングサイズのデフォルト値は非常に簡単に上書きできます。あなたはどちらかに行くことができます WordPressダッシュボード、設定>>メディア そこで値を変更するか、次のようにテーマまたはプラグイン関数ファイルを使用して変更できます。

update_option( 'thumbnail_size_w'、250);
update_option( 'thumbnail_size_h'、250);
update_option( 'thumbnail_crop'、1);

追加サイズの追加

この関数をテーマまたはプラグイン関数ファイルにすばやく簡単に配置できます。

add_image_size($ name、$ width、$ height、$ crop);

最終的には次のようになります。

add_image_size( 'homepage-thumb'、250、250、true);

通常のハードクロップ

ヒント: 追加の画像サイズごとに固有の名前を付けることを忘れないでください;-).

あなたが知る必要があるすべてはを介して見つけることができます ワードプレスコーデックス.

WordPress 3.9以降のマジック–切り抜き位置の制御

パラメータ$ cropは、以前はtrueまたはfalseの単なるブール値でした。したがって、ソフトプロポーショナルクロップまたはtrueに設定されている場合はハードクロップ(さらに読み進めて、ハードクロップとソフトクロップの違いを確認します)。ただし、配列を使用してトリミング領域の位置を指定できます(x_crop_position、y_crop_position)。中央から切り抜いた画像が好きなので、たとえば、関数は次のようになります。

add_image_size( 'homepage-thumb'、250、250、array( 'center'、 'center'));

ユーザーが選択したハードクロップ

$ cropパラメータは、true / false値を引き続き受け入れ、Bradによれば、完全に下位互換性があります。構文はCSSのbackground-positionプロパティの構文と同じであるため、デザイナーと開発者の両方によく知られていますが、ここではわかりやすくするためにこれらを使用しています。.

左上
左中央
左下
右上
右中央
右下
センタートップ
センターセンター
中央下

だから私はそれをトリミングしました、今私はそれをどのように使用しますか?

素晴らしいニュース…まったく同じです!!完全な内訳については、いつものように ワードプレスコーデックス. いずれにせよ、これはリマインダーです。テーマまたはプラグインでこのカスタムイメージを呼び出すには。これまで使用してきた例では、次のようになります。

the_post_thumbnail( 'homepage-thumb');

または…

wp_get_attachment_url(get_post_thumbnail_id($ post-> ID、 'homepage-thumb'));

しかし、私の既存のすべての画像はどうですか?

ご存知のように、クロップサイズは循環して循環し、アップロード時に生成されます。つまり、カスタムのトリミング位置を追加したり、新しいトリミングサイズを追加したりして、この新機能を利用した後は、アップロード時に生成されたものが残り、これらの新しい画像バージョンはどれも使用できなくなります。クールではありません!

Aaahしかし、待ってください。幸いなことに、彼らはWordPressコミュニティの周りにたくさんの賢くて素晴らしい人々がいます。 サムネイルプラグインを再生成する. このプラグインは長い間使用されており、すばらしいです!既存のアップロードされたすべての画像を循環し、追加またはカスタマイズしたすべての新しい画像サイズを再生成します。 Woohoooの問題を解決しました��

ハード対ソフトクロップ–あなたが決めた

ハードクロップ

通常のハードクロップ
画像は拡大縮小され、指定した正確なサイズにトリミングされます。トリミングサイズに対する画像の比率に応じて、画像が常に切り取られる可能性があります.

ソフトクロップ

ソフトクロップ
ソフトクロップは、画像を切り取ることはなく、元のアスペクト比を維持しながら、指定されたサイズに収まるまで画像を縮小します.

知っておきたいこと…

アップロードされた画像のサイズ(幅または高さ)が設定された切り抜きサイズよりも小さい場合、そのサイズはスキップされ、そのサイズのバージョンは作成されません! WordPressは設定されたすべての画像サイズを循環し、生成しようとしているバージョンよりも大きいバージョンの画像のみを作成します。このような場合、画像がテーマまたはプラグイン内で取得されていて存在しない場合、デフォルトとして元の「フル」画像が代替として使用されます.

この素晴らしい新機能をテーマとプラグインに実装してください。お尻を蹴っていくつかの画像をトリミングする時間です��

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me