# [#教學 創建自己的電商網站(1)](https://hackmd.io/HL4xySP3RxGX9CWg0Lz_bg) ## :question: 目標 :::success 學習如何透過網路工具輕鬆建立自己的電商網站 ::: ## :feet: 前提概要 :::success WordPress有分為 .com 跟 .org網站結尾 主要差別是**要不要錢** .com基本上是公司(要收費的) .org基本為團體(大部分為免費) 本篇教學的是.**org網站結尾的WordPress** 詳細差異如下表 ![image](https://hackmd.io/_uploads/rkR8Aon9T.png) ::: ## :feet: Step 1. 進入[WordPress網址](https://tw.wordpress.org/download/) 下載WordPress相關檔案 ![image](https://hackmd.io/_uploads/B1gSnonqT.png) ![image](https://hackmd.io/_uploads/SkrB3jnqa.png) 2. 前往[XAMPP網站](https://www.apachefriends.org/zh_tw/index.html)下載該工具 ![image](https://hackmd.io/_uploads/ByOykh39T.png) ![image](https://hackmd.io/_uploads/r1rly2h9T.png) > 本篇選用windows做示範 3. 下載完後安裝XAMPP工具 ![image](https://hackmd.io/_uploads/H1RQ123c6.png) ![image](https://hackmd.io/_uploads/SJyB122q6.png) 4. 啟動XAMPP工具,啟動成功後會如下圖所示 ![image](https://hackmd.io/_uploads/ryPtJn35T.png) 5. 打開XAMPP的資料夾位置(C:\xampp\htdocs),並將剛剛下載的WordPress檔案裡的資料夾複製進去,完成後資料夾檔案會如下圖所示 ![image](https://hackmd.io/_uploads/rykpJnh96.png) ![image](https://hackmd.io/_uploads/SyIxx32qp.png) 6. 接下來回到XAMPP工具,將Apache和MySQL打開(Start),成功打開後兩者的名稱會出現綠底,代表正常啟動 ![image](https://hackmd.io/_uploads/B1rxb33q6.png) ![image](https://hackmd.io/_uploads/S15Qb225a.png) 7. 輸入以下網址開啟資料庫 `http://localhost/phpmyadmin` ![image](https://hackmd.io/_uploads/r1Xa-3356.png) 8. 開始新增資料庫 1. 點選資料庫 ![image](https://hackmd.io/_uploads/Hk6eG2nca.png) 2. 輸入wordPress後按建立 ![image](https://hackmd.io/_uploads/HkdQGnhcT.png) 3. 成功後如下圖所示 ![image](https://hackmd.io/_uploads/HkLHMnn9T.png) 9. 接下來進入WordPress後台,在瀏覽器輸入下方網址,成功後會出現如下圖所示,先選擇語言 `http://localhost/wordpress` ![image](https://hackmd.io/_uploads/BkXaf3hc6.png) 10. 開始進行WordPress後台登入設定 1. 開始安裝 ![image](https://hackmd.io/_uploads/BJMWX3296.png) 2. 輸入剛剛創建的資料庫名稱,設定參照下圖(一模一樣就行) ![image](https://hackmd.io/_uploads/BktQQ2nqa.png) 3. 執行安裝 ![image](https://hackmd.io/_uploads/HJXLm2n5T.png) 4. 安裝網站所需資訊,標題可以取喜歡的,使用者名稱:admin 密碼設喜歡的,email用常用的,設定好後直接按**安裝WordPress** ![image](https://hackmd.io/_uploads/ByDdX2nq6.png) 5. 完成會如下圖所示 ![image](https://hackmd.io/_uploads/HJkk42nqp.png) 11. 輸入剛剛設定好的admin和密碼 ![image](https://hackmd.io/_uploads/H1z-4h3ca.png) 12. 登入後如下圖所示 ![image](https://hackmd.io/_uploads/HJyVV2h9T.png) 13. **大功告成!!!!!!!!!** ## :feet: NEXT :::success [#教學 創建自己的電商網站(2)](https://hackmd.io/yNOO3YP4RXiD5jdVbo84Jg) 主軸會在怎麼使用現成(免費)模板和外掛製作網站 :::