我正在尝试为我的 wordpress 主题创建一些短代码,但我遇到了 wordpress 添加关闭 p 标签的问题。
这是我在functions.php文件中的短代码
function fixed_background( $atts, $content = null ) {
extract(shortcode_atts(array(
"class" => '',
"img_src" => '#',
), $atts));
$return =
'<div class="fixed-background-image-container">
<div class="fixed-background-image"><span style="background-image: url('.$img_src.')" class="background-fixed"></span>
<div class="block content-960 center-relative">' . do_shortcode($content) . '</div>
</div>
</div>
<div class="clear"></div>';
return $return;
}
add_shortcode("fixed_background", "fixed_background");
这是html中的输出结果:
<div class="fixed-background-image-container">
<div class="fixed-background-image"><span style="background-image: url(http://www.blahblahblah.co.uk/photo2.jpg)" class="background-fixed"></span> </p>
<div class="block content-960 center-relative">
</div></div>
</p></div>
<div class="clear"></div>
请注意,里面有 2 个 p 标签,我怎样才能摆脱这些?
我还使用以下代码禁用了 wordpress 的自动格式化功能:
function webtreats_formatter($content) {
$new_content = '';
/* Matches the contents and the open and closing tags */
$pattern_full = '{(\[raw\].*?\[/raw\])}is';
/* Matches just the contents */
$pattern_contents = '{\[raw\](.*?)\[/raw\]}is';
/* Divide content into pieces */
$pieces = preg_split($pattern_full, $content, -1, PREG_SPLIT_DELIM_CAPTURE);
/* Loop over pieces */
foreach ($pieces as $piece) {
/* Look for presence of the shortcode */
if (preg_match($pattern_contents, $piece, $matches)) {
/* Append to content (no formatting) */
$new_content .= $matches[1];
} else {
/* Format and append to content */
$new_content .= wptexturize(wpautop($piece));
}
}
return $new_content;
}
// Remove the 2 main auto-formatters
remove_filter('the_content', 'wpautop');
remove_filter('the_content', 'wptexturize');
// Before displaying for viewing, apply this function
add_filter('the_content', 'webtreats_formatter', 99);
add_filter('widget_text', 'webtreats_formatter', 99);
PS附带说明一下,无论如何我可以整理编码,请参见示例:
<div class="blahblah">
<div class="dv2">
<div class="dv3">
</div></div></div>
但更喜欢
<div class="blahblah">
<div class="dv2">
<div class="dv3">
</div>
</div>
</div>