アイキャッチにリンクを付ける

wordpressで記事を書く際に
アイキャッチを設定する事は多いと思うのですが
アイキャッチをクリックしてLightbox的に拡大表示って
以外とすんなりといかなかったので
その備忘録。


single.phpアイキャッチを表示させたい箇所
通常は

<?php the_post_thumbnail();  ?>

と書くところに
下記を記述。

PHP

 <?php if ( has_post_thumbnail() ) : ?>
  <?php
      $files = get_post_meta($post->ID, '_thumbnail_id', true);
      $file = wp_get_attachment_url($files);
  ?>
  <div class="thumbnail">
    <a href="<?php echo clean_url($file); ?>"><?php the_post_thumbnail( 'single-post-thumbnail' ); ?></a>
  </div><!-- /.thumbnail -->
<?php endif; ?>

これで画像に画像のリンクを貼ることができます。
後は必要に応じてclassなどを付けて対応させてください。



参考サイト

http://www.rockstream-jp.com/wordpress-eyecatch-lightbox-2/