Как установить менеджер активов для системы входа UserFrosting?

Question

Как установить менеджер активов для системы входа UserFrosting?

Я использую userFrosting для моей системы входа в систему, у меня есть проблема, чтобы включить css файлы.
Я использовал этот код

{% block stylesheets %}
{{ parent() }}

<link href="{{ asset('css/style.css') }}" rel="stylesheet">
{% endblock %}

или этот;

{% block stylesheets %}
{{ parent() }}

{{ asset('css/style.css') }}
{% endblock %}

или этот;

{% block stylesheets %}
{{ parent() }}

<link href="css/style.css" rel="stylesheet">
{% endblock %}

но я не мог включить css и страница показывает Error500 Страница localhost не работает. Как я могу понять, в чем проблема?
И как я могу установить менеджер активов, где находится консоль в пользовательском хранилище для установки менеджера активов?

1

php twig userfrosting

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Вы хотите добавить относительные пути к вашим файлам CSS в initialize.php. UserFrosting 0.3.1 имеет базовую систему управления активами, которая позволяет группировать активы по типам страниц, на которых они будут отображаться.

Например, предположим, что вы хотите загрузить некоторые библиотеки CSS и Javascript для отображения диаграмм на всех ваших страницах «аналитики». Чтобы назначить страницу группе «Аналитика», необходимо добавить {% set page_group = "analytics" %} в верхней части шаблона Twig страницы.

Затем вы можете зарегистрировать ресурсы CSS и JS для группы «аналитика» в initialize.php:

$app->hook('includes.css.register', function () use ($app){

...

$app->schema->registerCSS("analytics", "supercharts/supercharts.css");
$app->schema->registerCSS("analytics", "supercharts-custom.css");
});

$app->hook('includes.js.register', function () use ($app){

...

$app->schema->registerJS("analytics", "supercharts/supercharts.js");
});

Несколько вещей, на которые стоит обратить внимание:

Все ресурсы CSS должны быть размещены в public/cssи все активы JS в public/js,
Активы в common группа будет загружена каждый стр.
Вы можете использовать инструмент сборки в настройках сайта для минимизации и объединения ресурсов в каждой группе страниц. Это поможет вашему сайту быстрее загружаться и улучшит взаимодействие с пользователем. Вы можете узнать больше об оптимизации клиентских ресурсов на Разработчики Google.

Обратите внимание, что все это изменится в UF4, где мы будем использовать новая библиотека управления активами, вместе с Node.js и Gulp для выполнения компиляции / оптимизации активов.

0