標籤：

自己製作 WordPress主題需要學習哪些方面的知識？

01-09

自己製作 WordPress 主題需要學習哪些方面的知識?

有沒有什麼好的方法、書籍、網站推薦？

首先我想說這是一項值得投資的技能，做好了財務自由都是有可能的。

零基礎可以從開發插件開始

如果沒有任何wordpress開發經驗，可以從寫插件開始。因為主題是一個系統工程，寫一個完整的主題需要大量前後端知識，而插件可大可小，好控制。從功能的角度，插件通常完成針對性的功能，這種功能其實也可以整合進主題，但以插件的形式開發更輕量。很重要的對wordpress api的熟悉，從插件開發中比較容易集中獲得，如wordpress的各種filter，action的使用等等。哪怕是改別人的主題，二次開發，也離不開這些核心知識。

介紹兩本書：

  1. Professional WordPress Plugin Development
  2. Professional WordPress Design and Development

知識整理的最精粹的，還是專業開發寫的書，網上的文檔拿來參考。

製作Child Theme，小試身手

你有了一定的基礎以後，可以去對當前使用的主題進行一下定製，建立一個Child Theme，用一用各種hook，給自己出題，網站哪個部分想定製，如何在child theme中實現，有針對性地積累經驗。

結合書本內容，把最常用的東西過一遍。

寫第一個主題，完整實現

寫一段時間child theme，對api有比較好的認識了，可以開始寫自己的第一個主題。從零開始，一步步地完成設計和架構，實現需要的功能，等到你完成項目，你至少已經對主題開發有了比較深入的理解。

站在巨人的肩膀上，專業開發

一線的商用主題很多都藉助框架，框架的好處除了你自己不必從零開始以外，最重要的是讓你理解一個優質主題的開發標準，有了標準，你做出來的東西起點自然高，而且主題開發框架是一種重要的技能投資，以Genius Framework為例，它提供的東西：

  • Responsive Design – automatically adjusts to fit perfectly on all screen sizes and mobile devices
  • Automatic Updates – easy upgrade similar to the way that WordPress itself (and plugins) are handled
  • 6 Layout Options – selectable site wide or for individual post/page
  • Theme Options – many settings that let you fine-tune the way your site looks
  • Custom Hooks (40+) – a hook is a piece of code written into the theme that allows you to attach additional content to the theme itself
  • Custom Widgets (MyTweets, User Profile, eNews Updates, Featured Posts, Featured Pages)
  • Lots of great turn-key designs available (child themes)
  • State of the art security
  • Import / Export Settings – the Genesis Theme and SEO settings are completely portable, so you can back up, restore, and transfer settings from one install to another
  • User Control System – allows admin to turn on/off theme settings, layouts and SEO option availability for users on a per user basis
  • Author Box – display per page option
  • Register / Unregister Layouts
  • Dynamic Text / Image Logo option
  • Navigation menu controls
  • Drop down navigation menu
  • Post Thumbnails
  • Auto sized featured images
  • Custom Widgets
  • Search Engine Optimised
  • SEO Options (site wide and individual page/post controls)
  • Post and Page Tracking/Conversion Code box
  • Widget-Ready
  • Ready for advertising
  • Breadcrumb navigation
  • Integrated Blog
  • BuddyPress Compatibility
  • Developed for Localization

我就不一一翻譯了，可以到 官網 看詳細。等你從框架中作出一個完整的東西來，理解了各個方面的處理，安全，兼容性，響應式與移動端支持，SEO等等，你已經是專業開發了。

這一切都需要時間，但wordpress開發是一項值得的技能投資，如果你本身從事web開發，就更是。如果你是剛入行的開發，能從這個過程中學到真正的全棧開發，從前端css到後端資料庫。wordpress的api有很多不是OO的，但簡單高效，沒有拖泥帶水的，從中你或許能明白用什麼編程技術本身並不影響產品質量，關鍵是怎麼用。

從零開始製作 WordPress 主題

題主可以看一下這個帖子。相信對你有幫助。

對於剛接觸 WordPress 主題開發的新人，沒有必要將相關技術一五一十的學會再動手，不妨從對別人的主題進行修改開始，當修改別人的主題不能滿足你的需求的時候，通過搜索引擎等途徑查找如何實現你需求的方式，逐漸發散開去，這樣從 CSS/HTML 到 JavaScript 再到 PHP 甚至到對 Server 的配置都會依次接觸到。等到了一定時期，再對感興趣的技術進行系統學習。

