簡體   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