Php 在导航链接之间添加元素

我有以下代码，可以将我的导航输入到我的站点。链接是通过管理面板创建的。我想在链接之间添加一个“|”分隔符

HTML

<?php wp_nav_menu( array( 'container_class' => 'main-nav', 'theme_location' => 'primary' ) ); ?>

电流输出

Link 1     Link 2    ...

期望输出

Link 1   |   Link 2   ...

html

---

我不太确定wordpress是如何设置链接样式的，但这应该可以模仿，我不认为简单地插入textnodes就可以了

.wp-navigation {
    border-right:2px solid black;
}
.wp-navigation:last-child {
    border-right:none;
}

---

我不太确定wordpress是如何设计他们的链接的，但这应该可以模仿，我不认为简单地插入文本节点就可以了

.wp-navigation {
    border-right:2px solid black;
}
.wp-navigation:last-child {
    border-right:none;
}

---

更新了

v2

您可以在的参数之后使用

，并使用一个小CSS技巧

代码如下：

$menuParameters = [
    'container_class' => 'main-nav',
    'theme_location' => 'primary',
    'menu_class' => 'my_custom_class', //<-- add this
    'after' => '<span class="sep">|</span>' //<-- add this
];
wp_nav_menu($menuParameters);


替代方法（使用纯PHP方法）

$menupParameters=[
'集装箱舱'=>'主导航'，
“主题位置”=>“主”，
'在'=>'|'之后，//false//更新了
v2

您可以在的
参数之后使用
，并使用一个小CSS技巧

代码如下：

$menuParameters = [
    'container_class' => 'main-nav',
    'theme_location' => 'primary',
    'menu_class' => 'my_custom_class', //<-- add this
    'after' => '<span class="sep">|</span>' //<-- add this
];
wp_nav_menu($menuParameters);


替代方法（使用纯PHP方法）

$menupParameters=[
'集装箱舱'=>'主导航'，
“主题位置”=>“主”，
'在'=>'|'之后，//false//添加符号|（尽可能多的菜单链接），就像您通常在wordpress菜单中添加自定义链接一样

之后，使用devtools获取每个元素的类或id，然后将此css应用于每个元素

.itemtofind{
   pointer-events: none;
   cursor: default;
}

您可以根据需要自定义css元素，添加填充、颜色等。
在过去，我用这个功能制作了一个网页，一切都是正确的。
当你在移动应用正确的媒体查询和隐藏符号|与此css的元素

.itemtofind{
   pointer-events: none;
   cursor: default;
}

显示：无
添加符号|（尽可能多的菜单链接），就像您通常在wordpress菜单中添加自定义链接一样

之后，使用devtools获取每个元素的类或id，然后将此css应用于每个元素

.itemtofind{
   pointer-events: none;
   cursor: default;
}

您可以根据需要自定义css元素，添加填充、颜色等。
在过去，我用这个功能制作了一个网页，一切都是正确的。
当你在移动应用正确的媒体查询和隐藏符号|与此css的元素

.itemtofind{
   pointer-events: none;
   cursor: default;
}

显示：无
使用CSS。类似的东西应该可以工作

.main-nav a:after {
     content: '|';
     display: inline-block;
     margin: 0 .5em;
}

使用CSS。类似这样的东西应该可以工作

.main-nav a:after {
     content: '|';
     display: inline-block;
     margin: 0 .5em;
}

问题是这会把一个放在末端链接上问题是这会把一个放在末端链接上这会把一个放在所有链接上，因为我可以设置链接css本身的样式，但是最后一个链接会有样式，所以菜单会结束链接4 |…是的，它会在每个链接后添加
，所以我使用
trim（）
函数删除最后一个管道
|
符号。请尝试一下，它会像我测试过的那样工作。好的，太棒了！谢谢你，我不熟悉修剪部分，所以在我将其添加到函数中时，我不确定它看起来不起作用。php，我认为这是我的问题，有没有具体的方法包含它？@user3550879：实际上是error在我的末尾，我使用了一个主题，它覆盖了我的导航CSS。所以我用两种方法更新了我的答案，这两种方法都是用多个主题测试的，没有插件安装，只是为了仔细检查我的输出。请有一个战利品。这会在所有链接上都放一个吗，因为我可以为链接CSS本身设置样式，但最后一个链接会有将其设置为，这样菜单将结束link4 |…是的，它将在每个链接之后添加
，这就是我使用
trim（）的原因
函数删除最后一个管道
|
符号。请尝试一下，它会像我测试过的那样工作。好的，太棒了！谢谢你，我不熟悉修剪部分，所以在我将其添加到函数中时，我不确定它看起来不起作用。php，我认为这是我的问题，有没有具体的方法包含它？@user3550879：实际上是error在我的末尾，我使用了一个主题，它覆盖了我的导航CSS。所以我用两种方法更新了我的答案，两种方法都是用多个主题测试的，并且没有插件安装，只是为了仔细检查我的输出。请注意。