demsdems.ru

Автоматическое создание содержания статьи в DLE 13.x



Дата добавления: 28 02 2018

Материал обновлен: Сегодня, 06:03


Автоматическое создание содержания статьи в DLE 13.x

Данный модуль позволяет в автоматическом режиме формировать содержание статьи на основании использованных в статье тегов заголовков H2-H6. Автоматическое создание содержания статьи в DLE 13.x и выше.

Примеры сделал по образу википедии.


пример 1

 

 


Или вот пример с большим количеством заголовков и подзаголовков:


пример 2 содиржание статьи

 

 


Формируемый html код при необходимости в принципе достаточно легко можно изменить в самом файле модуля.
Внимание: Следует внимательно следить за иерархией используемых тегов. К примеру, если первым будет стоять тег H3, а ниже будет H2, то он и все что ниже отображаться не будет. 


Установка:


Для автоматической установки в DLE 13.x достаточно установить плагин: GitHub.
Но изменения в шаблоне fullstory.tpl все равно нужно будет внести вручную.


Лично я установил в ручную, пройдя по ссылке GitHub я нечего не понял.

Для ручной установки: 10 минут.


Скачать ниже файл headers_menu.php и распаковать в папку engine/mods если папки нет создайте сами.


Открыть файл engine/modules/show.full.php


Найти строку:

$tpl->set( '{navigation}', "<!--dlenavigationcomments-->" );


После нее вставить:

///////////////////////////////////////////////////////////////////////
include_once ENGINE_DIR . '/mods/headers_menu.php';
///////////////////////////////////////////////////////////////////////


В шаблоне fullstory.tpl использовать код: всатвить в нужное для вас месте.

<!--Содержание-->
<center>
[hmenu]<div class="contents">
<h2>Содержание статьи</h2>
<ul class="h-menu">{hmenu}</ul>
</div>
<script>
$(document).on('click', 'a[href*=hmenu-]', function(e){
e.preventDefault();
var id = $(this).attr('href');
var top = $(id).offset().top - 90;
$('html,body').animate({scrollTop:top + 'px'});
})
</script>
<style>
.contents{
background: #F8F9FA;
border: 1px solid #A2A9B1;
padding: 15px 20px 10px 5px;
display: table;
border-radius: 2px;
margin-top: 15px;
}
.contents>h2{
margin: 0;
padding: 0 0 15px;
font: bold 17px 'Trebuchet MS';
text-align: center;
}
.contents ul{
margin: 0;
padding: 0 0 0 20px;
list-style: none;
}
.contents ul li{
margin: 0;
padding: 1px 0;
}
.contents ul li span{
color: #444;
font-size: .9em;
}
</style>
[/hmenu]
</center>
<!--Содержание-->


Обратите внимание на JS код. С его помощью можно сделать отступ сверху, если используется плавающее верхнее меню. Ну и небольшая анимация прокрутки. Так же JS код можно и даже следует вынести в отдельный подключенный к шаблону JS файл.


Установка для статической страницы


Открыть файл engine/modules/static.php


Найти строку:

$tpl->set( '{static}', $template );


ПЕРЕД ней вставить:

include_once ENGINE_DIR . '/mods/headers_menu.php'; $menulist = HeadersMenu::init($template); $template = $menulist . $template;



demsdems

Автор: demsdems Комм: 0 Рейтинг: 3 Просмотров: 182

Связь с автором новости Главная страница сайта


Личный кабинет

2 посетителя сейчас на сайте
Из них:
Пользователи1
Гости1

Подписаться на новости
Введите Email:

Пример:
имя@mail.ru





Раскрути Сайт, Youtube
Рекомендуем
    Скоро