这是我第一次尝试在Wordpress中创建一个短码。我们重新创建了我们的主题,从我们的主要网站成为一个自定义的wordpress主题。然而,我正在尝试创建一个我们的按钮的短码。HTML代码如下所示:
<div class="button-group stacked-for-tiny">
<a href="#" class="button primary">Button Name</a>
<a href="#" class="button secondary">Longer Button Name</a>
<a href="#" class="button secondary">Even Longer Button Name</a>
</div>我的短码如下所示:
function buttonregion_shortcode( $atts , $content = null ) {
extract(shortcode_atts(
array('link' => '#', 'primary' => 'false', 'secondary' => 'true'), $atts));
if ($atts['secondary'])
return '<a class="button secondary" href="'.$link.'"><div>' . do_shortcode($content) . '</div></a>';
else
return '<a class="button primary" href="'.$link.'"><div>' . do_shortcode($content) . '</div></a>';
}
add_shortcode( 'buttonregion', 'buttonregion_shortcode' );按钮显示正确,但缺少文本行之间的间距。不确定如何将class=“为微小而堆叠的按钮组”融入其中。
发布于 2019-11-26 03:03:56
您应该能够在if语句之前添加到输出中:
function buttonregion_shortcode( $atts , $content = null ) {
extract(shortcode_atts(
array('link' => '#', 'primary' => 'false', 'secondary' => 'true'), $atts));
return '<div class="button-group stacked-for-tiny">';
if ($atts['secondary'])
return '<a class="button secondary" href="'.$link.'"><div>' . do_shortcode($content) . '</div></a>';
else
return '<a class="button primary" href="'.$link.'"><div>' . do_shortcode($content) . '</div></a>';
}
return '</div>';
add_shortcode( 'buttonregion', 'buttonregion_shortcode' );https://stackoverflow.com/questions/59036268
复制相似问题