投稿内のh2見出しを全て取得して記事の頭にリンクをはり、クリックするとその見出しに飛ぶようにしたい

Question

投稿内のh2見出しを全て取得して記事の頭にリンクをはり、クリックするとその見出しに飛ぶようにしたいのですが、取得する方法がわかりません。どのようにすれば取得できるのでしょうか。ご教授いただけると幸いです。

以下途中のコードを記載しておきます。

<nav class="article_nav"> <ul> <li><a href="">見出し１</a></li> <li><a href="">見出し２</a></li> <li><a href="">見出し３</a></li> </ul> </nav> <?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>
	<?php the_content(); ?>
<?php endwhile; ?>
<?php else : ?>
	<section>お探しのページがみつかりません</section>

<?php endif; ?>

Answer 1

こんな感じでどうしょうか。
WordPressで動作確認はしたのでたぶん大丈夫だと思います。

//本文からh2タグをリストアップ
$content = get_the_content();
$h2_list = array();
preg_match_all('/<h2>(.*?)</h2>/', $content, $h2_list);

//置換・目次の準備
list($h2_outer, $h2_inner) = $h2_list;
$search = $h2_outer;
$replace = array();
$li_list = array();

foreach ($h2_inner as $key => $val) {
	$replace[] = sprintf('<h2 id="link%s">%s</h2>', $key, $val);
	$li_list[] = sprintf('<li><a href="#link%s">%s</a></li>', $key, $val);
}

//目次部分
$nav = "<ul>" .  implode("\n", $li_list) ."</ul>";
//リンク用のidを埋め込んだ本文
$body = str_replace($search, $replace, $content);

Comments

[KentaKatoh]

nnssn様
早速のご回答ありがとうございます。
ご教授いただいたもので実現できました。大変助かりました、ありがとうございました。

Answer 2

メモ代わりに最終的なコードを残しておきます。
wordpressのfunctions.phpに、nnssn様のコードと、投稿内のtemplete_urlを変換するショートコードを置換するコードを足して以下のようにし、固定ページでget_custom_contentを呼ぶような形にしました。
なにか間違っていたらすいません。

function get_custom_content() {
//本文からh2タグをリストアップ
$content = get_the_content();
$h2_list = array();
preg_match_all('/<h2 class="article_h2">(.*?)</h2>/', $content, $h2_list);

//置換・目次の準備
list($h2_outer, $h2_inner) = $h2_list;
$search = $h2_outer;
$replace = array();
$li_list = array();

foreach ($h2_inner as $key => $val) {
$replace[] = sprintf('<h2 id="link%s" class="article_h2">%s</h2>', $key, $val);
$li_list[] = sprintf('<li><a href="#link%s">>  %s</a></li>', $key, $val);
}

//目次部分
$nav = '<nav class="article_nav"><ul>' . implode("\n", $li_list) ."</ul></nav>";

//ショートコードを置換
$url_replace = array(
//'変更前' => '変更後',
'[url]' => get_bloginfo('url'),
'[template_url]' => get_bloginfo('template_url')
);
$content = str_replace(array_keys($url_replace), $url_replace, $content);

//リンク用のidを埋め込んだ本文
$body = str_replace($search, $replace, $content);

echo $nav;
echo $body;
}