提问者:小点点

尝试从静态HTML制作一个WP主题; CSS未链接到HTML,无法确定原因


谢谢你花时间阅读这篇文章。 正如标题所示,我正试图使WP主题出一个静态HTML页面,以帮助这个非盈利,我志愿。 编码不是我的强项,所以我很挣扎。 为了了解如何做到这一点,我观看了以下视频:https://www.youtube.com/watch?time_continue=267&v=czrgvatwpxw&;feature=emb_logo

简单地说,我把HTML分成了一个标题,索引和页脚部分,每个部分都保存为header.php等。

在编写代码时,HTML加载时没有样式。 我怀疑问题在标题里,所以我把它贴在这里了:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>A2Empowerment.org</title>
<link href="style.css" rel="stylesheet" type="text/css">
<div id="Layer1">
  <p align="center"><a href="index.shtml"><img src="a2e_banner.png" alt="banner" width="650" height="145" border="0" /></a></p>
</div>
</head>```

**The index page is as follows:**

    ```<?php get_header(); ?>
<html xmlns="http://www.w3.org/1999/xhtml">

<body>
<!--#include virtual="title.html"-->

<div id="Layer1">
  <p align="center"><a href="index.shtml"><img src="a2e_banner.png" alt="banner" width="650" height="145" border="0" /></a></p>
</div>...```

**The CSS opens as follows:** 

```/*
Theme Name: Man Ching's Theme.
Theme URI: www.a2empowerment.org
Description: Based on the original static HTML and CSS
Version: 1.0
Author: Dan Araujo
Author URI: none
*/
#Layer1{position:relative;

    top:0%;
    width: 100%;
    z-index:1;

} ```


Any help on this issue would be fantastic. Everything is saved in the same folder. Thanks!



共1个答案

匿名用户

首先,您不应该在head中包含div。 它应该只在你的身体里。 并且在关闭head之后不应该打开另一个HTML标记。

您必须检查CSS是否位于与当前HTML文件相同的文件夹(路径)上,并且是否被正确加载。

1)打开浏览器的开发人员工具(点击F12或Ctrl+Shift+I),查看“元素”选项卡。检查代码的“头部”部分,然后单击指向CSS文件的链接(它将以链接href=“style.CSS”。。。)--如果该文件在浏览器上没有正确加载,并且您看不到CSS,那么您将不得不调整指向该文件的路径。

2)如果它已经在正确的路径上,并且您知道它应该可以工作,那么可能您的。htaccess正在将所有请求(甚至是那些指向css文件的请求)重定向到其他东西,因此需要对它进行调整。

这些是首先要检查的东西。 在这些检查和答复之后,我们可能会进一步帮助您。

相关问题