wordpress - 同じサイズのサムネイルを作成するには?

Question

ここを確認してください、投稿とページにアップロードされた機能画像のサイズを設定する方法は?

私が実際に欲しいものについては、下の画像を参照してください

Answer 1

あなたの中で使用add_image_size()してくださいfunctions.php：

<?php add_image_size( $name, $width, $height, $crop ); ?>


add_image_size( 'your-image', 150);

...そして、これをテンプレートで使用します。

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

参照: http://codex.wordpress.org/Function_Reference/add_image_size

あなたのウェブサイトのいくつかの変更 css

追加してみる height:250px; //example you can whatever you want. ...

あなたの

.avia-content-slider .slide-image, .avia-content-slider .slide-image img  

スクリーンショットがあります

そして見てください..

Answer 2

以下のコードをテーマの function.php ファイルに追加してください

if ( function_exists( 'add_image_size' ) ) { 
add_image_size( 'custom-image-thumb', 200, 200,true ); //200 pixels wide and 200 height, true for crop exact size and false for dimensional crop.
}

次に、以下のコードのように前面でこれを使用できます。

<?php echo $image = get_the_post_thumbnail($post_id, 'custom-image-thumb'); ?>

Answer 3

Vaibs_Cool の回答で説明されているように、画像サイズを変更/追加した後、以前のサムネイルは影響を受けず、新しくアップロードされたファイルのみが影響を受けるため、以前のサムネイルを再構築する必要があります。

これに使用される古典的なプラグインは

サムネイルの再生成

画像添付ファイルのサムネイルを再生成できます。これは、以前に画像をアップロードした後に ([設定] -> [メディア] を介して) サムネイルのサイズを変更した場合、または注目の投稿画像のサイズが異なるテーマに変更した場合に非常に便利です。

常に引用されている別のプラグインがありますが、RT がうまく機能するため、私は使用したことがありません。

両方のプラグインに関する WordPress Answers の次の検索結果を確認してください。これは、トピックに関する興味深い議論につながります: [ 1 ]および[ 2 ]。

Answer 4

///////カスタム フィーチャー画像サイズの追加//////////////////

add_image_size( $new_size_name, $width, $height, $crop);

利用方法 ：

幅 = 100、高さ = 300 が必要だとしましょう

テーマのfunctions.phpファイルに次のコードを挿入します

add_image_size( "test_size", 100, 300, true );

必要な場所で次のコードを使用します。

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

注: *テストしても何も起こらない場合は、フィーチャー イメージを削除して、別の名前で再度アップロードする必要があります。

注意: $crop = False - ソフト プロポーショナル クロップ モード。True - ハード トリミング モード。

// 参照 : http://codex.wordpress.org/Function_Reference/add_image_size

// 参照 :add_image_size( $name, $width, $height, $crop );

Answer 5

特定のサムネイル画像用にいくつかのcssコードを追加するだけです。このような 、

.slide-entry a img {hight:248px; 幅:248px;}

あなたのstyle.cssで。