作為帶領你自己展開 WordPress 主題開發之旅的路線圖，推薦「我愛水煮魚」的《WordPress 主題教程：從零開始製作 WordPress 主題》

http://fairyfish.net/2007/06/04/so-you-want-to-create-wordpress-themes-huh/

官方文檔，大家都說了。

推薦兩個必備的網站：

http://www.wprecipes.com/

http://digwp.com/

或者可以詳細閱讀Jeff Starr博客上關於Wordpress的文章：

http://perishablepress.com/

另外digwp出版的《Digging Into WordPress》（有電子版）大概是我讀過的最好的一本Wordpress製作教材，目前出到了3.1版。

我最近正在從完全不懂開始學Wordpress,我的步驟是這樣的：

1.「我愛水煮魚」《WordPress 主題教程：從零開始製作 WordPress 主題》

http://fairyfish.net/2007/06/04/so-you-want-to-create-wordpress-themes-huh/

跟著這個搭建了一個最簡單的主題，對wordpress主題有了個感性認識，這個我花了4天。

2.在http://www.w3school.com.cn/瀏覽了一遍關於HTML、CSS、PHP的教程，有個大概的認識。

3.完全從頭做了一個不複雜的主題，算是練習。

4.現在正在做的是修改Wordpress3.1默認主題「twentyten」，這個主題裡面註解很詳細，可以讓我對主題的結構了解得深入很多。

5.準備下一步學著在我構建好的主題上添加jquery效果。

再後面的還沒想好....

需要怎麼修改，就找相應的資料。hack的方式，修改，驗證，修改，驗證，總結。

折騰折騰就會了。

最近正好也在學習wordpress主題製作。

前面有人提到我愛水煮魚的教程，那個很好

另外再推薦一個教程

http://www.ludou.org/create-wordpress-themes-prepare.html（感謝作者露兜）

其他的 基礎的html要懂，還有div+css，以及一些php知識

先實際操作，不懂的在看理論。就這樣。

看官方文檔：http://codex.wordpress.org/Developer_Documentation

WordPress 3.9最新版本做出了很多內容管理的易用性改進，可是針對網頁設計師定製網站這方面來說有點失望，沒有降低定製網站的難度，還是學習PHP和了解複雜的函數結構，真想WordPress能有像企戶動企業建站平台那樣的網站定製方式，利用HTML擴展屬性，就能綁定動態數據，毫無難度，也毫無限制快速定製網站。對於一個使用WordPress 6年的設計師來說真糾結啊。

1、熟悉HTML

2、熟悉CSS布局

3、熟悉Wordpress主題使用的函數

4、會一點圖片處理

5、懂一點Javascript

沒了~

html和css必須會，php調用函數的話查wordpress codex也可以，要改functions.php的話最起碼要明白php的基本語法，javascript看教程能做出來其實也夠用，對顏色的感覺要比較好，不會做圖片勉強可以寫純css的練手，不過這樣很限制進一步發展，我現在就特吃虧……

div+css布局肯定要懂，還有就是PHP，再者就是要會點平面知識

WordPress 主題視頻教程: 從零開始製作WordPress 主題 (6小時39分)

看文字教程或看書來學習如何從零開始製作WordPress 主題是比較困難的。如果你跟著視頻操作和講解，這個過程就會變得容易多了。

這套教材共6小時39分，只要你花些時間，一步一步認真地學習，你就可以做自己專業的WordPress主題和會成為一個 WordPress 主題製作高手。你也會學習到如何修改現有主題。

這個教程的英文名字叫 WordPress: Building Themes from Scratch Using Underscores (6h 39m)。這個套視頻教程會從零開始教你如何創建自己的專業WordPress 主題。

資料來源：https://www.jiustore.com/

微信: jiustore

最後，你還會做自己的子主題(Child Theme), 如：

1) 就完美主題 (Jiu Perfect Theme): https://www.jiustore.com/theme/

2) 就店面主題(Jiu StoreFront Theme), 超強大WordPress電子商務主題: https://www.jiustore.com/storefront/

