我想知道是否有可能在WordPress的同一菜单中创建两种不同的CTA按钮样式
我曾经尝试过创建两个菜单href,并在css中添加两个不同的[btn]样式,但问题是如果有可能的方法在菜单链接上转义样式,两个按钮的样式和颜色都是相同的?
附件是我的沃克密码
<?php
function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
$object = $item->object;
$type = $item->type;
$title = $item->title;
$description = $item->description;
$permalink = $item->url;
$active_class = \'\';
if( in_array(\'current-menu-item\', $item->classes) ) {
$active_class = \'active\';
}
$dropdown_class = \'\';
$dropdown_link_class = \'\';
if( $args->walker->has_children && $depth == 0 ) {
$dropdown_class = \'dropdown\';
$dropdown_link_class = \'dropdown-toggle\';
}
$output .= "<li class=\'nav-item $active_class $dropdown_class " . implode(" ", $item->classes) . "\'>";
if( $args->walker->has_children && $depth == 0 ) {
$output .= \'<a href="\' . esc_url($permalink) . \'" class="nav-link \' .
$dropdown_link_class . \'" data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">\';
}
else {
$output .= \'<a href="\' . esc_url($permalink) . \'" class="">\';
}
$output .= $title;
if( $description != \'\' && $depth == 0 ) {
$output .= \'<small class="description">\' . $description . \'</small>\';
}
$output .= \'</a>\';
}
function start_lvl( &$output, $depth=0, $args = array() ){
$submenu = ($depth > 0) ? \' sub-menu\' : \'\';
$output .= "<ul class=\'dropdown-menu $submenu depth_$depth\'>";
}
?>
最合适的回答,由SO网友:rudtek 整理而成
例如,为什么不添加一个permalink类?
ie
$output .= "<li class=\'nav-item $active_class $dropdown_class " . implode(" ", $item->classes) . "\'>";
(这一行首先很奇怪,因为它将输出“nav item$active\\u class$dropdown\\u class”…这就是您想要的吗?)
但还是有可能的
$output .= "<li class=\'nav-item $active_class $dropdown_class " . implode(" ", $item->classes) . " " . $permalink ."\'>";
然后在css中调用该类
li .menu-permalink {
background-color:blue;
}
li .menu-permalink2 {
background-color: transparent;
}
您可以应用
$permalink
到任何你喜欢的地方(如li或a等),然后根据需要更改css。