李逸琳

隨著網際網路與視覺化呈現的盛行，Web 前端技術進步非常快速，許多網路使用者對前端技術有著濃厚的興趣，身為一個剛入門前端技術的初學者，也許會從一些套裝軟體入門( 如WordPress)，慢慢的熟悉網站架設方法、HTML 語法，並從HTML 的設計、CSS的排版中學習，這也是初學者比較容易入門的方法。此外，WordPress 已經將大部分的後端功能完善，且加入搜尋引擎優化(SEO)等功能，可快速滿足初學者開發整個網站功能的需求，是一套實用、容易上手且快速開發Web 網站的雲端軟體開發工具，除有完善的後端功能設計外，前端介面設計可以透過HTML 與CSS 語法自行設計個人化或客製化的網站介面，尤其，在一些簡易的商業網站、購物網站或企業形象網站的設計，是很具有實用性，而對於網站初學者與後端程式開發較不熟悉的開發者而言，更是相當值得推薦的一套網站開發工具，基於此，本團隊對於網站剛入門且有快速開發網站需求的學習者，相當推薦WordPress 開發工具，而這本書針對WordPress 的後端功能、實用的外掛程式與SEO搜尋引擎優化功能有特別著墨，也是本書的特色，相信對初次的學習者與有SEO 的使用者會有相當大的助益。

經過這些年的教學經驗，發現學校的教學內容與業界實務工作上仍有一段落差，而透過一屆屆學長姊的經驗傳承與分享，持續積累知識，以因材施教理念為基礎，找出適合個人的學習方式，進而提高學習效率，減少挫折，並輔以產學合作，培養出來的學生已逐漸彌補學用落差，迎合上業界的需求。我們相信每位學生都有潛力，只要經得起磨練，透過知識經驗累積與技術的傳承，讓每位願意努力學習的學生都能獲得收益及成長。其中，本書將經驗及範例撰寫成書籍出版，便是一種知識累積與傳承的方法，也是撰寫本書的初衷及目的。期許能夠突破現今學生程式設計的過程中容易遭受挫折進而衍生放棄念頭的困境，從而持續不間斷地訓練新進學生，在帶領與互動的過程中，培養出深厚的師生情誼，並逐漸建立一套技術傳承的學習模式。

書中的內容從第一章開始介紹與WordPress 相關的知識，先進行基礎觀念的建立，之後則是開始讓讀者動手實作，從架站開始一步一步帶著讀者實作，在架站方面也有考量到初學者對於很多方面都不太瞭解，所以本書使用Azure 來做為架站的基礎，Azure 除了是最新的雲端運算服務外，它也持續保持著最新的技術，並且Azure 中的架站非常的便利，完全可以讓初學者馬上上手，隨著本書的內容不斷往下，讀者的基礎也慢慢地加深，觀念建立好以後，就剩下動手實作了，在範例方面也與前面的內容相互配合著，一方面增加熟練度，另一方面則就是加深印象方面，之後考量到實務上的應用，本書還有另外介紹可以使網頁轉成App 的外掛，讓讀者可以發展更多的面向。

本書分為四大部分：
1.「觀念建立」：
第一章到第三章皆為觀念的建立和基礎實作，第一章先從WordPress 的基本介紹開始，然後帶領著讀者慢慢一步一步的走進WordPress的世界，除了WordPress 的基礎知識以外，與WordPress 相關的知識也不會少，像是要建立一個網頁所需要的不外乎有網域和主機，在第二章與第三章中有詳細的介紹，只要照著流程，就可以快速地架起一個網站。

2.「WordPress 實際操作」：
第四章到第五章皆為WordPress 的實際操作，讓讀者可以從零開始建立起屬於自己的網頁，第四章的部分是為使用免費佈景主題的讀者所設想，免費的版面有時總會有與自己想法有差異的部分，這時候就可以自己寫CSS 語法去做一些微調，第五章的部分則是想解決讀者在WordPress 中沒有找到與自己想法相符的版面的困境，解決辦法除了使用付費版面以外也可以自己創新，第四章和第五章期望讓讀者的網站可以與旁人的與眾不同。

3.「實際演練」：
最後的第六章與第七章則是以實際的操作範例為前面的外掛章節做呼應，像是哪些外掛可以實際應用在範例當中，讓讀者可以活用書上所學到的知識，在第七章中涵蓋了幾乎現在市面上會用到的網頁類型，以最經典網頁
來當作範例，如：Apple 官網、新聞雜誌網站、購物車網站，讓讀者可以更清楚瞭解到實際要怎麼操作，遇到各種類型的網頁需求都可迎刃而解。

