WordPress:在两个菜单项之间插入char

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WordPress:在两个菜单项之间插入char相关的知识,希望对你有一定的参考价值。

我正在研究我的自定义wordpress主题,我正在努力按照我想要的方式设计标题中的第一个菜单。

所以,在header.php中我以这种方式插入菜单,以便链接不被表标签包围:

    <?php 
          $menuParameters = array(
              'container'         =>  false,
              'echo'              =>  false,
              'items_wrap'        =>  '%3$s',
              'depth'             =>  0,
          );
          $output = strip_tags(wp_nav_menu($menuParameters), '<a>');
          //This is my first try with regex, but i didnt manage to
          //only insert the character in between two links and not
          //one at the and as well.
          //$output = Preg_replace( "(\n)", "$0|\r\n", $output);
          echo $output;
    ?>

所以这段代码给了我一个如下所示的菜单:

    <a href="http://localhost/page-1/">Page 1</a>
    <a href="http://localhost/page-2/">Page 2</a>
    <a href="http://localhost/page-3/">Page 3</a>
    <a href="http://localhost/page-4/">Page 4</a>
    <a href="http://localhost/page-5/">Page 5</a>

只是为了理解,这是我想得到的输出:

    <a href="http://localhost/page-1/">Page 1</a>
    |
    <a href="http://localhost/page-2/">Page 2</a>
    |
    <a href="http://localhost/page-3/">Page 3</a>
    |
    <a href="http://localhost/page-4/">Page 4</a>
    |
    <a href="http://localhost/page-5/">Page 5</a>

感谢您提前的答案!

答案

wp_nav_menu()允许参数afterlink_after在链接文本或链接标记之后添加文本,因此您可以更新参数:

$menuParameters = array(
          'container'         =>  false,
          'echo'              =>  false,
          'items_wrap'        =>  '%3$s',
          'depth'             =>  0,
          'after'             => "<span>|</span>"
);

https://developer.wordpress.org/reference/functions/wp_nav_menu/

编辑:如果您不想在最后一个链接后显示分隔符,您可以使用一些CSS伪元素:

.mymenu span:last-child{ display: none; }

https://jsfiddle.net/k593ezoL/1

另一答案
<a href="http://localhost/page-1/">Page 1</a><a href="http://localhost/page-2/">Page 2</a><a href="http://localhost/page-3/">Page 3</a><a href="http://localhost/page-4/">Page 4</a><a href="http://localhost/page-5/">Page 5</a>

以上是关于WordPress:在两个菜单项之间插入char的主要内容,如果未能解决你的问题,请参考以下文章

如何为WordPress的网站建立多级菜单

Wordpress - 从自定义帖子类型中删除子菜单

创建新菜单项 - Wordpress

css在wordpress主题上悬停菜单项

WordPress Sub Sub 菜单项没有下拉菜单

Wordpress:CSS在子页面内保持菜单项处于活动状态