混合HTML模板与Wordpress PHP文件


Mixing HTML Template with Wordpress PHP File

我试图在我的一个网站页面上创建一个Wordpress模板,http://www.windowblindshadeshutters.com/blog/。博客现在已经创建好了,但是我想保留我们原有的HTML模板头,这样它看起来就像网站的其他部分一样,然后让Wordpress模板PHP文件作为本页的内容出现。

我开始只是复制和粘贴我们的原始HTML头代码在Wordpress PHP文件的顶部,但它似乎不能正常工作。我还想在顶部包括一个doctype,就像原来的头一样,但我认为你不应该在PHP文件中这样做。我想要的结果还需要我把原始的css文件和Wordpress的css文件混合在一起,它似乎不能正常工作。

所以我的问题是,"我如何使用现有的HTML头(包含所有原始CSS样式)并将其有效地插入Wordpress主题中?"它是否像剪切和粘贴代码、传输CSS文件等一样简单?

原网站标题可以在上面链接的根域找到

我不完全确定我是否得到了你的问题是正确的,所以我要纠正:你打算把一些HTML元素在你的主站的标题到博客部分的标题驻留在Wordpress安装在你的服务器上吗?

嗯,你是对的,这是复制和粘贴的努力,但我认为更重要的问题是:从什么时候开始你应该在header.php中添加这些HTML元素,以及哪些东西可以或不可以更改/删除。

也许更好的方法是让我告诉你header.php中的标准内容并将其分解。

<!--the mark up-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--the mark up-->
<head>
<!--meta-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--meta-->
<!--document title-->
<title><?php bloginfo('name');?></title>
<!--document title-->
<!--links to scripts and stylesheets-->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url');?>/style.css" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.6.1.min.js"></script>
<!--links to scripts and stylesheets-->
</head>
<?php wp_head();?> <!--do not remove-->

好的,所以Doctype中的标记定义在header.php中肯定是需要的,否则Wordpress主题将不知道它被标记为什么。此外,博客部分是Wordpress安装在子目录下,对吧?很有可能是这样的,所以它将无法在根目录中获取任何信息,你的实际主站所在的目录。

您可以从您的实际主站点复制元描述标签或关键字标签,并将它们添加到header.php

文档标题

您可以选择硬编码并在代码级别上输入标题在Wordpress Dashboard中更改博客标题并将其保留为<?php bloginfo('name');?>。这个PHP标签自动绘制Wordpress Dashboard中定义为博客标题的任何内容作为文档标题。因此,如果博客标题与你实际网站的标题不同,那么你很可能会看到其中的差异。

指向脚本和样式表的链接

如果您希望包含位于根目录中的实际主站点的样式表,那么您必须将href更改为到那里的绝对链接。例如,它看起来像<link rel="stylesheet" type="text/css" href="http://www.yourdomain.com/css/style.css" />而不是<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url');?>/style.css" />,它只链接到你的Wordpress安装的主题目录。因此,假设您通过我刚才提到的方法将外部样式表从主站点的位置链接到header.php,您可以继续从实际站点的头部粘贴必要的HTML内容,样式应该正确-只要类或id保持不变。

添加必需的HTML内容

所以一旦这一切都完成了,继续并添加任何所需的HTML内容从您的实际网站的标题后<?php wp_head();?>标签。你可以在任何你想要的地方,以任何你喜欢的顺序添加它。只是要确保不要混淆或覆盖主题的任何默认模板代码。

希望这在某种程度上回答了你的问题。

你必须编辑header.php文件。

完成<header>部分后,可以开始添加页眉。

这将包含在所有WP页面/帖子中。

如果您在haeder.php中添加了包装器开始标记,不要忘记在footer.php中结束它们

在这里阅读更多信息:http://codex.wordpress.org/Designing_Headers