2

revoslider というスライダーを使用し、この要素を表示するための他のスライダー ショートコードとして使用します

ビジュアルエディターを使用せずにショートコードを使用して挿入<p>および保存すると、WordPress が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>

<p>このため、コードは機能せず、WordPress が行ごとにこれらを追加する理由がわかりません。ばかげています。

コンテンツを試しadd_filterてみましたが、まだ機能しません。

4

5 に答える 5

1

<div></div>コードを(クラスやIDを使用せずに)囲んでみましたか?<p></p>Wordpress がテキストをタグで囲むのを防ぎます。Wordpress.orgのこのトピック<p></p>で説明されているように、画像の周りにタグが表示されないようにするために使用しました。

于 2013-12-05T13:23:20.843 に答える
1

wp でこのトピックを見たことがありますか?

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

ネストされたショートコードに問題があるようです..それがあなたの問題である場合? 使用しているスライダーへのリンクはありますか?

于 2013-05-31T03:38:40.917 に答える
1

私はかつて同じ問題を抱えていましたが、add_filter( 'the_content', 'wpautop')私のテーマでは機能しません。だから私がしたことは次のとおりでした:

  1. revo スライダー管理エリアで、うまく表示されていないスライダーを選択します。

  2. トラブルシューティングタブ (右下) を探し、値を変更します。

  3. Jquery No Conflict Mode = ON

  4. JS を本文に含める = FALSE にする

  5. (重要な部分) 出力フィルター保護 =出力を圧縮することによって

そうすれば、スクリプトは 1 行だけになるため、自動段落フィルターは p タグを 1 行に追加するだけです。

于 2013-11-12T07:53:15.550 に答える