web-dev-qa-db-ja.com

異なるサイズのカスタム画像サムネイル

ポートフォリオサイトにさまざまな種類の画像をアップロードするためのカスタムフィールドを含むカスタム投稿タイプがあります。

例:(ロゴ、ウェブサイト、印刷広告など).

私はすべての異なるサイズとアスペクト比の画像をアップロードすることを計画しています、しかし、私はそれぞれの画像タイプのために特定の(そして異なる)サイズの小さいサイズ(サムネイル)を持つ必要があります。これらのサムネイルを手動でトリミングする機能も必要です。

ロゴの親指 - > 200x200

ウェブサイトの親指 - > 450x200

プリント広告の親指 - > 200X400

等...

私はいくつかのプラグインでいじってきました: 投稿サムネイルエディタ複数投稿サムネイル これらはWordPress 3.3ではバグが多すぎるように思われますが、私が望んでいることとまったく同じようには動作しないようです。

もちろん、各画像の2つの異なるバージョンをアップロードしてバックエンドの切り抜きツールを使用して適切なサイズにすることもできますが、もっとエレガントな方法をお勧めします。

私が本当に探しているのはいくつかのアドバイスです。

  • 私は既存のプラグインと戦い続けて何かを動かそうとするべきですか?
  • 自分で開発しようとするべきですか? (私はphp/javascriptにはかなり上手ですが、まだ非常に単純なwpプラグインしか書いていません)?
  • 私はあきらめてダーティ(それぞれ2つのバージョンをアップロードする)アプローチを使うべきですか?

このような状況に対処するための最良の選択肢は何ですか?

1
Zach Lysobey

このコードをあなたのfunctions.phpに追加してください

if(function_exists('add_theme_support'))
add_theme_support('post-thumbnails');

// Set the thumbnail size
add_image_size('custom_logo', 200, 200, true );
add_image_size('custom_website_thumb', 450, 200, true );
add_image_size('custom_print_ad_thumb', 200, 400, true );

あなたが画像を見たい場所にあなたの投稿テンプレートにこれを入れてください。

<?php echo get_the_post_thumbnail($post_id, 'custom_logo'); ?>

このようにリンクで囲むこともできます。

 <a href="<?php echo get_permalink($post_id) ?>" title="<?php echo get_the_title($post_id); ?>"> <?php echo get_the_post_thumbnail($post_id, 'custom_logo'); ?></a> 

あなたはもっと活用するためのWordpressのコーデックスを見ることができます。

それを使用することができるようにアップロード時におすすめの画像として画像を設定することを忘れないでください。

コーデックスリンク

2
John Bentwin