教程:将页面添加到您的 Power Pages 站点

在本教程中,您将了解如何向您的 Power Pages 站点添加页面。 您可以使用此页面向您的访问群体显示静态内容,例如文本或图像,或使用它来允许您的站点访问者使用列表和窗体与来自 Dataverse 的信息进行交互。

在本教程中,将了解如何:

  • 向站点中添加新页面
  • 在页面上添加和修改内容
  • 在站点地图中移动页面

先决条件

使用空白布局创建页面

在以下步骤中,您将使用空白布局创建一个页面。 随着您对 Power Pages 的更加了解,您可以使用其他布局,甚至可以创建自己的自定义布局

该视频概述了使用空白布局创建页面的步骤。

  1. 转到 Power Pages

  2. 针对要添加页面的站点选择编辑。 如果您没有站点,请先创建一个站点,然后再继续。

  3. 选择页面,然后选择主导航标题右侧的添加页面图标 (+)。

  4. 提供页面名称并选择从空白开始页面布局。

    将页面添加到站点。

  5. 几分钟后,您应该能看到包含要添加到该部分的一批所选组件的空白页面。

设计页面并添加内容

  1. 选择文本图标。

  2. 输入页面名称(如我的页面)。

    • 将样式更改为标题 1
    • 选择 B 图标以将文本设为粗体。
    • 调整对齐方式,使文本居中显示

    将文本添加到页面。

  3. 在文本下方,选择 + 图标并选择分隔条图标以添加分隔条组件。

  4. 在分隔条下方,选择 + 图标并选择文本图标以添加其他文本框。

  5. 向文本框中添加一些文本。 试验样式和颜色。

  6. 选择文本下面的 + 图标,然后添加其他分隔条。

  7. 选择按钮组件。

  8. 为按钮配置以下详细信息:

    • 按钮标签联系我们
    • 选择页面链接
    • 从下拉列表中选择联系我们页。
    • 选择确定
    • 使用属性菜单将按钮居中
  9. 选择整个部分,并从属性菜单中选择背景,然后更改该部分的背景颜色。

  10. 通过向页面添加其他部分、组件和颜色来进行试验。

    示例网页。

预览您的页面

您随时都可以预览页面在站点上的外观。

  1. 从设计工作室的主菜单中选择预览

  2. 选择桌面以让页面显示在浏览器中,或者可以通过扫描 QR 码在移动设备上查看该页面。

在站点地图中移动页面

如果将页面添加到主导航,则将添加菜单选项。 可以使用设计工作室将页面移动到整个站点层次结构中的其他位置。

该视频将概述在站点地图中移动页面的步骤。

  1. 主导航下面,选择省略号 (...) 图标并选择移动到其他页面

    在层次结构中移动页面

  2. 现在该页应显示在其他页面部分中。 如果您现在预览该页面,请注意该页面没有菜单项。

  3. 其他页面下,再次选择您的页面并选择移动到主导航

  4. 选择页面并选择省略号 (...),使用上移下移选项在层次结构中上移和下移页面。

  5. 将页面移动到页面链接下方。 选择将此页设为子页选项,以将其设为页面页的子页。

  6. 预览页面,并注意您的页面如何成为页面下的子链接,以及 URL 如何反映该页面现在是子页面。

    子页。

另请参见

后续步骤

前进到下一篇文章,了解如何将样式应用于您的站点。