Easy FancyBoxで個別記事をポップアップする

Easy FancyBoxは主に画像等をポップアップできるlightbox系プラグインです。
このプラグインの凄いところは画像だけではなく、inline要素やyoutube、iframe要素までも簡単にポップアップできることです。しかも無料。こんな高性能なプラグインが無料とか信じられないです。本当に感謝です!!
今回はこのプラグインを使って個別記事をポップアップすることがあったのでメモ。

Easy FancyBox

https://wordpress.org/plugins/easy-fancybox/

設定の仕方

まずはプラグインからEasy FancyBoxをダウンロード。

設定>メディアの下にEasy FancyBoxの設定があります。

inline-contentにチェック。

php

<ul class="works_list">
    <?php if (have_posts()) : ?>
       <?php while (have_posts()) : the_post(); ?>
    <li>
        <a href="<?php the_permalink(); ?>" class="fancybox-inline">
            <?php the_title(); ?>
        </a>
    </li>
<?php endwhile; ?>
<?php else : ?>
<?php endif; ?>
</ul>

ポップアップしたい記事にclass=”fancybox-inline”を付ければあとはEasy FancyBoxがポップアップしてくれます。

注意

WPデフォルトのjQuery以外に正規のjQueryを別で読み込んでいると動作しないようです。動かない場合はWPデフォルトのjQueryだけにすると動きます。また、lightbox系のプラグインは他のプラグインと干渉しまくるので、不具合があったら諦めてほかのプラグインを探した方がいいかもしれません。

  • コーダーのための計算機