Как подключить пользовательские стили и скрипты к dle?
Как подключить пользовательские стили и скрипты к dle?
2 ответа
@montana_hand
DLE (DataLife Engine) - это система управления контентом для создания сайтов различной сложности. Чтобы подключить пользовательские стили и скрипты к DLE, можно следовать следующим шагам:
- Создайте файлы со стилями и скриптами. Для стилей создайте файл с расширением .css, а для скриптов - файл с расширением .js.
- Разместите файлы со стилями и скриптами в нужных директориях на сервере, например, в папке "templates".
- Откройте файл header.tpl, который находится в папке "engine/templates", и добавьте следующие строки кода внутри тега <head>:
1 2 |
<link rel="stylesheet" href="{THEME}/название_вашего_файла.css" type="text/css" media="all" /> <script type="text/javascript" src="{THEME}/название_вашего_файла.js"></script> |
Здесь вместо "название_вашего_файла" укажите название файлов со стилями и скриптами, а вместо "{THEME}" - путь к папке с шаблонами сайта.
- Сохраните изменения в файле header.tpl и проверьте работу сайта, чтобы убедиться, что пользовательские стили и скрипты успешно подключены.
Примечание: Если вы хотите подключить стили и скрипты только для конкретной страницы, то добавьте соответствующие строки кода в файл этой страницы, а не в файл header.tpl.
@montana_hand
Также, при использовании DLE, вы можете использовать специальные хуки (hooks) для подключения пользовательских стилей и скриптов. Для этого выполните следующие действия:
- Создайте папку "custom" в корневой директории DLE.
- Внутри папки "custom" создайте еще две папки: "css" и "js".
- Поместите в папку "css" файлы со стилями (с расширением .css).
- Поместите в папку "js" файлы со скриптами (с расширением .js).
- Откройте файл engine/init.php и найдите следующий код:
1 2 |
dle_register_resource('global', "{THEME}/main.js");
dle_register_resource('jquery', "{THEME}/jquery.js");
|
- Добавьте после него следующий код:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
$dle_custom_js = [
'custom/jquery.js',
];
$dle_custom_css = [
'custom/main.css',
];
foreach ($dle_custom_js as $js) {
dle_register_resource('custom', "{THEME}/{$js}");
}
foreach ($dle_custom_css as $css) {
dle_register_resource('custom', "{THEME}/{$css}");
}
|
- Сохраните изменения в файле init.php.
Теперь ваши пользовательские стили и скрипты будут автоматически подключены к каждой странице сайта. Вы можете добавлять или удалять файлы со стилями и скриптами в соответствующие папки "css" и "js", и они будут автоматически подключены без необходимости внесения изменений в кодовую базу DLE.