在菜单中创建不同样式的CTA按钮

时间:2018-05-18 作者:Hossam Salah

我想知道是否有可能在WordPress的同一菜单中创建两种不同的CTA按钮样式like this example

我曾经尝试过创建两个菜单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\'>";
 }

?>

1 个回复
最合适的回答,由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。

结束

相关推荐

Sliders with buttons

我正在寻找一个滑块插件,它允许我在滑块中插入其他按钮,而不是下一个和上一个数字,我的意思是将用户重定向到不同页面的按钮,等等。。。我会很感激你的信息!当做