WordPressで現在のページからhタグを取り出して、目次を自動で作る機能を実装したんですが、PHPだけで実装したいと考えています。
方法があれば教えてください
WordPress
1function add_index($content){ 2 if (is_single()) { 3 $pattern = '/<h[1-6]>(.+?)</h[1-6]>/s'; 4 preg_match_all($pattern, $content, $elements, PREG_SET_ORDER); 5 6 if (count($elements) >= 1) { 7 $toc = ''; 8 $i = 0; 9 $currentlevel = 0; 10 $id = 'chapter-'; 11 12 foreach ($elements as $element) { 13 $id .= $i + 1; 14 $replace_title = preg_replace('/<(h[1-6])>(.+?)</(h[1-6])>/s', '<$1 id="' . $id . '">$2</$3>', $element[0]); 15 $content = str_replace($element[0], $replace_title, $content); 16 17 if (strpos($element[0], '<h2') !== false) { 18 $level = 1; 19 } elseif (strpos($element[0], '<h3') !== false) { 20 $level = 2; 21 } elseif (strpos($element[0], '<h4') !== false) { 22 $level = 3; 23 } elseif (strpos($element[0], '<h5') !== false) { 24 $level = 4; 25 } elseif (strpos($element[0], '<h6') !== false) { 26 $level = 5; 27 } 28 29 while ($currentlevel < $level) { 30 if ($currentlevel === 0) { 31 $toc .= '<ol class="index__list">'; 32 } else { 33 $toc .= '<ol class="index__list_child">'; 34 } 35 $currentlevel++; 36 } 37 38 while ($currentlevel > $level) { 39 $toc .= '</li></ol>'; 40 $currentlevel--; 41 } 42 43 // 目次の項目で使用する要素を指定 44 $toc .= '<li class="index__item"><a href="#' . $id . '" class="index__link">' . $element[1] . '</a>'; 45 $i++; 46 $id = 'chapter-'; 47 } // foreach 48 49 // 目次の最後の項目をどの要素から作成したかによりタグの閉じ方を変更 50 while ($currentlevel > 0) { 51 $toc .= '</li></ol>'; 52 $currentlevel--; 53 } 54 55 $index = '<div class="single__index index" id="toc"><div class="index__title">目次<button class="index__button">閉じる</button></div>' . $toc . '</div>'; 56 $h2 = '/<h2.*?>/i'; 57 58 if (preg_match($h2, $content, $h2s)) { 59 $content = preg_replace($h2, $index . $h2s[0], $content, 1); 60 } 61 } 62 } 63 return $content; 64} 65add_filter('the_content', 'add_index');