隱藏我無法用廣告在移動設備

Question

WordPress的部件 - 我把他們安置在小部件，現在該網站的mobile version很爛 - 廣告是太大了手機和破壞的主題。我想出現在是這樣的：

.mobile #widget{ display: none; }

但事實是，在#widget不工作，我不知道如何是否有可能擺脫這樣的小部件。如果我錯了，請糾正我。

Answer 1

你寫什麼並不真正多大意義，因爲你」重新寫你的CSS，就好像這種情況存在：

<div class="mobile"> 
    <div id="widget">your ad</div> 
</div> 

這顯然不存在。

你可以在這裏看到來自位於您網站上的CSS文件@media查詢主題目標的移動設備如何：

http://nix-pix.co.uk/wp-content/themes/alyeska/assets/css/responsive.css

所以，實際上很簡單 - 你想要的任何自定義樣式目標移動將簡單地被放置在@media查詢裏面是這樣的：

@media(max-width:480px){ 
    /* All styles for mobile devices go here. */ 
} 

什麼，基本上說，在純英文是：「如果設備的視口是480像素或更低，包括這個CSS」 - 這是迅速成爲一最現代化和流行的移動設備定位方式，因爲現在有這麼多。許多人認爲這有點倒退思維來嘗試利用javascript或PHP用戶代理專門針對iPhone或Android手機等，這些方法肯定有他們的目的，但沒有真正的東西是這個簡單的，在我看來。相反，我們使用CSS @media查詢來定位不同的設備寬度。

好了，現在你要隱藏，你必須對內容底部的廣告區域。在與像螢火蟲或谷歌Chrome瀏覽器的Web開發工具的工具檢查它，我們可以快速地看到它的包裹在一個被稱爲「主底」類 -

因爲我們知道在CSS中，當你指的是我們用了一段前綴它，並隱藏我們可以使用display屬性的元素的類，我們只希望現在把我們的@media查詢此。

@media(max-width:480px){ 
    .main-bottom { 
     display:none; 
    } 
} 

Answer 2

沒有看到任何代碼或URL，這是不可能告訴你應該用什麼CSS。但是，我的建議是根本不使用CSS，並且如果用戶在移動設備上，則不要將側邊欄寫入頁面。

我不知道你正在使用來檢測移動設備是什麼，但是這是我在過去的習慣。不理想，但它在一個緊要關頭完成了工作。

在functions.php文件，添加：

function mobile_detected($agents) 
{ 
    $userAgent = strtolower($_SERVER['HTTP_USER_AGENT']); 
    foreach($agents as $agent) 
    { 
     if(strpos($userAgent,strtolower($agent)) !== false) 
      return true; 
    } 
    return false; 
} 

而在你的主題，你要調用你的側邊欄：

<?php 
$devices = array(
"iphone", "ipod", "ipad", 
"android", "windows ce", "windows phone os", 
"blackberry", "palm", "symbian", "series60" 
); 
if(!mobile_detected($devices)) 
    dynamic_sidebar('Your Sidebar'); 
?> 

Answer 3

最簡單的方法是使用Widget Options Plugin它可以隱藏在移動和其它設備部件。它在存儲庫中是免費的：https://wordpress.org/plugins/widget-options/。你可以查看下面的截圖。謝謝！