如何使用pyroCMS在单页网站中制作动态部分,就像PyroCMS的页面一样


How to make dynamic section in a single page website using pyroCMS like pages of PyroCMS

实际上我已经浏览了很多谷歌页面,但仍然没有找到确切的解决方案。我有单页网站主题。我正在尝试使用PyroCMS使其动态化。从管理面板中,我们获得了"页面"和"导航"来管理网站的页面。但是在单页网站的情况下,有不同的部分,如关于、服务等。现在我想知道,如何使用 pyrocms 控制同一页面的不同部分。我是否需要为部分或...制作新模块?

我。Htmls 文件代码片段是:

 <section class="about_area scrollto" id="about">
 .....
 </section>
<section class="service_area" id="services">
 .....
 </section>

任何帮助将不胜感激,谢谢

您可以使用

自定义页面类型 (http://docs.pyrocms.com/2.2/manual/getting-started/creating-a-page-type) 来实现此目的。您必须创建 2 种页面类型:1 表示一个部分,1 表示实际页面,它结合了所有部分。

例如:

创建一个名为"单页部分"的页面类型部分,其中包含字段"body"(所见即所得字段类型或仅 html 的文本区域,可能启用了标记)。

创建一个名为"section_css_class"的附加字段,以向该部分添加必要的类 - 当然,如果该部分需要更多内容,例如"id",则还可以添加其他字段。

我建议为您需要的所有内容创建一个字段,这样您就不必弄乱"body"字段中的html属性。

您无需在布局选项卡中执行任何操作。

然后创建一个名为"单页"的页面类型。这会将其所有子页面合并到一个页面中。

在此页面类型的"布局"选项卡中输入以下代码:

{{ pages:children id=page:id }}
  {{ customfields }}
    <section class="{{ section_css_class }}">
      {{ body }}
    </section>
  {{ /customfields }}
{{ /pages:children }}

这将选取"单页"页面的所有子页面。

在"页面"管理员中,您现在可以基于"单页"页面

类型创建一个新页面,并根据需要向其添加任意数量的"单页部分"子页面。这些子页面中的每一个都将被"单页"布局中的标记拾取,其内容将呈现到部分 html 标记中。通过这种方式,您可以重新排列部分,通过将它们设置为"草稿"等来禁用它们。

希望对您有所帮助!