Question

我正在使用自定义的WordPress简码向内容添加模式。模态的内容基于自定义帖子类型。

简码看起来像这样：

[term value="Custom Link Title" id="123"]

value=""参数用于内容中的模式链接。 id=""是自定义帖子类型的ID。

在模式对话框窗口中，我根据“自定义帖子类型”的ID显示其内容。

问题是，链接和模式对话框一起输出。而且由于模式的<div>，WordPress会关闭之前的每个<p>。现在，模式链接后出现了不必要的换行符。

是否可以在内容区域中显示模式链接并将模式对话框（<div>）放置在页面的页脚中？

这是我的简码：

add_shortcode('btn', 'bs_button');

// [term value="" id=""]
function shortcode_term($atts) {
   extract(shortcode_atts(array(
      'id' => '',
      'value' => '',
   ), $atts));


$modal_term = '<a href="#termModal_'.$id.'" class="" data-toggle="modal" data-target="#termModal_'.$id.'">'.$value.'</a>';

$modal_dialog = '<div class="modal fade" id="termModal_'.$id.'" tabindex="-1" role="dialog" aria-labelledby="termModal_'.$id.'_Title" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="termModal_'.$id.'_Title">'.get_the_title($id).'</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-remove"></i></button>
            </div>
            <div class="modal-body">
                '.get_post_field('post_content', $id).'
            </div>
        </div>
    </div>
</div>';

return $modal_term.$modal_dialog;

}

add_shortcode('term', 'shortcode_term');

如果$modal_term停留在内容中并且$modal_dialog转到页面的页脚，那就太好了。

或者还有其他方法可以阻止WordPress在模式对话框之前添加</p>吗？

这是前端中发生的事情：

<p style="text-align: center;">noraml text from the editor <a href="#termModal_123" class="" data-toggle="modal" data-target="#termModal_123">Custom Link Title</a></p>
<div class="modal fade" id="termModal_123" tabindex="-1" role="dialog" aria-labelledby="termModal_123_Title" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="termModal_123_Title">Term Title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-remove"></i></button>
            </div>
            <div class="modal-body">
                <h2>Head</h2>
                Term Content
            </div>
        </div>
    </div>
</div>
Rest of the normal Text from the editor

</p>之后的<a href="">..</a>不在那儿。

以文本和页脚输出WordPress简码的内容

0 个答案: