Мы в твиттере Мы в телеграме!

Провеббер » DataLife Engine » DLE модули » DLE-Asset — Автоматическое подключение стилей и скриптов в шаблон by ПафНутиЙ

DLE-Asset — Автоматическое подключение стилей и скриптов в шаблон by ПафНутиЙ

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно DLE-Asset — Автоматическое подключение стилей и скриптов в шаблон by ПафНутиЙ.

DLE-Asset — Автоматическое подключение стилей и скриптов в шаблон by ПафНутиЙ


Краткая информация

- Версия DLE: 9.x и выше.
- Прямые руки.
- Автор: ПафНутиЙ


Подобный модуль я уже очень давно использую в проектах и теперь решил реализовать его и для DLE.
Представьте ситуацию, когда вам нужно создать новый шаблон, с множеством различных скриптов, стилей к ним. Конечно подключить один раз вручную всё это не сложно, но как быть когда это нужно делать постоянно, к примеру вы пробуете использовать jquery-плагин мобильного меню, подключаете js и css, настраиваете, тестируете и понимаете, что этот плагин не подходит, удаляете и производите повторное подключение уже другого плагина, опять js и css. Опять тесты и вроде бы всё подходит, но через неделю понимаете, что этот плагин содержит баг под iOS, который устранить невозможно в разумные временные рамки. Прикручиваете 3й, 4й, 5й скрипты, дополняете каруселькой, кастомным скроллом, всё вручную...
А после того, как всё готово на до бы произвести оптимизацию и включить сжатие и объединение css и js. И тут опять всё в ручную собрать, и через неделю наткнуться на необходимость удалить что-то или добавить, и опять вручную.

Мне лично это надоедает после 2й попытки.

При использовании модуля, всё что нужно для подключения скриптов и стилей — прописать путь к папке или папкам, содержащим js и css-файлы, остальное DLE-Asset сделает сам, причём сначала подключатся все скрипты, а потом уже стили, а когда вы в админке отметите галочку сжатия js и css — сам соберёт нужные строки для передачи в класс минификации.


Назначение и особенности

Модуль предназначен для автоматического подключения файлов скриптов и стилей к шаблону сайта под управление CMS DataLife Engine.
При формировании html-кода учитывается время последнего изменения каждого файла и приписываются соответствующие параметры, таким образом нет необходимости каждый раз при изменении css или js обновлять кеш браузера.
При формировании html-кода учитываются настройки сжатия и объединения скриптов и стилей и модуль сам формирует корректный код в соответствии с настройками DLE.


Установка


- Скачать актуальную версию DLE-Asset
- Распаковать содержимое папки upload в корень сайта.
- Открыть {THEME}/main.tpl и в нужном месте, перед закрывающим тегом
</head>
вставить строкку подключения модуля:
<!-- css -->
{include file="engine/modules/asset/add.php?folder={THEME}/css/"}
<!-- /css -->
<!-- js -->
{include file="engine/modules/asset/add.php?folder={THEME}/js/"}
<!-- /js -->

Или одной строкой:
{include file="engine/modules/asset/add.php?folder={THEME}/css/,{THEME}/js/&ignore=main"}

Где
folder — пути от корня сайта к папкам, содержащим css и js файлы. Если необходимо указать несколько путей, то они перечисляются через запятую. Вложенные папки не учитываются.
ignore — префиксы имён файлов, которые будут исключены из обработки. По умолчанию используются два символов "-" и "_", если необходимо исключить ещё какие-то файлы, то достаточно прописать начало названий этих файлов через запятую. Такое поведение полезно, когда нужно гарантированно прописать подключение отдельных файлов в начале или в конце остальных (например основной файл со скриптами сайта как правило подключается после всех используемых библиотек).
- Готово! Остаётся положить в указанные папки нужные скрипты и стили и они автоматически подключатся к шаблону, и объединятся в один файл при необходимости.

Missing update?
Checkout our NULLED Web Community


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


+7
Просмотры: 3 267 :: Комментарии (7) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#15Nizza

  • 13 августа 2015 23:54
  • Регистрация: 22.09.2009
  • Был(а) онлайн: 5.04.2024
  • Комментариев: 343
  • 0
drink отличная вещь, особенно для таких лентяев как я biggrin

#2Aizen sama

  • 17 августа 2015 11:15
  • Регистрация: 18.02.2013
  • Был(а) онлайн: 16.02.2024
  • Комментариев: 18
  • 0
Встает сразу вопрос, а как быть в случаях когда js файлы необходимо подключить в определенном порядке?

#3sh241

  • 17 августа 2015 19:41
  • Регистрация: 16.01.2010
  • Был(а) онлайн: 5.01.2023
  • Комментариев: 20
  • 0
biggrin круто все же. спс.

#4ПафНутиЙ

  • 20 августа 2015 18:48
  • Регистрация: 8.03.2010
  • Был(а) онлайн: 27.01.2021
  • Комментариев: 400
  • 0
Aizen sama,
Не представляю ситуации, когда такое может быть, за исключением файла, которой гарантированно должен идти после всех. Для этого есть исключения в виде префиксов.
Но как вариант – называть файлы так, чтобы они шли в нужном порядке.

5Nizza,
Лень — двигатель прогресса :)

--------------------

#5baxa73

  • 28 августа 2015 09:00
  • Регистрация: 16.08.2015
  • Был(а) онлайн: 5.05.2018
  • Комментариев: 5
  • 0
фыв фыв фыв фы выфв ффывфывывфывф

#6gorkaps

  • 17 ноября 2016 14:32
  • Регистрация: 14.08.2011
  • Был(а) онлайн: 22.02.2017
  • Комментариев: 1
  • 0
У меня на сайте есть вертикальное меню, а из за этого модуля некоректно работает менюшка как быть?

#7Maksim

  • 17 ноября 2016 18:43
  • Регистрация: 27.12.2009
  • Был(а) онлайн: 25.03.2024
  • Комментариев: 191
  • 0
gorkaps,
подключить стили к существующем стилям

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Апрель 2024 (21)
Март 2024 (18)
Февраль 2024 (27)
Январь 2024 (11)
Декабрь 2023 (12)
Ноябрь 2023 (43)
Друзья сайта

Последние комментарии: