開端 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 的中止按鈕,然後點擊推出。