• 解決済 makomako

    (@makomako)


    はじめて投稿します。

    カスタム投稿でつくった投稿記事のページにアイキャッチ画像を読み込んで
    表示させています。

    <?php the_post_thumbnail(‘taxo’); ?>

    ここに元画像のリンクをつけたいと思っているのですが、ソースの書き方が
    わかりません。

    どうかお教えいただければと思います。

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • t.okubo

    (@tokubo)

    wp_get_attachment_image_src()を使ってみてはどうでしょう?

    参考サイト:
    http://www.promeshi.com/archives/1011

    Fumito MIZUNO

    (@php-web)

    リンク付きで表示する、というのは
    <a href=’画像’><img width=”150″ height=”150″ src=”サムネイル” /></a>
    のようなHTMLを出力したい、ということでしょうか。

    その場合は、the_attachment_linkという関数が用意されているので、
    こちらを使うと良いと思います。
    http://wpdocs.sourceforge.jp/テンプレートタグ/the_attachment_link

    アイキャッチ画像をリンク付きで表示するなら、
    the_attachment_link(get_post_thumbnail_id());
    でいけます。

    トピック投稿者 makomako

    (@makomako)

    Fumito MIZUNO様

    ご回答ありがとうございます。

    ご指摘頂いた通り、私がやりたかった事はHTMLで言うと
    <a href=’画像’><img width=”150″ height=”150″ src=”サムネイル” /></a>
    のような出力をしたいという事でした。

    教えていただいた方法で実装した所、見事に私の想い描いた形になりました。
    Fumito MIZUNO様ありがとうございました。

    ただできれば以下の事も教えていただければと思います。

    <?php the_attachment_link(get_post_thumbnail_id()); ?>
    で出力するようにしたのですが、この場合のアイキャッチのサイズはどこでどの様な書き方で指定できるのでしょうか?

    HTMLで言うと<img width=”〜” height=”〜”>の部分の事です。

    以上です。どうかよろしくお願いいたします。

    トピック投稿者 makomako

    (@makomako)

    追記です。

    またこのアイキャッチ画像に枠線(通常時とマウスオーバー時の色は変える)をつけたいと思っているのですが、そちらも併せて教えていただけたらと思います。

    ページ内の全てのアイキャッチ画像に枠線ではなく、特定(こちらで指定したカスタム投稿)のアイキャッチ画像にのみ枠線を施したいのです。

    以上です。どうかよろしくお願いいたします。

    Fumito MIZUNO

    (@php-web)

    the_attachment_linkは画像サイズはfullかサムネイルしかないですね。

    それ以外のものを使いたいならwp_get_attachment_link
    http://wpdocs.sourceforge.jp/Function_Reference/wp_get_attachment_link

    echo wp_get_attachment_link( get_post_thumbnail_id(), ‘medium’ );

    を使って対応できると思います。(mediumのところを適宜変更する)

    Fumito MIZUNO

    (@php-web)

    枠線はスタイルシートでできますね。

    標準のテーマなら、<body>タグに
    single-(カスタム投稿名)
    というクラス属性が付くので、これを利用すればカスタム投稿の場合だけ見栄えを変更できます。

    トピック投稿者 makomako

    (@makomako)

    Fumito MIZUNO様

    ご返答ありがとうございました。素人でわかりづらい質問であったかも知れませんがお応え頂き非常に勉強になりました。

    また分からないことがでてくれば、こちらのフォーラムで質問させていただきますので、その際にもお力をお貸し頂ければと思います。

    本当にありがとうございました。

    モデレーター Naoko Takano

    (@nao)

    管理者からのメッセージです。
    t.okubo さんの投稿がスパムの誤判定により非表示になっていたため先ほど訂正しました。スレッドの流れがおかしくなっているかもしれませんが、そのような事情のためご了承ください。

    トピック投稿者 makomako

    (@makomako)

    t.okubo様

    管理者からのメッセージです。
    t.okubo さんの投稿がスパムの誤判定により非表示になっていたため先ほど訂正しました。スレッドの流れがおかしくなっているかもしれませんが、そのような事情のためご了承ください。

    というわけで、せっかくご回答頂いたのにこちらで見ることができませんでしたが、ご回答頂きありがとうございました。

    また別な内容でご質問させていただくことがあるかと思いますのでその際にはぜひお力をお貸しください。

    ご回答ありがとうございました。

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • トピック「アイキャッチ画像への元画像のリンクの仕方について」には新たに返信することはできません。