Question

我正在制作一个自定义博客，其中包含几个不同的内容，可以进入博客文章。这些部分中的每一个都是自定义样式的div，我有点担心客户端每次想要使用拉引号或旁边图像时输入多行代码。我想创建一些自定义短代码，但我担心我不知道从哪里开始。例如，拉引号的HTML如下所示：

<!--SIDE QUOTE-->
        <div class="inline-side quote cf:before cf:after cf">
            <h5>
                <span class="pull-quote-quotes">&#8220;</span>
                    REPLACE ME
                <span class="pull-quote-quotes">&#8221;</span>
            </h5>
        </div>

我希望这是一个短代码，同时允许用户输入自定义文本，其中显示“REPLACE ME”。

任何建议都将不胜感激！谢谢！

Answer 1

function wpse_inline_side_quote( $atts, $content = "" ) {
    return 
        '<div class="inline-side quote cf:before cf:after cf">
            <h5>
                <span class="pull-quote-quotes">&#8220;</span>
                ' . $content . '
                <span class="pull-quote-quotes">&#8221;</span>
            </h5>
        </div>';
}
add_shortcode( 'inline-quote', 'wpse_inline_side_quote' );

使用上面的例子，短代码将是[inline-quote] REPLACE ME [/ inline-quote]

自定义Wordpress短代码参数

1 个答案: