Css 文件未在我的 wordpress 页面上实现

Question

我是 wordpress 的新手，所以请随时指出我在以下问题中的任何基本误解。

问题：我最初使用 Html/css 创建了一个网站，但意识到我想让我的客户对它有更多的控制权，所以我想将它转换为 wordpress 以便我可以添加可定制的图像/文本并利用 wp 插件。

解决方案：所以我将 index.html 的名称更改为 functions.php，并将我的索引和样式表上传到 wordpress。我所做的唯一更改是更改我的 css 文件的地址。

为了正确链接我已更改的 css 文件

<link rel="stylesheet" type="text/css" href="style.css">

到

<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>"/>

错误：但是，现在我的 html 只是简单地显示出来，没有从 css 改变。我在这里做错了什么？ （另外，如果您有使用 wordpress 的经验，我很乐意发消息 5 分钟，以消除我知道的一些误解）

Answer 1

欢迎使用 WordPress。

WordPress 使用主题来显示 HTML 和 CSS 结构。这些位于 wp-content/themes 中。

我不确定您将这些文件放在哪里，但functions.php 中根本不应该有任何HTML 结构。将functions.php视为您将向WordPress提供的关于如何加载主题组件的说明列表。我的建议是撤销你迄今为止所做的事情。

开始学习主题开发的一个好地方是查看 WordPress 附带的默认主题，例如二十一十七和二十一。将您的 css 添加到这些主题中的样式表中。玩转标头的结构。

有很多关于如何从头开始构建自己的主题的链接。我会在此处链接到他们，但他们对答案中的链接感到不安。

Answer 2

将样式添加到 WordPress 主题的正确方法是将它们加入队列。

要将“style.css”加入队列，请使用：

wp_enqueue_style( 'style', get_stylesheet_uri() );

如果您希望使用不同的 CSS 文件，请更改“样式”的文件名并且不要包含文件扩展名。

参考：https://developer.wordpress.org/themes/basics/including-css-javascript/#stylesheets

对类似问题的回答应该会有所帮助：https://stackoverflow.com/a/37391567/3130549