如果你還沒有一個網站，你可以看看如何建立自己的網站。

首先，每個網站都需要域名(Domain Name)和空間(Hosting)。建議使用美國的公司 US Domain Center。

1) 用美國主機空間建站有哪些好處: https://www.jiustore.com/us-hosting-benefits/

2) 最佳美國主機空間推薦 | US Domain Center (美國域名注中心) : https://www.jiustore.com/us-domain-center-recommended/

現 在隨著互聯網的快速發展，個人, 生意, 或者企業，都需要通過網路展示自己的形象或銷售商品。很多人都不了解如何去製作一個網站，不清楚其中的具體細節，並都覺得建網站是一件非常複雜的事情。其 實，創建一個網站一點都不複雜，你不需要學習HTML語言, 學習PHP語言, 學習CSS, 學習圖片處理, 學習網頁製作等等。你更不需要去看那些教你製作網頁和網站的書。你只要跟著視頻教程操作就可以從零開始，用一個小時左右就可以做出一個完整的網站。

還有，目前互聯網上的網站基本都是使用免費網站搭建平台做出來的。真的可以零基礎1個小時學會做網站嗎？ 對，你看看我們以下的視頻教程就知道了。

就拿 https://www.jiufree.com/ 這個網站來說，建設該網站也僅用了大概半小時左右。你覺得這個網站專業嗎？ 我們另外的一個網站：https://www.jiustore.com/ 也僅僅用了大概一個小時搭建。JiuFree 和 JiuStore 這兩個網站都是使用免費網站搭建平台做的，也就是說用的程序是一樣的，只是網站主題不一樣而已。

從視頻教程上，你可以看到我們從零開始建立 http://www.jiuwp.com/ 這個網站也只需1個小時。如果不需要講解，直接操作，我的同事在30分鐘內就可以完成這個網站。

最重要的是，自己建設一個網站，可以不斷豐富網站內容，不斷地開展推廣和運營，通過網站給你帶來持續不斷的收入，同時網站本身的價值也會越來越大。

建立網站的步驟

每一個網站都需要兩樣東西：

1. 域名(網址，如http://jiustore.com)

2. 空間 (儲存和把你的網站發布到互聯網去)

好消息是，域名和空間都可以在同一家公司購買，它們加起來的費用是每年幾十美元。如果你在 US Domain Center購買的話，你可以直接登陸你的帳戶點擊安裝WordPress (最受歡迎和最容易的免費網站建立平台)。你也會在以下的視頻教程里看到。

講解怎麼購買域名和空間, 並安裝WordPress (12分鐘)

視頻鏈接：https://www.jiustore.com/start-wordpress-site/

安裝WordPress後，你的網站就馬上上線了。你只要在手機，電腦，或平板電腦的網站輸入欄打進你的域名 ，你就可以看到你的網站。

關於US Domain Center

US Domain Center(美國域名中心)是一家知名的美國域名註冊商。它不但為世界各地(中國，美國，加拿大，和澳大利亞等等)提供域名註冊服務，它還提供高速空間 (主機空間)。還有，如果使用US Domain Center的域名和空間，你無需備案。還有，該公司也接受不同的貨幣支付(人民幣，美元，和加幣等等)。

用美國主機空間建站有哪些好處: https://www.jiustore.com/us-hosting-benefits/

域名註冊 (Domain Registration)

選擇US Domain Center (美國域名中心)的幾個原因:

1. 域名查詢及批量查詢及註冊易如反掌

2. 免費贈送專業電郵(如, info@yoursite.com)

3. 自動將專業郵件指向已存在的郵箱帳號

3. 擁有全部域名管理權, 可以隨意更改信息

4. 免費的DNS服務和管理

5. 免費的域名防盜保護, 防止域名未經准許被轉出US Domain Center

6. 免費提供各種域名註冊的售前售後諮詢服務

高速主機空間 (Hosting)

US Domain Center也提供高速主機空間(Hosting)。該公司的全球數據中心讓網頁更快載入，並保證99.9%正常運行時間。

英文官網: http://www.usdomaincenter.com/

中文官網: http://cn.usdomaincenter.com/

安裝WordPress後，你可以登入你的網站後台，開始來發布內容。

如何進入WordPress網站後台

WordPress網站後台登陸默認地址是網站域名+後台目錄。

http://yoursite.com/wp-admin (把yoursite換成你的域名)就可以。

例如，我們的域名是 http://jiustore.com，那麼我們WordPress網站後台的登陸地址是 http://jiustore.com/wp-admin

如何設計你的網站

WordPress有過萬種免費的主題(網站樣本)給你用。只要你去外觀 (Appearance)及點擊主題 (Themes)來搜索就可以安裝你想要的主題。安裝主題只需要一個點擊就可以 (不需要專業知識)。你也可以使用 http://www.websonplan.com/ 的WordPress主題。

免費資源: 用WordPress建站視頻教程

1) 用WordPress搭建完整網站視頻教程 (從零開始只需1小時)

