知言主题Tinection如何显示多级/无限层级导航菜单?

有个刚学习WordPress建站的朋友,测试使用WordPress知言主题(Tinection)。

  • 发现WordPress知言主题(Tinection)在默认情况下,只能显示二级导航菜单……
  • 若要想获取显示更多菜单,想要手动修改WordPress代码,对于刚学建站的新手来说,是有难度的……

以下陈沩亮分享的“知言主题Tinection显示多级/无限层级导航菜单”的修改方法。

第 1 步:修改style.css文件里的样式 

打开style.css文件,将以下样式 ▼

.pri-nav ul ul ul {left: -999em; top: 0;}

改成 ▼

.pri-nav ul ul ul {left:125px; top: 0;}

第 2 步:修改header.php文件里的代码

打开header.php文件,将以下代码 ▼

<?php wp_nav_menu( array( 'theme_location' => 'topbar', 'menu_class' => 'nav-menu', 'depth' => '2' ) ); ?>

改成 ▼

<?php wp_nav_menu( array( 'theme_location' => 'topbar', 'menu_class' => 'nav-menu', 'depth' => '0' ) ); ?>
  • 'depth' => '0' 表示显示无限层级。

以下是WordPress知言主题(Tinection)导航菜单,显示无限层级的显示效果 ▼

WordPress知言主题(Tinection)导航菜单,显示无限层级的显示效果

扩展阅读 ▼