我这里有 2 个不同的显示器。1个用于手机,另一个用于台式机。我需要为菜单中的 1 个菜单项(最后一个)输出不同的 html。例如,给定以下菜单结构:
- Menu Item 1
-- Child 1
-- Child 2
-- Child 3
- Menu Item 2
-- Child 1
-- Child 2
-- Child 3
-- Child 4
- Menu Item 3
-- Child 1
-- Child 2
-- Child 3
-- Child 4
-- Child 5
-- Child 6
我需要能够为桌面输出以下结构:
<ul>
<li>Menu Item 1
<ul>
<li>Child 1</li>
<li>Child 2</li>
<li>Child 3</li>
</ul>
</li>
<li>Menu Item 2
<ul>
<li>Child 1</li>
<li>Child 2</li>
<li>Child 3</li>
<li>Child 4</li>
</ul>
</li>
<li>Menu Item 3
<ul>
<li>Child 1</li>
<li>Child 2</li>
<li>Child 3</li>
</ul>
</li>
<li>
<ul>
<li>Child 4</li>
<li>Child 5</li>
<li>Child 6</li>
</ul>
</li>
</ul>
最后一个父菜单项$depth === 0
需要分成两半,分成单独的项目。但是在移动显示上,它不需要分成两半,它应该完美地显示在移动设备上。
所以我有 2 个不同的WP_Nav_Walker
扩展类。1 用于移动,另一个用于桌面,它们处理菜单的方式不同,但是我面临的问题是如何获取子菜单项的总数。我了解如何知道菜单是否有孩子$args->has_children
,但如何获得孩子的总数?
我创建了一个变量来了解我在end_el
函数中位于哪个子菜单项:
class Custom_Nav_Walker extends Walker_Nav_Menu {
function __construct() {
$this->boxitem_index = 0;
}
public function start_lvl(&$output, $depth = 0, $args = array())
{
if ($depth === 0 && $this->menu_type == 'header')
{
echo '<pre>', var_dump($item), '</pre>';
}
}
}
我还设置了一个名为的自定义属性,该属性在附加到此处最后一个菜单menu_type
的函数中进行设置start_el
,因此我能够知道这是我想要的菜单。
基本上,我需要将它分成两半,而不是 3,但我不知道一半是什么。当然,我不想对最后一项执行 if 语句。因此,了解最后一个父菜单有多少 $depth === 1 的项目会有所帮助。这可能吗?
我得到的输出$item
是这样的:
object(WP_Post)#723 (40) {
["ID"]=>
int(73)
["post_author"]=>
string(1) "1"
["post_date"]=>
string(19) "2016-07-14 18:09:44"
["post_date_gmt"]=>
string(19) "2016-07-14 18:09:44"
["post_content"]=>
string(0) ""
["post_title"]=>
string(11) "Quick Links"
["post_excerpt"]=>
string(0) ""
["post_status"]=>
string(7) "publish"
["comment_status"]=>
string(6) "closed"
["ping_status"]=>
string(6) "closed"
["post_password"]=>
string(0) ""
["post_name"]=>
string(13) "quick-links-3"
["to_ping"]=>
string(0) ""
["pinged"]=>
string(0) ""
["post_modified"]=>
string(19) "2016-07-21 17:12:08"
["post_modified_gmt"]=>
string(19) "2016-07-21 17:12:08"
["post_content_filtered"]=>
string(0) ""
["post_parent"]=>
int(0)
["guid"]=>
string(30) "http://0b90b21a.ngrok.io/?p=73"
["menu_order"]=>
int(12)
["post_type"]=>
string(13) "nav_menu_item"
["post_mime_type"]=>
string(0) ""
["comment_count"]=>
string(1) "0"
["filter"]=>
string(3) "raw"
["db_id"]=>
int(73)
["menu_item_parent"]=>
string(1) "0"
["object_id"]=>
string(2) "73"
["object"]=>
string(6) "custom"
["type"]=>
string(6) "custom"
["type_label"]=>
string(11) "Custom Link"
["title"]=>
string(11) "Quick Links"
["url"]=>
string(0) ""
["target"]=>
string(0) ""
["attr_title"]=>
string(0) ""
["description"]=>
string(0) ""
["classes"]=>
array(5) {
[0]=>
string(0) ""
[1]=>
string(9) "menu-item"
[2]=>
string(21) "menu-item-type-custom"
[3]=>
string(23) "menu-item-object-custom"
[4]=>
string(22) "menu-item-has-children"
}
["xfn"]=>
string(0) ""
["current"]=>
bool(false)
["current_item_ancestor"]=>
bool(false)
["current_item_parent"]=>
bool(false)
}