讓您的部落格在手機、平板、PC上都好看
隨著愈來愈多人使用手機裝置瀏覽網站的增加,網站也需要適應數千種不同的螢幕裝置。在WordPress的自適應網站中,資深的網站開發者Joe Casabona會教導你該如何透過WordPress做出自適應網站,實踐最佳做法,讓你的人生更加美好。
你會先從WordPress的函式開始了解,然後進入開發自適應的主題和外掛程式。找出在設計的過程中,有什麼是可以重複被利用以節省開發時間,並透過實作學習決定斷點、親和力,以及預防使用不必要的使用者體驗,而增加使用者的流量。最後,你會學到像是如何做出圖片藝廊、地圖以及產品頁面等詳細的教學原則。
.了解何時利用佈景主題解決,以及什麼時候該使用外掛
.在WordPress佈景主題中使用自適應設計
.學習多種導航列的技巧,例如「跳至」
.平滑滾動或選擇框
.使用熱門的自適應技巧,像是picturefill.js,可以讓你的圖片在不同的裝置下縮小,同時節省流量。
.了解框架,包含但不限於Bootstrap以及Foundation。
.下載範例程式碼幫助你開發自適應設計技術,並且在章末進行測試。