前回の投稿のhttp://thefreefallband.com/superでわかるように、ほとんどすべてのコンピューターには大きすぎる画像があります。とにかく幅のワードプレスの画像に制限を設けることはありますか?
ない場合、比率を失うことなく、HTMLコードを介してサイズを変更するにはどうすればよいですか?
前回の投稿のhttp://thefreefallband.com/superでわかるように、ほとんどすべてのコンピューターには大きすぎる画像があります。とにかく幅のワードプレスの画像に制限を設けることはありますか?
ない場合、比率を失うことなく、HTMLコードを介してサイズを変更するにはどうすればよいですか?
本当に簡単なCSS修正は次のようになります。
.post img {
max-width: 100%;
height: auto;
}
[設定]->[メディア]に移動して、画像をメディアライブラリにアップロードするときに、WPが自動的に作成する画像のサイズを宣言できます。whileThumnial Size
は、指定した正確なサイズに画像をトリミングし、指定Medium Size
しLarge Size
た最大の高さ/幅に合うようにサイズを変更しながら、画像のアスペクト比を維持することに注意してください。
それらがあなたに良くない場合、あなたはあなた自身の画像サイズを追加することができますfunctions.php
add_image_size( $name, $width, $height, $crop );
詳細については、コーデックスを参照してください。
画像を呼び出すときは、使用している関数に応じて、定義された画像サイズのいずれか、または最大の高さ/幅を指定できます(これを行うと、WPが最も近いものを見つけます)。
投稿の注目画像を使用していると仮定します-
if(has_post_thumbnail( $post_id )) :
the_post_thumbnail( $size, $attr );
endif;
詳細については、コーデックスを参照してhas_post_thumbnail()
くださいthe_post_thumbnail()
。