0

サイトでの Cookie の使用に関する簡単なメッセージを表示する簡単な WordPress プラグインを開発しています。

私の会社のさまざまな WordPress サイトと HTML サイトに展開されています。ただし、プラグインの表示方法には大きな違いがいくつかあります。

http://img526.imageshack.us/img526/4240/dfdsfasfda.png

これは、メインの WordPress サイトにメッセージが表示される方法です。これは、HTML サイトで実行したときの外観でもあります。

ただし、別の WordPress サイトでは次のように表示されます。

http://imageshack.us/a/img209/5092/20130612103958.png

画像はサイトに対して押しつぶされ、ウェブサイトの左側を占めます。

どちらの WordPress サイトも同じバージョンの WordPress (3.3.1) を使用しており、さまざまなブラウザー (IE、Chrome、Firefox) での表示方法に変更はありません。

WordPress の同じバージョン間で同じプラグインの表示が大きく異なるのはなぜですか?

スタイル.css

.popup-box {    
    position: fixed;
    left:50%;
    margin-right: auto;
    border-radius: 3px;
    padding:10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 5);
    z-index:10000;

}

.popup-box .popup-inner {
    float:left;
}

Popup.php - 管理者の選択に基づいてプロパティを設定します。

    <style type="text/css">
    .popup-box {
        width:<?php if(get_option('width') != ''){ echo get_option('width');}else{ echo '200';}?>px;
        background-colour:<?php if(get_option('bgcolour') != ''){ echo get_option('bgcolour');}else{ echo '#000000';} ?>;
        color:<?php if(get_option('fontcolour') != ''){ echo get_option('fontcolour');}else{ echo '#FFFFFF';} ?>;
        font-size:<?php if(get_option('fontsize') != ''){ echo get_option('fontsize'); } else{ echo '13px';} ?>px;
        margin-left:<?php if (get_option('width') !=''){echo 0 - (get_option('width')/2);} else {echo '-100';}?>px;
        <?php if(get_option('position') != ''){ echo get_option('position');}else{ echo 'bottom';} ?>:0px;

    }

    .popup-box .popup-inner {
        width:<?php echo get_option('width'); ?>px;
        line-height:<?php echo (get_option(fontsize')+ 6); ?>px;
    }
    </style>

Popup.php - ポップアップを表示する

    if(get_option('display') == 'yes'){
    ?>

<body onload="check()">

<div class="popup-box" id="x">
    <div class="sticky-inner"><?php echo stripslashes(get_option('popup_message')); ?></div>
    <input id="btnAgree" type="button" value ="I agree" onclick="save()"/>
    <input id="btnDisagree" type="button" value ="I disagree" onclick="hide()"/>
</div>
4

1 に答える 1

1

プラグインが希望どおりにレンダリングしないサイトで、競合する CSS ルールまたは JavaScript エラーが発生する可能性があります。Firebug を使用して、コンソール/スタイル パネルでエラーを確認します。

于 2013-06-12T10:18:17.170 に答える