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())は必要なかったりします。