Header 模板是從零開端創立 WordPress 主題系列教程的第四篇。前面我向你解說瞭如何裝置和啟動 XAMPP,裝置 WordPress 主題以及引見了 PHP 言語的最根本言語,這篇我們將繼續 PHP 並學習如何呼叫部落格的標題和連結。

儘量輸入一切程式碼而不是直接複製我給你的程式碼,這樣能夠讓你儘量記住你所學到的的。

第 1 步:翻開 XAMPP 和主題資料夾。
翻開 Xampp,然後翻開上次創立的主題資料夾,xampp/htdocs/WordPress/wp-content/themes/tutorial 。我們應該看到上次創立的兩個檔案:index.php 和 style.css 。

index.php 和 style.css 檔案的內容應該和 index.txt 和 style.txt 分歧。

第 2 步:翻開 index.php
翻開閱讀器,轉到 http://localhost/WordPress 。由於上次裝置了一個空白的主題,這時我們應該看到一個空白的頁面。

返回主題資料夾並翻開 index.php 檔案。

到目前為止,我們曾經翻開了主題資料夾,閱讀器和 index.php 檔案。

第 3 步:呼叫部落格標題
編輯 index.php 檔案。在 和 這兩個標籤之間輸入 <?php bloginfo(『name』); ?>,然後保管它。
返回到閱讀器並重新整理。這時分我們應該可以看到部落格的標題。部落格的標題是 Demo Theme Development 。

我們在網頁的主體 (body) 之間參加了一行 PHP 程式碼到 index.php 。 bloginfo() 是呼叫部落格的資訊的函式。其中引數 name 代表了它呼叫的是部落格的標題。這個名字是在 option 頁面中設定的 Weblog Title 。

<?php – 開端 PHP 程式碼
bloginfo(『name』) – 呼叫部落格資訊,詳細是部落格的標題。
; – 完畢呼叫部落格資訊
?> – 完畢 PHP 程式碼

每次我們在 index.php 檔案中增加或者更改任何東西之後,都能夠保管,然後重新整理頁面去檢視結果。

第 4 步:呼叫部落格連結
呼叫了部落格的標題之後,接下來就要把部落格的標題放入超連結中,這時分需求一個 XHTML 標籤。

返回 index.php 檔案。

在同一行增加 和 。此時新行的程式碼應該是:
<?php bloginfo(『name』); ?>

返回到閱讀器,重新整理,然後就能夠看到部落格的標題變成了連結。

如今它是一個連結,但是它沒有連結到哪裡。由於這個是部落格的標題,我們應該讓它連結到首頁。為此,在 href=後的雙引號中輸入 <?php bloginfo(『url』); ?>

保管,如今的程式碼應該是:
<a href=」<?php bloginfo(『url』); ?>」><?php bloginfo(『name』); ?>

返回到閱讀器,重新整理,當滑鼠在連結上面的時分,閱讀器的狀態列應該顯現 http://localhost/WordPress

如今點選這個連結,它就會讓我們返回首頁。可能如今看到還是是相同的頁面,但是用 # 或者 http://localhost/WordPress 作為連結地址是完整不一樣的。在接下來的課程我們會學到到他們之間的不同。

方才發作什麼了?

我們把網站名字變成了連結,並使它連結到部落格的主頁。

bloginfo(『url』) – 呼叫部落格根本資訊,詳細是首頁的的地址或者 URL
– 是一個用於新增連結的 XHTML 標籤
– 連結的完畢標籤。否則網頁將不曉得哪裡完畢連結,這樣會使得頁面接下來的內容全部都變成連結。還記得規則 #1 嗎?正確關閉翻開的一切標籤。
href=」」 – 超文字的簡寫。在引號之間就是它的值。

最終程式碼為:
<a href=」<?php bloginfo(『url』); ?>」><?php bloginfo(『name』); ?>

意義為:開端一個連結,連結的地址是部落格的 URL,用 PHP 函式 bloginfo(『url』) 去呼叫這個地址或者 URL 。這個連結的文字是部落格的標題並運用 PHP 函式 bloginfo(『name』) 去呼叫部落格的標題。最後完畢連結。

這篇主要引見了 WordPress 主題的 XHTML 程式碼,下一篇我們將繼續 Header 模板。