Blog

HOME > Web > Wordpress > 【WordPress】画像（サムネイル）サイズの指定について

【WordPress】画像（サムネイル）サイズの指定について

2015/06/09

Wordpress

画像サイズの指定についての一覧です。

WordPress のデフォルトの画像サイズは 'thumbnail', 'medium', 'large', 'full'（アップロードした画像のサイズ）です。
これらの画像サイズは WordPress の管理画面の 設定 > メディア で設定することができます。

以下は the_post_thumbnail() タグでデフォルトの画像サイズを使用する方法です。 

the_post_thumbnail();                     // パラメータなし -> 'post-thumbnail'
 
the_post_thumbnail( 'thumbnail' );        // サムネイル (デフォルト 150px x 150px :最大値)
the_post_thumbnail( 'medium' );           // 中サイズ   (デフォルト 300px x 300px :最大値)
the_post_thumbnail( 'large' );            // 大サイズ   (デフォルト 640px x 640px :最大値)
the_post_thumbnail( 'full' );             // フルサイズ (アップロードした画像の元サイズ)
 
the_post_thumbnail( array( 100, 100 ) );  // 他のサイズ

サムネイル画像のURL出力
参考サイト　https://zxcvbnmnbvcxz.com/get_post_thumbnail_id/

<?php
$image_id = get_post_thumbnail_id();
$image_url = wp_get_attachment_image_src($image_id, true);
?>
<img src="<?php echo $image_url[0]; ?>" class="thumb">

この方法だと画像にエフェクト効果を付けたい場合、class指定ができますね。



カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