我正在创建一个自定义博客,该博客包含一些不同的内容,可以写到博客文章中。这些片段中的每一个都是自定义样式的div,我有点担心让客户每次想要使用拉引号或旁注图像时都输入多行代码。
我想创建一些自定义的简码,但恐怕我不知道从哪里开始。例如,拉引号的HTML如下所示:
<!--SIDE QUOTE-->
<div class="inline-side quote cf:before cf:after cf">
<h5>
<span class="pull-quote-quotes">“</span>
REPLACE ME
<span class="pull-quote-quotes">”</span>
</h5>
</div>
我希望这是一个简码,同时允许用户在显示“ REPLACE ME。”的地方键入自定义文本。
我该怎么办?
function wpse_inline_side_quote( $atts, $content = "" ) {
return
'<div class="inline-side quote cf:before cf:after cf">
<h5>
<span class="pull-quote-quotes">“</span>
' . $content . '
<span class="pull-quote-quotes">”</span>
</h5>
</div>';
}
add_shortcode( 'inline-quote', 'wpse_inline_side_quote' );
使用短代码上方的示例为[inline-quote] REPLACE ME [/ inline-quote]