開端 Index.php 是從零開端創立 WordPress 主題系列教程的第三篇。在引見了 WordPress 主題的一些規則和術語,以及對 WordPress 模板和模板檔案理解之後,如今是開端入手創立 WordPress 主題了的時分。

在這篇中,你將要著手開端寫 WordPress 程式碼。這裡倡議在本地電腦上裝置 WordPress,而不是裝置到效勞器上,由於本地更便當測試。

第 1 步:翻開 XAMPP 控制面板。
在 XAMPP 資料夾 (通常是:C:xampp),雙擊 xampp-control.exe 將會彈出一個新的視窗。單擊 Apache 和 MySQL 的啟動按鈕。

啟動之後你看最小化視窗了。

第 2 步:創立你的主題資料夾。
轉到你本地裝置的 WordPress 主題資料夾,應該在 xampp/htdocs/WordPress/wp-content/themes 。創立一個新的資料夾,命名為 tutorial 。

第 3 步:創立 index.php 和 style.css 檔案。
翻開記事本或者你選擇的文字編輯器,把 index.txt 這個檔案中的一切內容都複製到你的記事本。保管為 index.php 。

翻開另外一個記事本,直接保管為 style.css 到相同的資料夾下.

如今有兩個檔案了: index.php 和 style.css.

 

Doctype – 指明你用哪品種型的程式碼來編碼你的主題。這裡你暫時還不用管它的細緻意義。

是網頁開端的中央。

是你的網頁頭部開端的中央。每個網頁都有一個頭部和主體。 是頭部完畢的中央。

<?php bloginfo(』stylesheet_url』); ?> 是一個 PHP 函式,它能獲得 style.css 檔案所在的途徑,這樣主題就能運用 style.css 款式化頁面上一切元素。任何時分,PHP 程式碼都是在 <?php 和 ?> 之間的。 PHP 程式碼和 HTML 的程式碼是不一樣的,在 PHP 中,<?php 代表開端 PHP 程式碼而 ?> 是完畢 PHP 程式碼。

所以:

•<?php – 開端 PHP 程式碼
•bloginfo(』stylesheet_url』) – 呼叫 style.css 檔案所在的途徑
•; – 中止呼叫函式。分號是用來完畢一個 PHP 語句。
•?> – 完畢 PHP 程式碼
– 這是網頁主體開端的中央。你能在網頁上看到和讀到的東西就是主體區域性。你正在閱讀的這個教程闡明你在正在看當前這個網頁的主體區域性。 是網頁主體完畢的中央。

是網頁完畢的中央,沒有東西在它的後面了。

第 4 步:創立 style.css 。
把 style.txt 中一切的程式碼複製到你的 style.css 檔案中。保管和關閉它。

第 5 步:裝置你的主題。
翻開閱讀器。在位址列輸入輸入 http://localhost/WordPress/wp-login.php 。登入到你的 WordPress 管理後臺。 (這裡可以看到 WordPress 登入頁面是由於你在第 1 步的時分啟動了 Xampp 。否者的話,在這裡你的閱讀器會報找不到的錯誤。)

在管理介面下到 外觀 (Apperance) 選單並啟用名為 Tutorial 的主題。

留意,你的主題檔案沒有螢幕縮圖,所以是空白的。一旦啟用了,WordPress 就會通知你啟用資訊。
如今翻開一個新的閱讀器或者標籤頁 (假如你的閱讀器支援標籤頁閱讀) 並在位址列輸入 http://localhost/WordPress 。你應該得到一個空白頁面,恩,完整空白的頁面。假如不是,那你就是在錯誤的頁面上了。

你的主題曾經創立好了,這就是這個課程,下一步我們將討論主題頭部模板。

不要遺忘關閉 Xampp 。雙擊它在工作列中小圖示,點選 Apache 和 MySQL 的中止按鈕,然後點選推出。