サポート » 使い方全般 » 横のサムネイル画像と併用して縦のサムネイル画像を生成表示したい

  • 解決済 kurudrive

    (@kurudrive)


    以下の状況です。
    1.縦の画像を表示させたい。
    2.アイキャッチ画像は横画像として一覧表示で使うので使えない。
    3.プラグインAdditional Image Sizes (zui) を使って staff_tateImage という名前で 240×320でサムネイル画像を生成
    4.Advanced Custom Fields を使って staff_tateImage という画像の入力フィールド(アップロード)ボタンを追加し、Additional Image Sizes (zui)で追加した縦の画像が管理画面のプレビューで表示出来るように設定。
    5.管理画面から画像をアップロードしてみると、プレビューで縦の画像は表示される。

    +++++ ここまでは何の問題もない +++++

    page.phpでこの画像を呼びだしたいのですが・・・

    <?php the_post_thumbnail('staff_tateImage'); ?>
    // → 通常のアイキャッチ画像が表示されてしまう
    <?php echo wp_get_attachment_image(get_post_meta($post->ID,"staff_tateImage",true)); ?>
    // → 縦画像用にアップロードした画像だけど、通常のアイキャッチ画像と同じサイズで横にトリミングした画像が表示されてしまう

    となってしまいます…orz

    公開ページ でAdditional Image Sizes (zui)で追加した縦の画像を表示する為にどなたかお力添えいただけると助かります。

    よろしくお願いいたします。 m(TーT)m

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • モデレーター gatespace

    (@gatespace)

    wp_get_attachment_image() の引数がポイントのような気がします。
    http://codex.wordpress.org/Function_Reference/wp_get_attachment_image

    使い方が
    wp_get_attachment_image( $attachment_id, $size, $icon, $attr );
    で、$attachment_id には 画像のID、$sizeが呼び出すサイズです。

    試しに var_dump(get_post_meta($post->ID,"staff_tateImage",true)); としてみて
    画像のIDが返ってきているのならば、
    wp_get_attachment_image( get_post_meta($post->ID,"staff_tateImage",true) 'staff_tateImage' ); で表示されると思います。

    こんばんは。
    Additional Image Sizesは使ったことはありませんが
    もし普通にadd_image_sizeで追加されるのと同じであれば

    <?php echo wp_get_attachment_image(get_post_meta($post->ID,"staff_tateImage",true)); ?>

    の部分を

    <?php echo wp_get_attachment_image(get_field('staff_tateImage'),'staff_tateImage'); ?>

    で表示できないでしょうか。

    get_field(‘staff_tateImage’)はadvanced custom fieldsで設定したIDを返すもの(返り値にIDを指定した場合)
    そのすぐ後の
    ‘staff_tateImage’);は画像サイズの方の名前です。

    かぶりました。すみませんです。

    > gatespaceさん

    var_dump で画像のIDは返って来るのですが、

    wp_get_attachment_image( get_post_meta($post->ID,”staff_tateImage”,true) ‘staff_tateImage’ );

    は何も表示されませんでした。
    ちなみに
    wp_get_attachment_image( get_post_meta($post->ID,”staff_tateImage”,true),’staff_tateImage’ );
    の間違いかなと思いましたがダメでした…orz

    でーきーまーしーたー!!!!!

    <?php echo wp_get_attachment_image( get_post_meta($post->ID,"staff_tateImage",true),'staff_tateImage' ); ?>

    gatespaceさん、jdbbさんありがとうございましたー!

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「横のサムネイル画像と併用して縦のサムネイル画像を生成表示したい」には新たに返信することはできません。