Wagtail/Django-如何找到Wagtail根主页的模板名称

Question

我有一个根主页，它使用Wagtail自带的默认模型。我目前正在尝试创建一个导航栏标题，以以下方式映射子页面：

{% for menu_page in home_page.get_children.live.in_menu %}

问题是，我用错了标签。上面我使用了home_page，但这似乎不起作用。

我可以使用：

{% for menu_page in page.get_children.live.in_menu %}

然后它列出了menu_pages，但这对导航栏不起作用，因为它不会总是从根目录中选择子页面，这是由于通用的page标签。关于如何在添加：page.get_children.live.in_menu之前定位实际模板或页面名称的任何想法。

为了重新迭代，我使用开箱即用的主页模型：

from wagtail.core.models import Page

class HomePage(Page):
pass

根页面的标题称为主页，类型为主页

感谢您的帮助。

Answer 1

创建一个模板，比如nav_tags.py

from django import template
from wagtail.core.models import Page, Site

register = template.Library()

@register.simple_tag(takes_context=True)
def get_site_root(context):
# This returns a core.Page. The main menu needs to have the site.root_page
# defined else will return an object attribute error ('str' object has no
# attribute 'get_children')
return Site.find_for_request(context['request']).root_page

def has_menu_children(page):
# This is used by the top_menu property
# get_children is a Treebeard API thing
# https://tabo.pe/projects/django-treebeard/docs/4.0.1/api.html
return page.get_children().live().in_menu().exists()

def has_children(page):
# Generically allow index pages to list their children
return page.get_children().live().exists()

def is_active(page, current_page):
# To give us active state on main navigation
return (current_page.url_path.startswith(page.url_path) if current_page else False)

# Retrieves the top menu items - the immediate children of the parent page
# The has_menu_children method is necessary because the Foundation menu requires
# a dropdown class to be applied to a parent
@register.inclusion_tag('tags/top_menu.html', takes_context=True)
def top_menu(context, parent, calling_page=None):
menuitems = parent.get_children().live().in_menu()
for menuitem in menuitems:
menuitem.show_dropdown = has_menu_children(menuitem)
# We don't directly check if calling_page is None since the template
# engine can pass an empty string to calling_page
# if the variable passed as calling_page does not exist.
menuitem.active = (calling_page.url_path.startswith(menuitem.url_path)
if calling_page else False)
return {
'calling_page': calling_page,
'menuitems': menuitems,
# required by the pageurl tag that we want to use within this template
'request': context['request'],
}

# Retrieves the children of the top menu items for the drop downs
@register.inclusion_tag('tags/top_menu_children.html', takes_context=True)
def top_menu_children(context, parent, calling_page=None):
menuitems_children = parent.get_children()
menuitems_children = menuitems_children.live().in_menu()
for menuitem in menuitems_children:
menuitem.has_dropdown = has_menu_children(menuitem)
# We don't directly check if calling_page is None since the template
# engine can pass an empty string to calling_page
# if the variable passed as calling_page does not exist.
menuitem.active (calling_page.url_path.startswith(menuitem.url_path)
if calling_page else False)
menuitem.children = menuitem.get_children().live().in_menu()
return {
'parent': parent,
'menuitems_children': menuitems_children,
'request': context['request'],
}

在中的模板中可以这样做top_menu.html

{% load navigation_tags wagtailcore_tags %}
{% get_site_root as site_root %}
{% for menuitem in menuitems %}
<li class="presentation {{ menuitem.title|lower|cut:" " }}{% if menuitem.active %} active{% endif %}{% if menuitem.show_dropdown %} has-submenu{% endif %}">
{% if menuitem.show_dropdown %}
<a href="{% pageurl menuitem %}" class="allow-toggle">{{ menuitem.title }} <span><a class="caret-custom dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a></span></a>
{% top_menu_children parent=menuitem %}
{# Used to display child menu items #}
{% else %}
<a href="{% pageurl menuitem %}" role="menuitem">{{ menuitem.title }}</a>
{% endif %}
</li>
{% endfor %}

top_menu_children.html 也是如此

{% load navigation_tags wagtailcore_tags %}
<ul class="dropdown-menu" role="menu">
{% for child in menuitems_children %}
<li><a href="{% pageurl child %}" role="menuitem">{{ child.title }}</a></li>
{% endfor %}
</ul>

你在这里查看wagtailbakerydemo希望这会有所帮助。