[Woredpress] Easy Modalプラグインでsingle.phpをモーダル表示にする

案件で要望があったので、single.phpをモーダル表示にするプラグインが無いか調べてみました。
もう少しデザインをカスタマイズしやすいプラグインがあるかも知れませんが、「Easy Modal」が検索でヒットしたのでご紹介。

記事タイトルクリックで通常はsingle.phpに行きますが、クリックでモーダル表示にします。
インストール後、プラグイン設定は特に必要ありません。

一覧表示のテンプレートのリンクで

<?php while ( have_posts() ) : the_post();?>
<article>
  <h2><a class="eModal-post-<?php the_ID();?>" href="<?php the_permalink();?>"><?php the_title();?></a></h2>
  <?php echo do_shortcode("[modal id='post-". get_the_ID() ."' size='small' title='". get_the_title() ."']". get_the_content() . "[/modal]");?>
</article>
<?php endwhile; ?>

Adding Post Previews in Your Modals & Popups

Aタグに「EasyModal」のclassとショートコードを付けます。
これでモーダル表示になります。

デザインのカスタマイズが容易ならもっといいですね。

via:WordPress › Easy Modal « WordPress Plugins.

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)