WordPress博客怎么实现某个栏目对PC用户不可见

查看 91|回复 6
作者:星河璀璨   
怎么实现一个栏目(目录)仅对移动移动端显示,但是对PC端不显示。有知道的大佬,麻烦解答一下,感谢。

栏目, 大佬

缪斯的情人   
判断一下设备就好。
西门吹水   
CSS 媒体查询
白色   
要实现在 WordPress 博客中使某个栏目对 PC 用户不可见,可以使用 CSS 和媒体查询来隐藏该栏目。
在 WordPress 主题中添加自定义 CSS:
登录到WordPress 后台。
转到“外观” -> “自定义”,打开主题自定义器。
在自定义器中找到“附加 CSS”(可能位于“外观”或“定制”选项下),点击进入编辑模式。
添加 CSS 代码:
可以使用媒体查询来隐藏特定栏目,例如:
/* 在 PC 上隐藏特定栏目 */
@media screen and (min-width: 768px) {
    .your-column-class {
        display: none !important;
    }
}
将上述代码中的 .your-column-class 替换为要隐藏的栏目的 CSS 类名或者 ID。可以通过在浏览器中检查网页源代码或使用开发者工具来查找相应元素的类名或者 ID。
保存并发布:
编辑完 CSS 代码后,确保点击“发布”按钮保存您的修改。
这样,当 PC 用户访问 WordPress 博客时,特定栏目将会被隐藏起来,而移动设备用户(如手机或平板电脑)则可以继续看到该栏目。
白色   
/* 在 PC 上隐藏特定栏目 */
@media screen and (min-width: 768px) {
    .your-column-class {
        display: none !important;
    }
}
fy1314   
活跃一下

李小轩   
不限时就是一个伪命题···
您需要登录后才可以回帖 登录 | 立即注册

返回顶部