首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >正在为主网站上使用的按钮创建wordpress快捷方式代码

正在为主网站上使用的按钮创建wordpress快捷方式代码
EN

Stack Overflow用户
提问于 2019-11-26 00:32:35
回答 1查看 42关注 0票数 1

这是我第一次尝试在Wordpress中创建一个短码。我们重新创建了我们的主题,从我们的主要网站成为一个自定义的wordpress主题。然而,我正在尝试创建一个我们的按钮的短码。HTML代码如下所示:

代码语言:javascript
运行
复制
<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>

我的短码如下所示:

代码语言:javascript
运行
复制
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=“为微小而堆叠的按钮组”融入其中。

EN

Stack Overflow用户

发布于 2019-11-26 03:03:56

您应该能够在if语句之前添加到输出中:

代码语言:javascript
运行
复制
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' );
票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59036268

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档