将全局导航移动到页脚（仅在首页）的最直接方法是什么

Question

我通过以下方式隐藏了普通 Plone 首页的各种元素：

.section-front-page #portal-globalnav {
    display: none;
}

现在，我想在页脚附近的底部添加一个全局导航。我考虑过多种方法：

• 通过“显示”菜单选择的浏览器视图/模板
• 另一个 viewlet
• Javascript（好吧，我没有考虑这个，因为我不太了解 Javascript，但这似乎是可能的。）

什么是最好的方法？

Answer 1

在 Plone 4 及更高版本中，您可以将 globalnav viewlet 注册为内容提供者：

<adapter
    name="globalnav"
    for="*
         zope.publisher.interfaces.browser.IDefaultBrowserLayer
         *"
    factory="plone.app.layout.viewlets.common.GlobalSectionsViewlet"
    provides="zope.contentprovider.interfaces.IContentProvider"
    />

然后使用以下方法将其包含在您的主页模板或 main_template 中：

<tal:block tal:replace="structure provider:globalnav"/>

Answer 2

头版上唯一的部分是棘手的部分。您可以使用 GS 配置文件使用特殊的一次性界面来标记首页，然后使用 ZCML 为 IPortalFooter 管理器注册 plone.global_sections viewlet上下文并且仅该上下文：

<browser:viewlet
    name="plone.global_sections"
    for="my.special.IFrontPage"
    manager="plone.app.layout.viewlets.interfaces.IPortalFooter"
    class="plone.app.layout.viewlets.common.GlobalSectionsViewlet"
    permission="zope2.View"
    />

您还可以使用它为 IPortalHead 注册一个虚拟的空 plone.global_sections 视图，而不是使用 display：无；

<browser:viewlet
    name="plone.global_sections"
    for="my.special.IFrontPage"
    manager="plone.app.layout.viewlets.interfaces.IPortalHeader"
    class="my.special.EmptyViewlet"
    permission="zope2.View"
    />

Answer 3

我喜欢这两个建议，但我最终做了以下事情（因为我看不到如何用其他建议做我想做的一切）：

<browser:viewlet
        name="trueblade.phoenix.footer2"
        manager="plone.app.layout.viewlets.interfaces.IPortalFooter"
        class=".footer2.MyGlobalSectionsViewlet"
        template="footer2.pt"
        permission="zope2.View"
        />

像这样的 footer2.py （到子类，没有其他）：

from plone.app.layout.viewlets.common import GlobalSectionsViewlet

class MyGlobalSectionsViewlet(GlobalSectionsViewlet):
    pass

和 footer2.pt 像this（除了 CSS id 之外，一切都相同）：

<tal:sections tal:define="portal_tabs view/portal_tabs"
 tal:condition="portal_tabs"
 i18n:domain="plone">
<h5 class="hiddenStructure" i18n:translate="heading_sections">Sections</h5>

<ul id="footer2"
    tal:define="selected_tab python:view.selected_portal_tab"
    ><tal:tabs tal:repeat="tab portal_tabs"
    ><li tal:define="tid tab/id"
         tal:attributes="id string:portaltab-${tid};
                        class python:selected_tab==tid and 'selected' or 'plain'"
        ><a href=""
           tal:content="tab/name"
           tal:attributes="href tab/url;
                           title tab/description|nothing;">
        Tab Name
        </a></li></tal:tabs></ul>
</tal:sections>

CSS 像这样（仅在首页上显示 footer2）：

#footer2 {
    display: none;
}

.section-front-page #footer2 {
    display: block;
    margin: 1em;
}

当然，还有 footer2 默认页脚样式的副本：

#footer2 {
    clear: both;
    font-size: 80%;
    background: #ddd;
    /* ensure top navigation dont touches portlets, content etc.. #10491 */
    margin: 0 0 1em 0;
    text-align: center;
}
#footer2 li {
}
#footer2 li a {
    display: inline-block;
    padding: 0.5em 1em 2em 1em;
    background: #ddd;
    min-width: 6em;
    white-space: normal;
    /*TODO: Once we have removed the whitespace from the nav template, this can be put back*/
    /*border-bottom: 0.1em solid White;*/
    border-right: 0.1em solid white;
}

#footer2 .selected a,
#footer2 a:hover {
    background: #205c90;
    color: White;
}
#footer2 .selected a:hover {
    background: #ddd;
    color: #205c90;
}

Answer 4

有一种耗时少且非侵入性的方法，即不使用 viewlet，而是使用 portlet。

Products.ContentWellPortlets 允许您将 portlet 放置在内容的上方和下方。

我写了一个插件，它正在解决这个问题：adi.dropdownmenu。您可以使用它，取消分配内容上方的“扩展导航”-portlet（由collective.portlet.sitemap 提供）并在内容下方分配一个，将target-depth 设置为1，就这样。