Question

我使用名为revoslider的滑块并将其用作显示此元素的其他滑块短代码

当我使用短代码而不使用可视化编辑器插入并保存时，滑块不起作用，因为WordPress将<p>标记添加到javascript中：

<p>         <script type="text/javascript"></p>
<p>             var tpj=jQuery;</p>
<p>                                 tpj.noConflict();</p>
<p>             var revapi1;</p>
<p>             tpj(document).ready(function() {</p>
<p>             if (tpj.fn.cssOriginal != undefined)
                    tpj.fn.css = tpj.fn.cssOriginal;</p>
<p>             if(tpj('#rev_slider_1_1').revolution == undefined)
                    revslider_showDoubleJqueryError('#rev_slider_1_1');
                else
                   revapi1 = tpj('#rev_slider_1_1').show().revolution(
                    {
                        delay:9000,
                        startwidth:960,
                        startheight:350,
                        hideThumbs:200,</p>
<p>                     thumbWidth:100,
                        thumbHeight:50,
                        thumbAmount:2,</p>
<p>                     navigationType:"bullet",
                        navigationArrows:"solo",
                        navigationStyle:"round",</p>
<p>                     touchenabled:"on",
                        onHoverStop:"on",</p>
<p>                     navigationHAlign:"center",
                        navigationVAlign:"bottom",
                        navigationHOffset:0,
                        navigationVOffset:20,</p>
<p>                     soloArrowLeftHalign:"left",
                        soloArrowLeftValign:"center",
                        soloArrowLeftHOffset:20,
                        soloArrowLeftVOffset:0,</p>
<p>                     soloArrowRightHalign:"right",
                        soloArrowRightValign:"center",
                        soloArrowRightHOffset:20,
                        soloArrowRightVOffset:0,</p>
<p>                     shadow:2,
                        fullWidth:"off",</p>
<p>                     stopLoop:"off",
                        stopAfterLoops:-1,
                        stopAtSlide:-1,</p>
<p>                     shuffle:"off",</p>
<p>                     hideSliderAtLimit:0,
                        hideCaptionAtLimit:0,
                        hideAllCaptionAtLilmit:0,
                        startWithSlide:0    
                    });</p>
<p>             }); //ready</p>
<p>         </script></p>

因此，代码永远不会有效，我不明白为什么WordPress为每一行添加这些<p>，这是荒谬的

我尝试了add_filter内容仍无效。

Answer 1

你在wp上看过这个话题吗？

http://wordpress.org/support/topic/shortcode-is-being-surrounded-by-p-tags

似乎是嵌套短代码的问题..如果这是你的问题？你有一个指向你正在使用的滑块的链接吗？

Answer 2

我曾遇到同样的问题，add_filter( 'the_content', 'wpautop')对我的主题不起作用。所以我做的是以下内容：

在 revo滑块管理区域中，选择效果不佳的滑块。
查找疑难解答标签（右下角），然后更改值
Jquery No Conflict Mode = ON
将JS包含到Body = FALSE
（重要部分）输出过滤器保护= 压缩输出

这样，脚本只会在一行中，因此自动段落过滤器只会将p标签添加到一行

Answer 3

编辑滑块时，在疑难解答部分中，您有一个名为输出过滤器保护的选项。将其设置为按回声输出，并且revslider的短码功能将绕过过滤器，包括添加此<p>标签的错误过滤器......它通过直接输出（回显）其内容来实现把它归还给wordpress。

Answer 4

您是否尝试使用<div></div>包围您的代码（不使用任何类或ID）？它会阻止Wordpress使用<p></p>标记包围文本。我已经用它来阻止<p></p>标记出现在图片周围，如this topic在Wordpress.org上所述。

Answer 5

对于那些可能遇到类似问题的人来说，对我有用的是：

由于我总结了这个问题属于我的主题，我花了一些时间寻找问题并发现导致问题的一行：

  add_filter( 'the_content', 'do_shortcode', 7 );

我只是评论出来并解决了问题。

wordpress在我的代码中添加标签为p

5 个答案: