デザインとデザイナー

注意

この記事では、クラシック UI に基づく Web サイトの作成方法について説明します。 アドビでは、AEM Sites の開発の手引きで詳しく説明しているように、Web サイトに最新の AEM テクノロジーを利用することをお勧めします。

デザイナーは、 クラシック UI AEMの

メモ

Web アクセシビリティについて詳しくは、AEM と Web アクセシビリティのガイドラインを参照してください。

デザイナーの使用

デザインは、 デザイン セクション ツール タブ:

screen_shot_2012-02-01at30237pm

ここで、デザインの格納に必要な構造を作成し、必要なカスケーディングスタイルシート(CSS)および画像をアップロードできます。

デザインは、以下の場所に格納されます。 /apps/<your-project>. Web サイトに使用するデザインへのパスは、 cq:designPath プロパティ jcr:content ノード。

chlimage_1-74

メモ

デザインモードのページ上でおこなわれたすべての変更は、サイトのデザインノードの下に保持され、同じデザインを持つすべてのページに自動的に適用されます。

必要なもの

デザインを実現するには、以下が必要です。

CSS — カスケーディングスタイルシートは、ページ上の特定の領域の形式を定義します。

画像 — 背景、ボタンなどの機能に使用する画像。

Web サイトをデザインする際の考慮事項

Web サイトを開発する際は、画像と CSS ファイルをの下に保存することを強くお勧めします。 /apps/<your-project> 次のスニペットで説明するように、現在のデザインに基づいてリソースを参照できます。

<%= currentDesign.getPath() + "/static/img/icon.gif %>

前述の例には、次のようないくつかの利点があります。

  • 別々のデザインパスを使用しているサイトごとに、コンポーネントのルックアンドフィールを変化させることができます。

  • Web サイトの再設計は、サイトのルートにある別のノードにデザインパスを指すことで、 design/v1 から design/v2.

  • /etc/designs および /content は、ブラウザーが外部ユーザーの保護を目にする唯一の外部 URL で、ユーザーの下に何があるかを知るためのものです /apps ツリー。 上記の URL の利点は、アセットの公開をいくつかの異なる場所に制限するので、システム管理者がより高いセキュリティを設定するのに役立ちます。

このページ