纯代码简单快速的实现移动设备上WordPress文章内容隐藏不可见

Wordpress3年前 (2022)发布 SUYEONE
2.3K 0 0

最近,有些用户询问如何在WordPress中实现使得特定文章内容在移动设备上不可显示的功能。这里提供一种解决方案,你可以通过在主题的functions.php文件中添加一段代码来实现这一需求。

首先,我们需要创建一个短代码函数,该函数将在检测到访问设备为移动设备时隐藏其内的内容。将以下代码添加到你的functions.php文件:

“`php
function hide_on_mobile_shortcode($atts, $content = null) {
if (wp_is_mobile()) {
$content = ”;
}
return $content;
}
add_shortcode(‘hide_on_mobile’, ‘hide_on_mobile_shortcode’);
“`
这段代码定义了一个名为`hide_on_mobile`的短代码,当在移动设备上浏览时,它会清空内容。

接下来,在你想要在移动设备上隐藏的文章或页面中,使用这个短代码包裹需要隐藏的部分,如下所示:

“`markdown
[hide_on_mobile]
这是在移动设备上不可见的内容。
[/hide_on_mobile]
“`

这样一来,当用户在移动浏览器上查看包含此短代码的文章时,”这是在移动设备上不可见的内容”这一段将不会显示。请注意,确保你的WordPress网站已更新,并在修改functions.php文件后保存或更新主题以使更改生效。

© 版权声明

相关文章

暂无评论

暂无评论...
☺一键登录开启个人书签等功能!