2013-06-12 15 views
0

我一直在開發一個簡單的WordPress插件,顯示一個簡單的消息,關於在網站上使用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中,同一個插件顯示如此不同?

的style.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> 

回答

1

您可以對網站,只要你想它的插件不會呈現衝突的CSS規則或JavaScript錯誤。使用Firebug並檢查控制檯/樣式面板是否有錯誤。

+0

嗨, 它實際上證明鏈接到樣式文件夾沒有正確分配。 但是,感謝您的答覆和建議檢查Firebug(雖然我不是很爲什麼我沒有發現它之前) 謝謝... – user1662292

相關問題