由于 Power Pages 相对较新,我注意到有关管理页眉和页脚等内置功能的信息非常少。我已经花了一段时间使用 Power Pages,并且知道如何编辑显示页面链接的特定代码,而无需删除配置文件和注销超链接。
解决方案非常简单,只需删除代码即可,无需添加任何内容。当您创建 PWA 并将其打包为 Android 或 iOS 捆绑包时,这非常有用。由于大多数应用程序不使用标准的“导航”窗格,因此在 PWA 或捆绑包中使用它是不切实际的。具体对我来说,这样做的目的是确保没有用户可以在不传递我放入每个页面的某些 JavaScript 参数的情况下访问页面。
解决方案发布在下面,供任何想知道我做了什么来实现这一目标的人使用,希望它对您未来的应用程序开发有所帮助!
解决方案:
页眉和页脚会自动应用于您在超级页面中创建的每个默认页面。然而,这些页眉和页脚中包含的项目位于其他地方。话虽这么说,您需要确保在设置超级页面网站期间已完成以下两件事之一:
首次创建网页时,您需要使用实际的网页模板,而不是空白模板。这会将注册、登录和个人资料模板应用到您的网站,而无需您手动应用这些 Web 模板。
您可以将上面列出的网页模板应用到您的网站。为此,您需要查看提供的 Power Pages 文档,其中解释了如何执行此操作。
但是,我强烈建议您从预构建的模板开始,然后为此编辑数据表,因为它比向网站添加 Web 模板要简单得多。
将这些模板实际应用到您的网站后,您可以在视觉工作室中单独编辑它们的代码。您可以通过单击站点编辑器内的“编辑代码”来访问它。
打开 Visual Studio 后,您需要在资源底部的“Web 模板”部分中查找 html 文件,如下所示:
打开标题后,您将查找特定的字符串。许多 Web 开发人员不知道它在哪里,因为它实际上是用名为 Liquid 的标记编写的。只需从代码中删除以下函数,它将保留标题和除每个网页显示的超链接之外的所有内容:
你会看到这个字符串:
" li class='weblink {% if sublinks.size > 0 %} dropdown{% endif %}' "
然后你会看到:
" {% if sublinks.size > 0 %} "
在函数开始的下面是一堆“块”。这些块中的每一个都代表您的超链接之一,按照它们在站点标题上出现的顺序排列。您删除的每个链接都将从下到上删除一个超链接,因为该函数只是为每个块显示一个链接,并且显示的链接是通过搜索/显示参数控制的。从“ {% if sublinks.size > 0 %} ”语句开始。
最后步骤:
删除搜索引擎:
您也可以对默认出现的“搜索”选项使用与上面列出的相同方法。您只需删除显示“搜索”功能及其相应样式代码的块,然后保存/同步它,它将不再显示在标题中。