WordPress主題製作全過程(三):HTML靜態模板製作

青灯夜游
發布: 2023-02-21 10:08:29
轉載
2368 人瀏覽過

前面為大家介紹了《WordPress主題製作全過程(二):主題文件構成》,本文繼續為大家帶來《WordPress主題製作全過程(三):HTML靜態模板製作》 ,下面一起來看一下吧~

製作WordPress需要了解PHP,但是不管怎樣,你的部落格頁面都是一張網頁,網頁之所以能夠在瀏覽器中顯示出來,是因為最終傳送給瀏覽器的是HTML、CSS和JS等終端程式碼,最終由這些程式碼控制瀏覽器的顯示結果。製作WordPress主題也不例外,它們都是網頁,網頁最基本的是HTML。要製作WordPress主題,首先得設計主題介面,含蓄、簡約、厚重、奔放…,風格完全隨你,接著再將你的設計理念轉化為.html,並能在瀏覽器中正常顯示出來。

本系列教學不會教你如何去設計部落格的介面,也不會教你HTML和CSS基礎知識,而是假定你已經有HTML和CSS基礎了,如果你不會HTML,也不會CSS,後面的東西恐怕對你來說就像天書了。

本系列教學將使用由tutsplus無償提供的html模板Aurelius為例,來講解WordPress主題的製作過程,其他模板的製作也類似。以下提供此HTML範本檔案下載,我們將以此練習如何將HTML靜態頁面與PHP程式碼結合,製作WordPress主題。下載後,裡面的html檔案都是可以直接雙擊開啟的。

WordPress主題製作全過程(三):HTML靜態模板製作

可能這個模板不適合每個人的口味,但這個用於我們的主題製作練習已經足夠了。另外你可能會詬異,怎麼是英文版的?放心,到了後面你就會知道,是否英文版都沒多大關係。以下說說下載到的這些文件的用途:

  • 首頁:index.html
  • #存檔頁:archive.html
  • ##頁:page.html
  • 文章頁:single.html
  • 聯絡頁:contact.html
  • 無側邊欄頁:full_width.html
  • 圖片:/images/
  • 樣式表:style.css
  • 縮圖:screenshot.png
#大多數部落格所能看到的頁面類型也基本上就這些。你可能已經注意到,不管你用哪個WordPress主題,不同的文章頁面除了標題和內容不同以外,其他東西基本上都是一樣,這就是所謂的模板。

今天的重點就是下載我上面提供的靜態html網頁文件,敬請期待下面的內容。

推薦學習:《

WordPress教學

以上是WordPress主題製作全過程(三):HTML靜態模板製作的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:ludou.org
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板