Оглавление — очень полезный инструмент для любого веб-сайта WordPress. Наличие оглавления — это простой способ упорядочить весь контент вашего сайта и позволяет пользователям легче ориентироваться на вашем сайте. Итак, давайте узнаем, как добавить оглавление.
Оглавление — это простая система, которая упорядочивает контент по важности, по категориям или даже по алфавиту. Существует неограниченное количество элементов, которые могут быть перечислены в оглавлении, что просто предоставляет пользователям предварительный просмотр содержимого, доступного на веб-сайте.
Оглавление не обязательно должно быть размещено выше каждого контента. У него может быть своя собственная страница WordPress, чтобы она не появлялась в каждом посте или странице сайта WordPress.
Один из самых простых способов добавить плагин оглавления на веб-сайт WordPress — установить плагин WordPress. Тем не менее, добавление оглавления также может быть достигнуто с помощью HTML или php кодирования, в зависимости от вашего уровня навыков WordPress.
Типы WordPress Содержания
Содержание также может быть представлено на вашем сайте WordPress различными способами. Чтобы помочь организовать контент на странице, существуют разные типы оглавления, которые отображают информацию по-разному.
- Плавающее оглавление — плавающее оглавление на самом деле является виджетом, который прикреплен к одной стороне страницы и сразу привлекает внимание пользователя. Обычно таблица перемещается вместе со страницей, когда пользователь прокручивает страницу вниз. Или по нему можно щелкнуть, и пользователь может перейти к этому разделу контента.
- Содержание боковой панели отображается на боковой стороне веб-страницы и остается неизменным.
Добавление WordPress Оглавление
Есть три способа добавить оглавление в WordPress. Самый простой и удобный для пользователя вариант — установить плагин WordPress. Кроме того, администратор может добавить оглавление вручную, добавив HTML код. Более опытные пользователи WordPress могут добавлять оглавление с кодировкой.
Как добавить содержание
- Администраторы могут добавить оглавление, установив плагин WordPress.
- Чтобы добавить оглавление в HTML, все, что вам нужно сделать, это добавить строки кода непосредственно в бэкэнд сайта WordPress. Например:12<th></th> // тег названия<tr>1.</tr> // тег пункта оглавления
Это создаст столбец для перечисления номеров в оглавлении. Дополнительные разделы оглавления могут быть добавлены с помощью дополнительных тегов HTML и текста. - HTML также использует якорные ссылки, то есть текст между открывающим и закрывающим тегом в начале ссылки. Использование якорных ссылок в содержании позволяет пользователям легко переходить по странице.
- Чем больше вы обладаете передовыми навыками кодирования, тем больше вы можете стилизовать и оформить оглавление. Добавление большего количества кодов позволяет полностью настроить формат оглавления, стиль, цвета, шрифты, размеры и многое другое.
Пользователи WordPress имеют возможность создавать и разрабатывать что угодно, если у них есть достаточно времени и опыта. Все, от полностью настроенного оглавления до простой таблицы, достижимо с WordPress.
Простое оглавление WordPress с использованием чистого HTML и CSS кода
Простая и понятная реализация оглавления страницы, которая использует только чистый HTML и CSS (без плагинов или скриптов JavaScripts). Преимущество этого метода заключается в том, что не нужно загружать какие-либо файлы JS на каждую страницу сайта. Что еще более важно, не нужно поддерживать какой-либо код JavaScript для этого.
В большинстве рекомендаций по этой теме используется решение, включающее использование JavaScript или плагина. Ниже я объясню, как я создал простое оглавление, похожее как у плагина Easy Table Of Contents, используя только HTML и CSS. Вы можете скопировать и вставить код к себе на сайт WordPress. Тем не менее, вы должны немного понимать CSS и HTML-код, чтобы использовать это.
Код CSS для оглавления
Добавьте следующий код CSS в файл таблицы стилей вашей темы. Кроме того, вы можете внедрить этот код CSS с помощью пользовательского плагина CSS, как этот.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | #toc_container { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #aaa; display: table; font-size: 95%; margin-bottom: 1em; padding: 20px; width: auto; } .toc_title { font-weight: 700; text-align: center; } #toc_container li, #toc_container ul, #toc_container ul li{ list-style: outside none none !important; } |
HTML код для оглавления разделов статьи WordPress
Теперь, когда CSS-код готов, вы можете использовать простой HTML-код, как в примере ниже, для создания содержания контента на любой странице.
В основном делаете список ссылок, которые находятся на странице.
1 2 3 4 5 6 7 8 9 10 11 12 13 | <div id = "toc_container"> <p class = "toc_title"> Содержание </ p> <ul class = "toc_list"> <li> <a href="#First_Point_Header"> Заголовок 1 первой точки </a> < ul> <li> <a href="#First_Sub_Point_1"> 1.1 Первый подпункт 1 </a> </ li> <li> <a href="#First_Sub_Point_2"> 1.2 Первый подпункт 2 </a> </ li> </ ul> </ li> <li> <a href="#Second_Point_Header"> Заголовок 2-й точки </a> </ li> <li> <a href="#Third_Point_Header"> Заголовок 3-й точки </a> </ li> </ ul> </ div> |
После назначьте параметр «id» в тегах вашего заголовка, чтобы соединить ссылки из приведенного выше списка. В следующем примере показано, как можно назначить «id» любым тегам заголовка на странице.
1 | <h2 id = "First_Point_Header"> Заголовок первой точки </ h2> |
Вывод
Наличие оглавления на вашем сайте WordPress является необходимостью, если у вас есть тонна контента или вы предоставляете много продуктов или услуг. Оглавление легко упорядочит весь ваш контент, чтобы пользователи могли эффективно находить то, что ищут.
Оглавление может состоять из цифр, букв, римских цифр и многого другого. Существует неограниченное количество информации, которую можно добавить в оглавление. Якорные ссылки также для оглавления, чтобы быть более удобным для пользователя.
Администратор WordPress может выбирать типы сообщений, метки, отображение и различные кнопки. Оглавление имеет практически неограниченные возможности настройки, независимо от того, установлены ли они из плагина WordPress, HTML или php кодированием.
Надеюсь, теперь вы знаете, как добавить оглавление. Существует несколько типов оглавлений, и их можно добавлять в WordPress различными способами. Просто установите один из множества полезных оглавлений WordPress, добавьте HTML или php кодирование.
Скажите пожалуйста, как сделано Содержание у вас на сайте? Я не могу найти нигде этот скрипт, а оно явно не плагином генерируется. Поделитесь пожалуйста кодом, я вам буду безмерно благодарен)
Оглавление в записях выводится из самой темы Reboot.