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

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

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

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

<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>

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

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

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

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

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

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

Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Osxit.ru
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: