info@pro-internetmarketing.ru
+7 (909) 443-59-84
10:00-18:00

Меню содержания статьи в CMS DataLife Engine

Меню содержания статьи в CMS  DataLife Engine

В некоторых статья я делал такое меню в ручную. Но это было довольно затратно по времени. При том что я и так много времени трачу на размещение статьи: правильная верстка статей, удаление лишних тегов и т.п. То не во все статьи встраивал такое меню.

Теперь же благодаря вставки в шаблон страницы кода:

    <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 в Про Интернет-Маркетинг | Сайт | Публикации

Добавить комментарий

Ваш адрес email не будет опубликован.

одиннадцать − три =

[contactform]