我们知道wordpress自定义菜单每个item是用<li></li>来固定的,那如果想在</li>加分隔符要如何操作呢?如下图所示。我们可以用PHP的str_replace()函数来实现,随ytkah一起来看看吧
直接上代码
<?php if ( has_nav_menu( 'menu-1' ) ) : ?> <?php $nav = wp_nav_menu( array( 'container' => '', 'theme_location' => 'menu-1', 'menu_class' => 'menu', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', 'echo' => false, ) ); echo str_replace('</li>','</li><i class="line"></i>', $nav); ?> <?php endif; ?>
如果你使用的开发软件带有php提示功能,会有str_replace()函数使用方法提示,如下图
也有可能是另外符号的替换,比如在父栏目的右侧添加一个小箭头
<?php if ( has_nav_menu( 'primary' ) ) : ?> <?php $nav = wp_nav_menu( array( 'container' => '', 'theme_location' => 'primary', 'menu_class' => 'menu', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', 'echo' => false, ) ); echo str_replace('<ul','<img class="arrow" src="/lib/img/index/arrow_right.svg" alt=""><ul', $nav); ?> <?php endif; ?>
展示效果如下