アップロード画像の表示 : WordPress

Tweet

Pocket

投稿に挿入した画像

画像情報はwp_postsテーブルのレコードとして登録される。wp_postsテーブルのpost_typeフィールドの値はattachment、post_mime_typeの値は画像形式に応じてimage/jpeg, image/png, image/gifなどになる。post_parentフィールドの値に画像をアップロードした記事の投稿IDを持つ。

投稿でアップロードした画像のパスを抽出するコードは下記のようになる。

 <?php
$files = get_children('post_parent=' . $post->ID . '&post_type=attachment&post_mime_type=image&orderby=ID&order=ASC');
$keys = array_keys($files);
foreach ($keys as $key) {
    $file = wp_get_attachment_image_src($key, 'full');
    // 画像表示処理など
    // echo '<img src="' . clean_url($file&#91;0&#93;) . '" />';
}
?>

投稿IDが998の記事から画像1枚(hoge.jpg)をアップロードした場合の$files^[1]の値は下記のようになる。

Array
( 
    [999] => stdClass Object 
    (
        [ID] => 999
        [post_author] => 3
        [post_date] => 2000-01-01 00:00:00
        [post_date_gmt] => 2000-01-01 00:00:00
        [post_content] => 
        [post_title] => hoge
        [post_excerpt] =>
        [post_status] => inherit
        [comment_status] => open
        [ping_status] => open
        [post_password] =>
        [post_name] => hoge
        [to_ping] =>
        [pinged] =>
        [post_modified] => 2000-01-01 00:00:00
        [post_modified_gmt] => 2000-01-01 00:00:00
        [post_content_filtered] =>
        [post_parent] =>998
        [guid] => http://www.example.com/wordpress/wp-content/uploads/hoge.jpg
        [menu_order] => 0
        [post_type] => attachment
        [post_mime_type] => image/jpeg
        [comment_count] => 0
        [filter] => raw
    )
)

» 画像操作関連まとめ | WordPress入門記
» WordPress › フォーラム » 画像URLの取得　wp_get_attachment_image_sr
» Function Reference/wp get attachment image src « WordPress Codex
» PHP: array_keys – Manual

アイキャッチ画像

アイキャッチ画像について簡単にまとめる。
詳しいまとめは下記の記事を参照。
» 画像のアップロードに関するまとめ : WordPress

add_theme_support( 'post-thumbnails') );
set_post_thumbnail_size(200, 50, true);

<?php the_post_thumbnail(); ?>  // アイキャッチに指定した画像をset_post_thumbnail_sizeで指定したサイズの画像表示(横200px, 縦50pxのトリミングされた画像)
<?php echo get_the_post_thumbnail(); ?> // アイキャッチに指定した画像をset_post_thumbnail_sizeで指定したサイズの画像を表示(横200px, 縦50pxのトリミングされた画像)
<?php echo get_the_post_thumbnail($page->ID, 'thumbnail'); ?> // アイキャッチに指定した画像のサムネイル画像を表示

the_post_thumbnail, get_the_post_thumbnailともにアイキャッチ画像を指定していない場合は表示されない。

» 画像のアップロードに関するまとめ : WordPress
» アイキャッチ画像の取得・設置など|WordPress3 | imagination_log

[1] IDの数字は分かり易く999にしただけ。
[2] アイキャッチ画像は投稿画面でアイキャッチ画像に設定した画像。サムネイルは[設定]>[メディア設定]>[サムネイルの設定]で設定する画像をアップロードする際に自動でアップロードされる画像のこと。両者を混同しない。

画像関連の投稿なので最近行った豊田市立美術館の写真を何となくアップ