從無到有用 WordPress 打造網站

今天在 freeCodeCamp 的電子報中，發現他們最近上傳了一部總共 5 小時的教學影片，教你從無到有打造一個 WordPress 網站。

這份教學的特色在於使用了 Elementor 作為頁面編輯器，因此對於從 Elementor 進入 WordPress 的設計師來說，這份教學可以讓你更熟悉 Elementor 與 WordPress 程式之間的如何配合協作。

適合對象

如同前面提到，由於這份教學使用 Elementor 為基礎，因此對已經有配合設計師的前端工程師，或是接案設計師本人來說，相當有幫助。

然而因為這篇教學並沒有花時間解釋基礎的 HTML5 + CSS3 + JavaScript，便直接開始投入大量實作，因此對於純粹的初學者來說，可能無法非常有效的吸收。建議至少要有 HTML5 + CSS3 + JavaScript 的基礎，再來接觸這份教學。

建議切入點

這份教學從安裝 WordPress 與外掛開始，接著馬上就直接跳到 style.css 與 functions.php 的初始設定。如同前面所說，如果沒有當代網站開發基礎的人，從這裡開始就會很痛苦，因此如果你沒有先對 HTML 跟 CSS 有概念的話，我建議先把這部影片加入播放清單就好，先不要看。

如果具備當代網站開發基礎的話，比起照著這份教學從 0 開始建立佈景主題，我反而建議先從起始佈景主題 (starter themes) 下手，譬如說下載 _s 這個起始佈景主題專案。接著在影片講解各個檔案的時候，便參照起始佈景主題中的同名檔案。

這樣一來，除了可以省掉自己手寫的時間外，也可以比較一下不同風格的作法，藉此了解到程式碼撰寫標準 (coding standards) 的重要性。

結語

整體看來，這份教學涵蓋的範圍還算完整，但我認為比起教學，它更偏向示範，因為對於每個步驟的解說都比較簡短，如果在看完以後，沒有進一步去理解每個步驟「為什麼要這麼做」的話，很容易變成「做好一個網站，然後呢？」的情況。

至於內容的品質，雖然 freeCodeCamp 在我心目中是相當不錯的網站開發技術學習平台，但在觀看這部影片的時候，我會建議可以透過起始佈景主題來進行交互參照，因為影片中的作法是以「解決問題」為導向，因此會是「做到哪裡，寫到哪裡」，如果沒有參照符合程式碼撰寫標準的作法，只是片面吸收這部影片的內容，最後會寫出不容易維護的程式碼。

這份教學對於想要透過 Elementor 來進行網站開發的人相當有幫助，他的作法雖然不見得是最正確的，但的而且確的是針對 Elementor 開發提出的解決方案。至於本身並非透過 Elementor 開發的人，這部影片中還是有提到許多編輯範本檔與 functions.php 的作法，依然執得參考。