從無到有用 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 的作法,依然執得參考。

預設圖片
Eric Chuang
正職是廣告行銷人員,因為 Google Tag Manager 的關係開始踏入網站製作的領域,進一步把 WordPress 當成 PHP + HTML + CSS + JavaScript 的學習教材。此外,因為工作的關係,曾經用 Automattic 的 Underscores (_s) 替客戶與公司官網進行全客製化佈景主題開發。

發佈留言

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Physical Address

304 North Cardinal St.
Dorchester Center, MA 02124