ループ時における画像のurlの取得方法

  • 解決済 mgyuka25

    (@mgyuka25)


    11年、 9ヶ月前

    こんにちは。 Wookmarkというプラグインを使ってサムネイルをpinterestのように並べたサイトを作ろうとしています。

    画像の配列表示は、ループ時に<?php the_post_thumbnail(); ?>で上手くできたのですが、その画像をfancyboxを使用しクリック→拡大表示をさせるところでつまずいています。

    <a href="(画像のurl)"><?php the_post_thumbnail(); ?></a>

    で、表示できるんじゃないかと思っているんですが、画像のurl取得方法がわからず困っています。

    どなたか教えてくださると大変助かります。

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

    (@gatespace)

    11年、 9ヶ月前

    wp_get_attachment_image_src 使ってください。

    英語のCodexの「the_post_thumbnail」には、そのまま使えそうなサンプルが載っています。
    http://codex.wordpress.org/Function_Reference/the_post_thumbnail

    トピック投稿者 mgyuka25

    (@mgyuka25)

    11年、 9ヶ月前

    gatespaceさん
    ありがとうございます！

    <?php
 if ( has_post_thumbnail()) {
   $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large');
   echo '<a href="' . $large_image_url[0] . '" title="' . the_title_attribute('echo=0') . '" >';
   the_post_thumbnail('thumbnail');
   echo '</a>';
 }
 ?>

    で無事解決できそうです。助かりました！

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「ループ時における画像のurlの取得方法」には新たに返信することはできません。