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

左右不逢缘 · 发表于 2024-2-24 11:46:35

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

怎么实现一个栏目（目录）仅对移动移动端显示，但是对PC端不显示。有知道的大佬，麻烦解答一下，感谢。

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

IT618发布 · 发表于 2024-2-24 11:47:24

判断一下设备就好。

婷姐 · 发表于 2024-2-24 11:47:51

CSS 媒体查询

TyCoding · 发表于 2024-2-24 11:48:47

要实现在 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 博客时，特定栏目将会被隐藏起来，而移动设备用户（如手机或平板电脑）则可以继续看到该栏目。