初始沙箱内容

在本节中,您将创建以下全部使用页面模板的页面:

  • SCF沙箱站点,它将重定向到主页的英文版本

    • SCF沙箱——站点英语版本的主页

      • SCF播放——要播放的主页的子项

虽然本教程不深入语言副本,但设计根页面时,根页面可以通过HTML头实现对用户首选语言的检测,并重定向到该语言的相应主页。 惯例是将两个字母的国家/地区代码用于页面的节点名称,例如,“en”表示英语,“fr”表示法语,依此类推。

创建首页

现在有页面模板,我们可以在/content目录中建立网站的根页面。

  1. 标准UI目前提供创建站点的蓝图。 由于本教程是创建一个简单的站点,因此经典UI很有用。

    要切换到经典UI,请选择全局导航并将鼠标悬停在“项目”图标的右侧。 选择显示的​切换到经典UI​图标:

    chlimage_1-36

    切换到经典UI的功能必须由管理员🔗启用。

  2. 经典UI欢迎页面中,选择​网站

    chlimage_1-37

    或者,也可以通过浏览至/siteadmin直接访问网站的经典UI。

  3. 在资源管理器窗格中,选择​网站,然后在工具栏中选择​新建>新建页面

    在​创建页面​对话框中,输入以下内容:

    • 标题: SCF Sandbox Site
    • 名称: an-scf-sandbox
    • 选择​SCF沙箱播放模板
    • 单击​创建

    chlimage_1-38

  4. 在资源管理器窗格中,选择刚刚创建的页面/Websites/SCF Sandbox Site,然后单击​新建>新建页面:

    • 标题: SCF Sandbox
    • 名称: en
    • 选择​SCF沙箱播放模板
    • 单击​创建
  5. 在资源管理器窗格中,选择刚刚创建的页面/Websites/SCF Sandbox Site/SCF Sandbox,然后单击​新建>新建页面

    • 标题: SCF Play
    • 名称: play
    • 选择​SCF沙箱播放模板
    • 单击​创建
  6. 网站现在通过此方式显示在“网站”控制台中。 请注意,资源管理器窗格中选定项目的子页面会显示在可以管理这些页面的右侧窗格中。

    chlimage_1-39

    这是使用网站工具和模板创建内容的存储库视图:

    chlimage_1-40

添加设计路径

使用“工具”控制台的“设计”部分创建 [/etc/designs/an-scf-sandbox](setup-website.md#setupthedesigntreeetcdesigns)时,属性“

  • cq:template="/libs/wcm/core/templates/designpage?lang=zh-Hans"

定义,它提供在脚本中使用currentDesign.getPath()引用设计资源的可选功能。 例如

  • <>

    • 名称: cq:designPath
    • 类型: String
    • 值: /etc/designs/an-scf-sandbox
  • 单击绿色[+] Add

存储库应当如下:

chlimage_1-41

  • 单击​保存全部

[ 难以省钱?重新登录!]

注意

cq:designPath的使用是可选的,与clientlibs的使用无关,而clientlibs的使用本质上是必需的,因为SCF组件使用clientlibs来管理其JS和CSS。

On this page

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now