1

ログインシステムに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ページにエラー500が表示されます ローカルホストページが機能していません。どうすれば何が問題なのかを理解できますか? また、アセット マネージャーをインストールするにはどうすればよいですか。アセット マネージャーをインストールするためのユーザーフロスティングのコンソールはどこにありますか?

4

1 に答える 1

0

の CSS ファイルに相対パスを追加する必要がありますinitialize.php。UserFrosting 0.3.1 には、表示されるページの種類に基づいてアセットをグループ化できる基本的なアセット管理システムがあります。

たとえば、すべての「分析」ページでグラフをレンダリングするために、いくつかの CSS および Javascript ライブラリをロードするとします。ページを「analytics」グループに割り当てるに{% set page_group = "analytics" %}は、ページの Twig テンプレートの上部に追加します。

次に、「analytics」グループの 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 Developersをご覧ください。

これらすべてが UF4 で変更されることに注意してください。UF4 では、 Node.js および Gulp と共に新しいアセット管理ライブラリを使用して、アセットのコンパイル/最適化を実行します。

于 2016-08-23T16:48:41.690 に答える