Php 在移动设备上隐藏Wordpress小部件

我在广告方面遇到了麻烦——我把它们放在了小部件中，现在网站的效果糟透了——广告对于手机来说太大了，破坏了主题。我现在想到的是：

.mobile#小部件{
显示：无；
}

---

但问题是，

#widget

不起作用，我不知道如何摆脱这样的widget。如果我错了，请纠正我。

如果看不到任何代码或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');
?>

如果看不到任何代码或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');
?>

您编写的内容没有多大意义，因为您在编写CSS时就好像存在这样的场景：

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

简单的说就是：“如果设备的视区小于等于480px，那么就包括这个CSS”——这很快成为最现代、最流行的针对移动设备的方法之一，因为现在已经有很多了。许多人认为，尝试使用javascript或PHP的用户代理专门针对iPhone或Android手机等是一种倒退。在我看来，这些方法肯定有其目的，但并不适用于这么简单的事情。相反，我们使用CSS@media查询来定位不同的设备宽度

好的，现在你想把广告区域隐藏在内容底部。在使用Firebug或Google Chrome的web developer tools等工具对其进行检查后，我们可以很快看到它被包装在一个名为“main bottom”的类中--


因为我们知道在CSS中，当你引用一个类时，我们会在它前面加上句点，为了隐藏一个元素，我们可以使用这个属性，我们现在把它放到@media查询中

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

您编写的内容实际上没有多大意义，因为您编写CSS时就好像存在这样的场景：

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

简单的说就是：“如果设备的视区小于等于480px，那么就包括这个CSS”——这很快成为最现代、最流行的针对移动设备的方法之一，因为现在已经有很多了。许多人认为，尝试使用javascript或PHP的用户代理专门针对iPhone或Android手机等是一种倒退。在我看来，这些方法肯定有其目的，但并不适用于这么简单的事情。相反，我们使用CSS@media查询来定位不同的设备宽度

好的，现在你想把广告区域隐藏在内容底部。在使用Firebug或Google Chrome的web developer tools等工具对其进行检查后，我们可以很快看到它被包装在一个名为“main bottom”的类中--


因为我们知道在CSS中，当你引用一个类时，我们会在它前面加上句点，为了隐藏一个元素，我们可以使用这个属性，我们现在把它放到@media查询中

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

最简单的方法是使用
小部件选项插件
，您可以在移动设备和其他设备上隐藏小部件。它在存储库上是免费的：。您可以查看下面的屏幕截图。谢谢

最简单的方法是使用
小部件选项插件
，您可以在移动设备和其他设备上隐藏小部件。它在存储库上是免费的：。您可以查看下面的屏幕截图。谢谢

请显示更多代码或URL请显示更多代码或URL我应该用什么来代替“你的侧边栏”？无论侧边栏的名称是什么。我不知道那会是什么，因为我不知道你或主题开发者是如何注册你的边栏的。此代码的第二部分将放在发生侧栏调用的任何位置。按照“dynamic_sidebar（‘Right sidebar’）”的思路查找一些内容。这就是加载侧边栏的内容。我应该放什么来代替“你的侧边栏”？无论侧边栏的名称是什么。我不知道那会是什么，因为我不知道你或主题开发者是如何注册你的边栏的。此代码的第二部分将放在发生侧栏调用的任何位置。按照“dynamic_sidebar（‘Right sidebar’）”的思路查找一些内容。这就是加载您的侧边栏的内容。非常感谢！还有，有没有办法摆脱手机版的边栏，因为我有非常大的摩天大楼广告，它们占据了网站的大部分空间！谢谢看看你能不能用我上面加的解释来解释。谢谢！还有，有没有办法摆脱手机版的边栏，因为我有非常大的摩天大楼广告，它们占据了网站的大部分空间！谢谢看看你能不能用我上面加的解释来解释。