我的wordpress页面上没有实现Css文件

时间:2016-12-28 21:19:45

标签: html css wordpress

我是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分钟,以清除我知道的一些误解)

2 个答案:

答案 0 :(得分:0)

欢迎使用WordPress。

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

我不确定您放置这些文件的位置,但functions.php根本不应包含任何HTML结构。将functions.php视为您将如何加载主题组件的WordPress说明列表。我的建议是撤消你到目前为止所做的事情。

开始学习主题开发的好地方是看看WordPress附带的默认主题,如Twenty Seventeen和Twenty Twelve。将您的CSS添加到这些主题中的样式表。玩标题的结构。

关于如何从头开始构建自己的主题,有很多链接。我会在这里链接到他们,但是他们对答案中的链接感到胡思乱想。

答案 1 :(得分:0)

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

排队&#34; style.css&#34;用这个:

wp_enqueue_style( 'style', get_stylesheet_uri() );

如果您想使用其他CSS文件,请更改&#39; style&#39;的文件名。并且不包括文件扩展名。

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

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