【问题标题】: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 子主题中。谁能给点建议?

提前谢谢你。

【问题讨论】:

    标签: wordpress stylesheet


    【解决方案1】:

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

    还可以考虑将样式移动到您的主题目录并将您的 href 中的域替换为 &lt;?php echo get_stylesheet_directory_uri(); ?&gt; (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 代码放在括号之间,它就像一个魅力。不过感谢您的建议,我确实理解您的思路。
    猜你喜欢
    • 2013-12-23
    • 2013-05-29
    • 1970-01-01
    • 2017-01-19
    • 2020-12-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-13
    相关资源
    最近更新 更多