网页

静态内容,如您的首页、关于我们、联系我们、条款页面,都可以使用网页功能来创建。

要访问网页功能,请前往:

首页 > 网站 > 站点 > 网页

  1. 如何创建网页

  1. 前往网页列表,点击“新建”。
  2. 输入标题并在主体部分添加内容。路由会自动生成,但您可以修改它。
  3. 点击“保存”。
  4. 只有当已发布选项被勾选时,网页才会被发布。

新建网页

通过点击侧边栏中的在网站上查看来查看您的网页。

网页

1.1 制作优秀网页的技巧

标题

首先要设置的是您页面的标题。标题对搜索引擎来说权重最高,因此请选择一个能反映您目标受众关键词的标题。路由(URL)会根据标题自动生成,但您可以修改它。

内容

您可以使用富文本、Markdown 或 HTML 来编写内容。如果您想制作简单的内容页面,富文本和 Markdown 是很不错的选择。

在“掌握 Markdown”中,几分钟即可学会 Markdown。

图片

对于富文本内容,您可以直接使用编辑器嵌入图片。对于 Markdown 和 HTML,您需要先将图片附加到文档中。然后,右键单击您的附件并复制地址,即可获取图片的 URL。

现在,使用相应的语法将它们添加到您的 Markdown 或 HTML 中。

<!-- markdown -->
![Alt Text](/path/to/image-url.png)

<!-- html -->
<img alt="Alt Text" src="/path/to/image-url.png">
  1. 功能特性

2.1 幻灯片

您还可以在网页中添加幻灯片。有关如何创建幻灯片,请参阅“首页幻灯片”。

2.2 定时发布

如果您为网页设置了开始日期和结束日期,则可以安排网页的发布时间。它们将在设定的日期范围内被发布,并在范围外自动取消发布。

未发布的页面在访问时会抛出 Error 404 错误。

2.3 JavaScript 和 CSS

您可以在脚本部分向网页添加 JS 脚本。请确保将您的脚本写在 frappe.ready 回调函数内。

frappe.ready(() => {
    // your script here
});

您可以在样式部分向网页添加 CSS 样式。检查元素以查看有哪些可用的样式类。如果您使用 HTML 内容,您可以在此处使用自定义类并为其设置样式。

2.4 侧边栏

您可以在网页上添加带有自定义链接的网站侧边栏。在侧边栏和评论部分启用显示侧边栏。选择现有的网站侧边栏或创建一个新的。

网页侧边栏

在侧边栏项目表中添加链接及其路由。 网站侧边栏

带侧边栏的网页

2.5 评论

您可以在网页上启用评论功能,访客可以留下包含其姓名和电子邮件的评论。在侧边栏和评论部分启用评论功能。

网页评论

2.6 页头

您可以为页面的页头部分添加自定义 HTML。这将覆盖网页的标题。

网页页头

带自定义页头的网页

2.7 面包屑导航

您可以在网页上添加面包屑导航列表。它们将显示在页头之前的上方。

网页面包屑导航

带面包屑导航的网页

2.8 元标签

您还可以向网页添加元标签。您必须在元标签表中添加属性键及其值,它将自动在您的网页上生成 HTML meta 标签。

网页元标签