CSS+DIV代码让网站内容在电脑端显示而手机端隐藏

阿里云代金券 腾讯云代金券 VULTR优惠码 Ucloud云主机

现在大家自己建站一般都用现成的模板主题,看上去很多网站都大同小异。但是有时候我们有时候想让自己的网站个性化一点,所以会自己给网站添加或者修改一些功能模块,不过有时候会因为技术不到家而出现一些小问题,比如本站左侧添加一个浮动导航菜单,看上去不错。但是有个小问题,手机浏览会错位,所以怎么能让网站模块在手机端不显示呢?

CSS+DIV代码让网站内容在电脑端显示而手机端不显示:

这是通用代码,任何网站都可以采用。

DIV内容:

<div class="wp-none">电脑端显示的内容</div>

CSS内容:

@media screen and (max-width: 560px) { .wp-none{display:none; }}

wordpress设置部分内容手机端隐藏:

通过代码,实现WordPress文章中,对手机端(移动设备)部分内容不可见的方法,这里有些内容手机端看着屏幕会不适应或者一些广告手机端看着会非常的不方便,显示错乱,

我们可以用这个短代码的方法来使得部分文章内容移动端不可见,代码很灵活,大家可以自己修改,或者加上其他判断。

在当前主题的function.php文件里面加上如下代码:

//手机端隐藏
function not_mobile_shortcode($atts, $content = '') {
if (wp_is_mobile() === true) {
$content = '';
}
return $content;
}
add_shortcode('not_mobile', 'not_mobile_shortcode');

在发布文章的时候插入下面短代码即可:

[not_mobile]隐藏的内容[/not_mobile]

 

赞(0) 领红包
转载注明:楚狂人 » CSS+DIV代码让网站内容在电脑端显示而手机端隐藏

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

云计算我们是认真的

阿里云服务器腾讯云服务器

扫码领红包 或者 支付宝搜索:5981405

支付宝扫一扫打赏