Wordpress でAjax利用
最近のサイトづくりは、ページ遷移というよりもAjaxで画面遷移なしで
見せてしまう事も多いかと思います。
例えば、記事の一覧をトップページで表示して
記事をクリックすると、詳細記事に遷移するといった形ではなく、
モーダルダイアログで記事内容を見せたり。
ちょうどそういう要件があったので実装してみました。
<li> <a href="<?php bloginfo('template_url');?>/single.php?_page_id=<?php the_ID(); ?>" class="ajax"> <?php the_title();?> </a> </li>
こんな感じで、single.phpにリクエストをして、modalに中身を表示するという内容です。
single.phpで、page_idを元に、記事内容を返します。
ajax部分の実装は割愛します。
この場合、single.phpはmodalの中に表示するhtmlを返すだけなので、
テーマのヘッダー部分(get_header())やフッター(get_footer())は必要なかったりします。