2015/09/04

WPカスタム投稿で画像をポップアップ

Advanced Custom Fieldsプラグインを利用したカスタム投稿内で画像を投稿し、
その画像をEasy Fancy Boxプラグインでポップアップさせる。
また、画像が投稿されていないと自動でデフォルトの画像(default.png)が選択される。

<?php if ( post_custom('s1') ) : ?>
<a href="<?php
    $image = wp_get_attachment_image_src(get_post_meta($post->ID, 's1', true), 'full');
    echo $image[0];
?>" rel="lightbox">
<?php echo wp_get_attachment_image(get_post_meta($post->ID, 's1', true),'thumbnailSmall'); ?></a>

<?php else : ?>
<a href="<?php bloginfo('template_url'); ?>/img/default.png" rel="lightbox">
<img src="<?php bloginfo('template_url'); ?>/img/default.png" alt="no-image"  class="s_no" />
</a>
<?php endif; ?>

※’s1’はカスタムフィールドのフィールドID
カスタム投稿内で’s1’に画像挿入があればそれを表示、無ければdefault.pngが挿入される。