我们创建了一系列教程和视频,供您学习使用 Power Pages 以及如何创建自定义页面布局并将其添加到页面中。 有关详细信息,请转到 教程:添加自定义页面布局

创建自定义页面布局

若要创建自定义页面,您需要执行以下步骤:

  • 创建一个包含自定义代码的 Web 模板
  • 创建并配置相应的 页面模板 ,在 页面 工作区中创建新网页时,该模板将显示为 自定义页面布局
  • 创建 Web 模板

    Web 模板将包含您的布局代码。 Web 模板代码可以是 Liquid 、HTML、CSS 和 JavaScript 的组合。

    在构建 Web 应用程序时,Web 模板可以包含在其他内容中,或与其他模板组合以构建模板的模块化系统。

  • 转到 Power Pages

  • 设计工作室 中,选择 ... ,然后选择 门户管理 。 您需要使用“门户管理”应用创建 Web 模板记录并输入自定义代码。

  • 门户管理应用 中,滚动到 内容 部分并选择 Web 模板

  • 可用 Web 模板 屏幕中,选择 新建

  • 填写字段。

    使用网站页眉和页脚 如果选中此设置,Web 模板将控制全局网站标题和脚注之间所有页面内容的呈现。 如果此选项未选中,则 Web 模板将负责呈现您在呈现 HTML 时的整个响应,这意味着从 Doctype 到根 <html> 标记以及二者之间的所有内容。 已取消选中。 尚未选择。 页面的描述。

    当 Web 模板的最常用案例将会呈现 HTML 时,呈现整个响应(通过取消选择 使用网站标题和脚注 )提供给您呈现选择的任何基于文本的格式的选项。 这是 Web 模板的 MIME 类型 属性变为相关的位置。 如果呈现不使用网站页眉和页脚的页面模板,则 HTTP 响应 Content-Type 标头将设置为关联 Web 模板的 MIME 类型(如果未提供 MIME 类型,将使用 text/html),并提供多种使用 Liquid 呈现非 HTML 内容的选项。 常见用例将呈现 RSS 源,方法是设置 MIME 类型 application/rss+xml

    使用自定义模板创建网页

  • 设计工作室 页面 工作区中,选择 + 页面

  • 添加页面 对话将中:

  • 输入 页面名称
  • 自定义布局 中,选择自定义页面布局。
  • 选择 添加
  • 即将发布:在整个 2024 年,我们将逐步淘汰作为内容反馈机制的“GitHub 问题”,并将其取代为新的反馈系统。 有关详细信息,请参阅: https://aka.ms/ContentUserFeedback

    提交和查看相关反馈