Июл 09

Как сделать оглавление для статей WordPress. Содержание статьи html

Советы для Web-Мастера | Автор: Дмитрий | Опубликованно: 09. 07. 2013Комментировать

Как сделать оглавление для статей WordPress. Содержание статьи html


Всем привет! Сегодня я хочу рассказать о том как сделать содержание статьи в WordPress, только при помощью Html, без посторонних плагинов и скриптов. Пример применения оглавления вы можете посмотретьв данной статье моего блога.

как сделать оглавление как сделать содержание


Расскажу как это сделать на примере своей статьи, заходим в редактор статьи в которой будете делать оглавление, и создаете вот такой список:

<pre><strong>Содержание статьи:</strong>
<strong>Шаг 1.</strong><a href="#shag1"> Подготовка к переносу.</a>
<strong>Шаг 2.</strong><a href="#shag2"> Делаем импорт базы данных.</a>
<strong>Шаг 3.</strong><a href="#shag3"> Прописываем в домене NS сервера нового хостинга.</a>
<strong>Шаг 4.</strong><a href="#shag4"> Завершение переноса.</a></pre>

Соответственно подставляем свои пункты, заголовки статьи.

Далее нам нужно каждому заголовку в статье присвоить свой id (name)

Покажу пример ШАГ 3 :

<pre><a name="shag3"></a></pre>
<h2 style="text-align: center;"><strong>Шаг 3. Прописываем в домене NS сервера нового хостинга.</strong></h2>

Вот так код выглядит у меня, я вставил a name=»shag3″ над  заголовком статьи, теперь при нажатии в содержании на 3 пункт, нас переносить в соответствующий раздел статьи. Вот такое простенькое содержание для wordpress без лишней нагрузки на хостинг и прочих неудобств которые могут доставить плагины и скрипты. Конечно можно воспользоваться скриптом, и перемещение после нажатия на пункт оглавления будет плавным, но все же я считаю что это только уменьшает скорость работы нашего блога / сайта .

Всем спасибо за внимание! Комментируем задаем вопросы 🙂


Узнавайте О Новых Статьях По Почте:
Делитесь статьями с друзьями в Соцсетях:
HashFlare