Custom Field Templateで画像を表示する

YY3ai2ui24 650views 更新:2015年7月29日

入力側は

[gazou]
type = file
label = 写真


 案


<div class="xxxx"><?php echo wp_get_attachment_image(get_post_meta($post->ID,"gazou",true),'thumbnail'); ?></div>

案2

<div class="yyyy"><?php
echo wp_get_attachment_image(get_post_meta($post->ID,"gazou",true),'medium');
?></div>


案3


<?php //altとtitleを変更する $args = array( 'alt' => wp_kses($post->post_title, array()), 'title' => false, ); //サイズの定義 $size = array(481, 361); //画像をHTMLで取得する $postImg = wp_get_attachment_image(post_custom('gazou'), $size, false, $args); //画像をURLで取得する $postImgSrc = wp_get_attachment_image_src(post_custom('gazou'), $size, false, $args); if($postImg) { ?> <figure class="postImg"><?php echo $postImg; ?></figure> <p><?php echo $postImgSrc[0]; ?></p> <?php } ?>

wp_get_attachment_image_srcは戻り値1がurl、戻り値2がwidth、戻り値3がheightです。 wp_get_attachment_imageの戻り値はHTMLのimgタグです。

これらの関数の第一引数はアタッチメントIDでいろんな方法で取得することができますが工夫が必要です。 上記の案だとそのままだと動かないケースがあります。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません