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 タグが配置されていることに注意してください。これらを取り除くにはどうすればよいですか?
また、次のコードでワードプレスの自動フォーマット機能を無効にしています。
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>