繁体   English   中英

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

[英]Mixing HTML Template with Wordpress PHP File

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

我开始只是复制并粘贴Wordpress PHP文件顶部的原始HTML标题代码,但它似乎没有正常工作。 我也想在顶部包含一个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-->

标记

好的,所以在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内容。 您可以按照自己喜欢的任何顺序添加它。 请确保不要弄乱或覆盖主题所具有的任何默认模板代码。

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

您必须编辑header.php文件。

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

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

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM