自定义 WordPress 简码参数

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>

我希望这是一个简码，同时允许用户在“替换我”的位置键入自定义文本。

我该怎么办？

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]