2016
8
Feb

WordPressメモ帳

WordPressメモ【画像のURLを取得する編】

テーマファイル編集メモ

カスタムフィールド等で画像をアップロードし、記事ページにそれぞれの記事の画像を挿入したい場合は下記にて行う。

これは、記事部分ではない場所に画像を表示したい場合などに使う。

例えば、記事ごとにヘッダー画像やサムネイルなどを特定の場所に表示したい場合。

【カスタムフィールドのimg01を表示する】

<?php echo wp_get_attachment_image(get_post_meta($post->ID,”img01″,true),’large’);? ></div>

php構文の意味は下記。

wp_get_attachment_image = 画像ファイルの情報を取得してimgタグとして返す(<a href=”img/img01.jpg”>等のタグ付き)

get_post_meta = 投稿内のメタ情報を取得

【画像へのリンクを付けたい場合】

<a href=”<?php $image = wp_get_attachment_image_src(get_post_meta($post->ID,”img01″,true),’large’); echo $image[0];?>” onclick=”return false;”>
<?php echo wp_get_attachment_image(get_post_meta($post->ID,”img01″,true),’medium’);?></a>

wp_get_attachment_image_src
画像の情報を取得して必要なデータを書き出す
[0] => url
[1] => width
[2] => height
[3] => 真偽値: リサイズされいている場合は true、元のサイズの場合は false

  • このエントリーをはてなブックマークに追加