4.「實務補給站」：
在本書中還有幾個小技巧想教給各位讀者，在本書的第八章的部分，讓讀者可以將已完成的網站轉成APP，在實務方面，許多公司都想要讓一件事情的利益最大化，此章節就是將你所設計好的網頁同時轉成APP 並上架到
Google Play 上，讓一個網頁可以達到兩個成果，做一個網站除了網頁與架站方面的知識外，網頁的內容也需多元化。

這本書是由學生團隊與指導老師們合力完成的書籍，章節中的範例都是學生學習後的成果，範例程式也都經過學生們再三確認無誤，在此，非常感謝李雅婷、李逸琳、章家源願意將本身的知識與學習經驗分享，透過一次
又一次的討論與修改，讓初學者可以快速從無到有，建立獨自架站的基本觀念，以豐富的畫面及文字幫助讀者快速進入狀況，並且本書將許多零散的知識，組成一個流程，只要照著走，就可以建立一個屬於自己的實務專題。為了更了解初學者的需求與角度，與實驗室學弟們的互動與回饋更是不可或缺的寶貴意見。最後感謝朱妍蓁、李妍菲、童泓賢以及謝隆傑學弟妹們對於這本書的細心校稿、程式碼的測試與學習過程的建議，讓這本書的內容與編排更臻完善，更貼近初學者的角度，再次強調學生們才是這本的真正作者。

蕭國倫、姜琇森
撰寫於國立臺中科技大學資訊管理系

隨著網際網路與視覺化呈現的盛行，Web 前端技術進步非常快速，許多網路使用者對前端技術有著濃厚的興趣，身為一個剛入門前端技術的初學者，也許會從一些套裝軟體入門( 如WordPress)，慢慢的熟悉網站架設方法、HTML 語法，並從HTML 的設計、CSS的排版中學習，這也是初學者比較容易入門的方法。此外，WordPress 已經將大部分的後端功能完善，且加入搜尋引擎優化(SEO)等功能，可快速滿足初學者開發整個網站功能的需求，是一套實用、容易上手且快速開發Web 網站的雲端軟體開發工具，除有完善的後端功能設計外，前端介面設計可以透過HTML 與CSS...

Chapter 01　WordPress 入門
1-1 WordPress 介紹
1-2 WordPress 的優劣勢
1-3 Wordpress 對於程式初學者vs 程式老手
1-4 WordPress 的兩種形式Com vs Org 差別的

Chapter 02　何謂網域
2-1 認識網域
2-2 網域申請教學
2-3 SSL 數位憑證

Chapter 03　Azure
3-1 認識Azure
3-2 Azure 介面介紹
3-3 Azure 租用網站主機
3-4 Azure WordPress 安裝工作
3-5 WordPress 基本操作介面

Chapter 04　CSS
4-1 認識CSS
4-2 CSS 基本語法
4-3 進階語法
4-4 常見樣式

Chapter 05　佈景主題
5-1 認識佈景主題（免費 + 付費）
5-2 使用免費 v.s. 付費的比較
5-3 佈景主題基本操作
5-4 自行新增佈景主題
5-5 自行修改佈景主題

Chapter 06　關於SEO
6-1 認識搜尋引擎
6-2 何謂SEO
6-3 SEO 行銷手法
6-4 SEO 工具
6-5 SEO 相關套件

Chapter 07　外掛
7-1 認識外掛
7-2 熱門十大外掛
7-3 Jetpack — WordPress 安全、效能和管理
7-4 文章編輯、社群互動
7-5 管理及維護

Chapter 08　範例
8-1 部落格
8-2 一頁式網站 v.s. 多頁式網站
8-3 新聞與雜誌網站
8-4 電子商務網站 WooCommerce (商務網站+ 金流)

Chapter 09　網頁轉APP
9-1 認識App
9-2 利用Android Studio 將網站轉換APP
9-3 Android App 上架流程

Chapter 01　WordPress 入門
1-1 WordPress 介紹
1-2 WordPress 的優劣勢
1-3 Wordpress 對於程式初學者vs 程式老手
1-4 WordPress 的兩種形式Com vs Org 差別的

Chapter 02　何謂網域
2-1 認識網域
2-2 網域申請教學
2-3 SSL 數位憑證

Chapter 03　Azure
3-1 認識Azure
3-2 Azure 介面介紹
3-3 Azure 租用網站主機
3-4 Azure WordPress 安裝工作
3-5 WordPress 基本操作介面

Chapter 04　CSS
4-1 認識CSS
4-2 CSS 基本語法
4-3 進階語法
4-4 常見樣式

Chapter 05　佈景主題
5-1 認識佈景主題（...