WordPressのアイキャッチ(サムネイル)の画像をURLで取得して表示する方法

beautiful-2315 - コピー
このエントリーをはてなブックマークに追加
PR

WordPressでアイキャッチのURLを取得する、利用する方法

WordPressにはテンプレートタグでアイキャッチを表示させることが出来ますが
imgタグとして出力されます

これを純粋なURLとして出力させることで利用の用途が広がります

 

例えば

  • リンクだけにする
  • CSSのbackground: url(“”);で背景に指定する
  • テキストとして表示する

 

といったように画像を表示する以外にも色々な用途で使うことが可能になります

 

PHP

<?php echo wp_get_attachment_url( get_post_thumbnail_id() ); ?>

 

 

 

事例1

私が考えている使い方では
アイキャッチを表示して、そのアイキャッチのフルサイズをダウンロード出来るようにするというものです

記事本文で、手作業でやれないことはないのですが
アイキャッチが登録で全自動で出来るようになるので、作業を減らせるので いいかなっと

 

PHP

<?php the_post_thumbnail(); ?>
<a hreff="<?php echo wp_get_attachment_url( get_post_thumbnail_id() ); ?>">Dwonload Image </a>

こんな感じに使えたりします
かなり特殊なケースですが

 

 

事例2

CSSに背景とし表示させるためにインラインCSSで使う

 

PHP

<div style="background: url("<?php echo wp_get_attachment_url( get_post_thumbnail_id() ); ?>");">・・・</div>

 

参考記事
http://wpcos.com/?p=11002

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)