【问题标题】:Mixing HTML Template with Wordpress PHP File将 HTML 模板与 Wordpress PHP 文件混合
【发布时间】:2011-12-19 02:23:33
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: php html css wordpress


    【解决方案1】:

    您必须编辑header.php 文件。

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

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

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

    在此处了解更多信息:http://codex.wordpress.org/Designing_Headers

    【讨论】:

    • 史蒂文,感谢您提供的信息。我不太明白你的回答。我确实理解您编辑 header.php 文件的意思,但是当您说“在我“完成”
      部分,然后开始添加页眉之后,您的意思是什么?”
    • 如果你只是想编辑<header>的内容,那么就别管之前/之后了。但是,如果您想在 HTML 中保留顶部标题,例如将内容居中,您需要在 header.php 中有开始标签,在 footer.php 中有结束标签。
    【解决方案2】:

    我不完全确定我的问题是否正确,因此我需要更正一下:您打算将主站点标题中的一些 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 对吧?很有可能它是这样的,因此它无法在您的实际主站点所在的根目录中获取任何信息。

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

    文档标题

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

    脚本和样式表的链接

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

    添加所需的 HTML 内容

    一旦完成,继续在&lt;?php wp_head();?&gt; 标记之后从您的实际站点的标题添加任何所需的HTML 内容。您可以将其添加到您想要的任何位置,并以您喜欢的任何顺序添加。请确保不要弄乱或覆盖主题具有的任何默认模板代码。

    希望这以某种方式回答了您的问题。

    【讨论】:

    • 谢谢,scomork。只是因为我投票给你的非常棒的答案。正如您现在在windowblindshadeshutters.com/blog 看到的那样,我设法让它工作,但有趣的是,我删除了 WP 的标头并粘贴到 index.php 文件中的正确位置,然后将我原来的 html 标头粘贴到 header.php文件。不知怎的,它奏效了。可能不止这些,但我什至不记得我现在是怎么做到的。感谢您的所有帮助。
    • 不客气!是的,基本上如果您将 header.php 中的内容复制并粘贴到将在页面/文档加载时调用的模板文件的任何其他部分,博客仍然可以运行。因此,在您的情况下,您可能将 header.php 中的所有基本内容都保存在 index.php 中,因此它可以正常工作。我想这绝对是另一种解决方法。
    猜你喜欢
    • 2014-06-17
    • 2019-09-13
    • 2018-06-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多