該視頻對所有的瀏覽者或讀者免費開放。你只要跟著這個視頻教程做，你就可以自己動手搭建一個專業的網站。我們會一步步教你如何建立你的第一個網站。

在YouTube觀看: https://www.youtube.com/watch?v=TFP1udhVV6c

在土豆觀看: http://www.tudou.com/programs/view/eDy87n_Cbpo/

2) 新手WordPress視頻教程: 學習如何建立響應式網站的全套流程

只要你跟著我們這個45分鐘的教程做就可以建立一個專業響應式網站(可以在手機，電腦，或平板電腦瀏覽)。你也可以對該網站進行任何的個性化修改(不需任何專業知識)。

在YouTube觀看: https://www.youtube.com/watch?v=XssSXxaukAo

在土豆觀看: http://www.tudou.com/programs/view/ql4bhKF7vro/

3) 建立WordPress電子商務網站視頻 (WooCommerce教程)

如果你已經根據第一個視頻教程建立了一個網站或者你已經擁有自己的WordPress網站，我們這個視頻將會教大家如何使你的網站成為一個專業的電子商務網站。同樣的，你也不需任何的專業知識來搭建一個功能強大的電子商務網站。

如果你需要建立一個代購網站，你也可以跟著該視頻操作。你的代購網站可以收美元，人民幣或其它貨幣。 代購網店：https://www.jiustore.com/dai-gou-online-store/

觀看鏈接：https://www.jiustore.com/video/

因為建設網站簡單，所以學習如何建立自己的網站是趨勢。

了解更多：https://www.jiustore.com/build-your-own-website/

希望以上的WordPress視頻教程對你有幫助。

還有英語

1.圖片製作，例如photoshop

2.html

3.css

4.搜索

5.php

進一步的還可以學學網頁設計。

CSS、JS、PHP等知識，可以查看官方文檔，但是基礎不太好的朋友看了官方文檔之後迷迷糊糊的。我愛水煮魚的教程和詳細，網上都能搜到。

其實也不用懂很多，有錢就行，買一個空間，域名，然後下載一個wordpress程序上傳就好了。但是如果你想往建站這方面發展，建議你還是一步一步來，不要著急。先學基本的HTML+CSS,懂了之後就去了解下wordPress基本的標籤調用就可以了。這裡給里分享一個比較實用的wordpress標籤使用教程《wordpress 常用標籤大全（精華版）》，如果你對這個沒有什麼興趣，你也可以直接下載網上的一些喜歡的模板，直接用就行了。網站長得怎麼樣不重要，過得去就行，主要是得看你網站的內容有沒有質量好不好，用戶喜不喜歡。

首先是PHP語言多少懂一點就可以，其次是DIV+css html語言 都很簡單的

最開始可以從仿站做起， http://lizibook.com 這個就是我仿製的網站 效果還不錯

然後就是多谷歌百度了 有問題可以在http://lizibook.com網站 留言給我

或者直接找搜索引擎

首先，html是基礎，一定要懂，其次css要重點掌握，特別是css語義結構及頁面布局的方法，最後要了解php javascript jquery，基本層面要會。

"TemplateToaster"web 設計軟體創建 WordPress 主題 Download - TemplateToaster

推薦閱讀：

※如何使用Wordpress構建自己的個人博客？
※有哪些不錯的 WordPress 替代品？
※WordPress 有什麼輕鬆實現 AMP 或 MIP 的姿勢嗎？
※把wordpress改得最不像blog的網站有哪些？
※大牛們是如何開發 WordPress 主題的?

TAG:WordPress | WordPress主題 |