WordPress中的链接样式表答案

【问题标题】：Linked Stylesheet in WordPressWordPress中的链接样式表
【发布时间】：2014-02-03 17:39:48
【问题描述】：

我正在尝试为我公司的网站构建第二个 .css 文件。目前，我们使用的是响应式主题，因此我们的大部分内容都能在桌面和移动浏览器上正确显示。但是，最近老板正在请求没有响应的自定义代码。为了使网站看起来不错，我想应用一个包含移动设备格式的辅助样式表。任何 html 页面都是这样的：

<link rel="stylesheet" href="http://domain.tld/mobile.css" type="text/css" media="handheld" />

我无法弄清楚如何正确地将其放入 wordpress 子主题中。谁能给点建议？

提前谢谢你。

【问题讨论】：

【解决方案1】：

在您的子主题目录中查找 header.php 文件，或者在您的 Wordpress 管理面板的主菜单中的“外观”->“编辑器”下。您可以将链接粘贴到您的新样式表那里。

还可以考虑将样式移动到您的主题目录并将您的 href 中的域替换为 <?php echo get_stylesheet_directory_uri(); ?> (example from wordpress codex)。

【讨论】：

感谢您的回复。我只是在我的子主题目录下查看（我有一个 SCP 连接），我注意到那里没有 header.php 文件。但是，我的父主题中确实有一个 header.php 文件。在那里进行更改会适当地反映我的 CSS 样式表吗？
这取决于你的主题。如果您的子主题没有覆盖父主题标题，那么对父主题进行更改将起作用。但是，我建议您将标题从父主题复制到子主题目录中，然后在那里进行更改。最好将父主题保持原样......以防将来更新。有关子主题如何工作的更多信息，请参阅 Wordpress Codex：codex.wordpress.org/Child_Themes
我试过你的建议，但仍然没有成功。移动浏览器显示与桌面版本相同。
要么子主题覆盖不起作用，要么您的设备无法读取手持样式......我无法判断问题所在。当您在移动浏览器中检查源代码时，您是否看到了新的样式表调用？如果是，您可以尝试将媒体更改回“屏幕”并将其限制为特定宽度。例如：media='screen and (max-width: 600px)'
不确定是否要在移动设备上进行调试。我实际上发现我可以使用@media 手持设备修改我当前的 style.css 主题，只有屏幕和 (max-width: 640px) {} 我只是将我的 CSS 代码放在括号之间，它就像一个魅力。不过感谢您的建议，我确实理解您的思路。