Question

如何在wordpress中添加短代码，您可以在其中动态分配用户从管理员输入的任何类名。例如

[border-dashed]

其中[border-]将始终定义，但用户可以放置第二位，这将是css中定义的类名，具体取决于他们想要在前端显示的边界。

[border-dashed]
[border-double]
[border-single]

我相信你明白了。

感谢。

Answer 1

实现这一目标的最佳方式实际上是attributes。以下是如何实现这一目标：

add_shortcode('border', 'border_shortcode');

function border_shortcode( $atts, $content = null ) 
{
    if( isset( $atts['style'] ) )
    {
       return "<hr class='border {$atts['style']}'/>";
    }  
}

然后你可以使用这样的短代码：

[border style="dashed"]
[border style="double"]
[border style="single"]

显然，您还需要将样式添加到CSS中：

.border {
  border-width:1px;
  border-color:black;
}
.dashed {
  border-style:dashed;
}
.double {
  border-style:double;
}
.single {
  border-style:single;
}

如何在wordpress中添加动态类短代码

1 个答案: