В некоторых статья я делал такое меню в ручную. Но это было довольно затратно по времени. При том что я и так много времени трачу на размещение статьи: правильная верстка статей, удаление лишних тегов и т.п. То не во все статьи встраивал такое меню.
Теперь же благодаря вставки в шаблон страницы кода:
<div id="the_content">{full-story}</div> <script> $(document).ready(function(){ if($("#the_content h1, #the_content h2, #the_content h3, #the_content h4, #the_content h5").length){ $("#the_content p:first").after('<div id="table_of_contents"> <div class="toc-title"><b>Содержание</b></div><ul></ul></div>'); $("#the_content h1, #the_content h2, #the_content h3, #the_content h4, #the_content h5").each(function(i) { var current = $(this); current.attr("id", "title" + i); $("#table_of_contents ul").append("<li class='list-" + current.prop("tagName") + "'> <a id='chapter" + i + "' href='#title" + i + "' title='" + current.prop("tagName") + "'>" + current.html() + "</a></li>"); }); } }); </script>
Вместо этого кода
{full-story}
Код искал довольно долго. Чаще встречал плагины и решения для CMS WP. Но все таки удалось найти и внедрить. Теперь осталось подправить прошлые статьи.
Пример статьи с меню можно посомтреть здесь.
Основатель веб-студии «Про Интернет-Маркетинг». Опыт в SEO с 2011 года, Работал в должностях: SEO-специалист, руководитель SEO-отдела, инвестиционный консультант, интернет-маркетолог, руководитель отдела интернет-маркетинга, маркетолог, веб-аналитик.
