Question

我正在尝试在我的某个网站http://www.windowblindshadeshutters.com/blog/上创建一个Wordpress模板。现在创建了博客，但我希望保留原始的现有HTML模板标题，使其看起来像网站的其余部分，然后将Wordpress模板PHP文件显示为此页面上的内容。

我开始只是复制并粘贴Wordpress PHP文件顶部的原始HTML标题代码，但它似乎没有正常工作。我也想在顶部包含一个doctype，就像原始标题一样，但我认为你不应该在PHP文件中这样做。我想要的结果还需要我将原始的css文件与Wordpress css文件混合，看起来它似乎无法正常工作。

所以我的问题是，“如何使用现有的HTML标题（包含所有原始CSS样式）并将其有效地插入到Wordpress主题中？”它是否像剪切和粘贴代码，传输CSS文件等一样容易？

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

Answer 1

我不完全确定我的问题是否正确，所以我要纠正：您打算将主网站标题中的一些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-->

标记

好的，所以在header.php中肯定需要Doctype中的标记定义，否则Wordpress主题将不知道它被标记为什么。而且，博客部分是一个WordPress安装在子目录上吗？有可能是因为它无法获取您的实际主站点所在的根目录中的任何信息。

<强> META

您可以复制实际主网站上的元描述标签或关键字标签，并将其添加到header.php

文件标题

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

与脚本和风格的链接

如果您希望包含位于根目录中的实际主站点的样式表，则必须将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内容

一旦完成所有操作，请继续在<?php wp_head();?>标记后面添加实际网站标题中的所有必需HTML内容。您可以按照自己喜欢的任何顺序添加它。请确保不要弄乱或覆盖主题所具有的任何默认模板代码。

希望这已经以某种方式回答了你的问题。

Answer 2

您必须编辑header.php文件。

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

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

如果您在haeder.php中添加包装器开始标记，请不要忘记在footer.php

中结束它们

在此处详细了解：http://codex.wordpress.org/Designing_Headers

将HTML模板与Wordpress PHP文件混合使用

2 个答案: