服务器与VPS
促销优惠信息

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

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

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]

 

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

相关推荐

  • 暂无文章

评论 抢沙发

  • (必填)
  • (必填)

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