1

私は AEM と Sightly に少し慣れていません。ページのコンテンツを格納する「ページ」コンポーネントを作成しました。/etc/designs/myapp次のように、CSS が異なるデバイスがいくつかあります。

/etc/designs/myapp

- /128/style.css
- /240/style.css

などなど。

ページ コンポーネントに戻ると、Sling セレクターを介して正しい CSS をトリガーするために使用するさまざまな HTML ファイルが多数あります。例えば：

/apps/myapp/components/page

- 128.html
- 240.html

これらのファイルの目的は、インライン スタイル<head>として CSS を含む HTML セクションを含めることです(デバイスの制限により、外部 CSS にリンクすることはできません)。

私が抱えている問題は、コンポーネント自体の中に 128/style.css を配置すると、インクルードが機能することです。の下/etc/designs/myappにあると、適切に含めることができません。私は使用${currentDesign.path @ appendPath='/128/style.css'}してみましたが、パス全体を明示的に参照しようとしました。

ページ コンポーネントの下にある 128.html の例を次に示します。

<html>
<head><!--/*
    */--><div data-sly-include="/libs/wcm/core/components/init/init.jsp" data-sly-unwrap></div><!--/*
    */-->

    <title>${currentPage.title}</title>
        <div data-sly-unwrap data-sly-include="/etc/designs/myapp/128/style.css"></div>
</head>
<body class="main" role="document" data-sly-include="body.html"></body>
</html>

含まれている CSS をラップするセクションが必要であることは理解しています<style></style>が、今のところ、/etc/designs.

どんな助けでも大歓迎です。

4

1 に答える 1