設計和Designer :headding-anchor:designs-and-the-designer
CAUTION
本文會說明如何根據傳統UI建立網站。 Adobe建議對您的網站使用最新的AEM技術,如文章開發AEM Sites快速入門中所述。
Designer是用來建立您網站的設計,使用AEM中的傳統UI。
NOTE
如需有關網頁協助工具的詳細資訊,請參閱AEM與網頁協助工具准則。
使用Designer :headding-anchor:using-the-designer
您的設計可在 工具 標籤的 設計 區段中定義:
您可以在此處建立儲存設計所需的結構,然後上傳所需的階層式樣式表和影像。
設計儲存在/apps/<your-project>
下。 使用jcr:content
節點的cq:designPath
屬性指定網站要使用的設計路徑。
NOTE
在設計模式中,對頁面所做的所有變更都會保留在網站的設計節點下方,並自動套用至具有相同設計的所有頁面。
您將需要什麼 :headding-anchor:what-you-will-need
若要實現您的設計,您需要:
CSS — 階層式樣式表定義頁面上特定區域的格式。
影像 — 您用於背景、按鈕等功能的任何影像。
設計網站時的注意事項 :headding-anchor:considerations-when-designing-your-website
開發網站時,強烈建議在/apps/<your-project>
下儲存影像和CSS檔案,以便根據目前的設計參考資源,如下列程式碼片段所述。
<%= currentDesign.getPath() + "/static/img/icon.gif %>
上述範例提供數項優點:
-
使用不同設計路徑的每個網站元件可能有不同的外觀/感覺。
-
網站的重新設計只要將設計路徑指向網站根目錄從
design/v1
到design/v2.
的不同節點即可 -
/etc/designs
和/content
是瀏覽器看到的唯一外部URL,可保護您免受外部使用者對您的/apps
樹狀結構下的內容產生好奇心的困擾。 上述URL優點也可協助您的系統管理員設定更佳的安全性,因為您將資產的曝光限制在幾個不同的位置。
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2