PDA

Просмотр полной версии : Содержание для статьи



drweb
17.02.2015, 21:23
Здравствуйте!
Используете ли вы содержание для больших постов сайта, если да то поделитесь какой скрипт, плагин используете?

9seo
19.02.2015, 00:10
Использую. Делаю руками.. Даже не знал, что есть плагины для этого..

drweb
19.02.2015, 08:00
Использую. Делаю руками.. Даже не знал, что есть плагины для этого..

Можно подробней рассказать как вы это делаете желательно с примерами. Я использую скрипт, но он прибавляет приставку к тегу h2, h3.
Вот как выглядит сам скрипт содержания:

<ul id='с_menu' class='contents'>
<li><a href="#h2_1">Факты о прополисе</a></li>
<li><a href="#h2_2">Использование настойки прополиса</a></li>
<li><a href="#h2_3">Применение прополиса в чистом виде</a></li>
А вот как он выводит h2:

<h2 id="h2_2">Использование настойки прополиса</h2>
Я так понимаю это не очень хорошо когда в позаголовке лишние теги id="h2_2" или такое допустимо?

Andrew
20.02.2015, 03:59
drweb, вот Вы и спалили нам свой сайт)) Шутка.
По теме, у меня Содержание для статьи формируется автоматически через .js скрипт. Для WP знаю используется плагин TOC, но у меня другая CMS.
Все работает на "УРА!", ничего к подзаголовкам не добавляется. В статье нужно будет один тег писать, там где хотите чтоб появилось содержание и все:

jQuery(function(e){subheader=".item-bg h2";numheaders=3;if(e(subheader).size()>=numheaders){contents="<nav class='autocontents'><b>Содержание статьи:</b><ul>";e(subheader).each(function(t){e(this).attr("id","contents"+t);contents+='<li><a href="#contents'+t+'">'+e(this).text()+"</a>"});contents+="</ul></nav>";e(".sepr").after(contents)}});
Здесь у меня в контейнере <div class="item-bg"> (можно и ваш <article> прописать) ищется подзаголовок h2 и из него формируется пункт. Содержание не формируется автоматом, если подзаголовков в контейнере меньше 3-х (numheaders). Содержание формируется в том месте, где вы назначите объекту класс ".sepr" - я перед содержанием рисую линию <hr class=".sepr"> и после нее автоматом строится Содержание.
Очень простой скрипт и подходит для голого HTML даже.