關於Wordpress

1. 2015年底統計全球每四個網站有一個是用Wordpress搭建的，點我看新聞連結

2. 台灣有人在用嗎?

新聞內容媒體: 關鍵評論網、INSIDE、泛科學、中天快點tv

公司形象官網: CLBC、AppWorks、xx保險公司

用WP賺錢: 有物報告、vmus

3. 還可以幹嘛?

2015年中Wordpress總公司Automattic併購開發WooCommerce(Wordpress電子商務plugin)的WooThemes

點我看新聞連結

關於Wordpress

• Wordpress是一套以PHP為基底去開發完成的內容管理系統，CMS: Content Management System

• Wordpress內建功能包含：會員管理、文章管理、留言管理、多媒體管理、URL網址管理等強大功能

• 前台可透過佈景主題完整客製化，後台已包含上述之管理功能

• 無數個免費、付費版型＋無數個免費、付費插件可即時擴充網站功能、樣式

關於WooCommerce

WooCommerce是一套建立於Wordpress上的電子商務外掛系統：免費且已包含各種基本的電子商務功能

Woo可以賣什麼？

Tickera, 賣票券

WooCommerce Subscriptions,

賣會員權利

訂房：PinPoint Booking

WooCommerce Booking

關於WP x Woo

Q&A 問題？

什麼是網站

為什麼你看得到網站？

使用者從瀏覽器發出請求，HTTP(HTTPS) request

伺服器回應請求，HTTP(HTTPS) reponse

主機、資料庫

任何瀏覽器

[ 中文版 ]

瀏覽器：" 欸，給我這個網址http://xxx.com裡的內容 "

主機：" 喔好呀，我找一下，(x秒過後)，拿去！ "

什麼是網站

伺服器端語言: PHP、Ruby、Python、C#

瀏覽器端語言: HTML、CSS、JAVASCRIPT

Q. 所以你們看到的網頁是什麼語言組成的？

builtwith.com

Q. 想知道伺服器端是用什麼寫的怎麼辦？

安裝趴

伺服器軟體XAMPP

https://www.apachefriends.org/index.html

程式編輯器Sublime Text

https://www.sublimetext.com/

安裝XAMPP

伺服器軟體XAMPP

https://www.apachefriends.org/index.html

程式編輯器Sublime Text

https://www.sublimetext.com/

Apache, Php, MySQL

安裝XAMPP

一路按確定安裝完成後，會看到此畫面，可開啟Apache伺服器以及MySQL

安裝SUBLIME TEXT

一路按確定安裝就完成...

安裝XAMPP

Q&A 問題？

有問題直接舉手，我們會親自過去協助

安裝Wordpress

1. 先開啟伺服器後，於瀏覽器輸入本機網址：

http://localhost

安裝Wordpress

2. 接著開啟MYSQL後，於瀏覽器輸入本機網址：

http://localhost/phpmyadmin

安裝Wordpress

3. 設定MYSQL管理者(root)帳號密碼：

安裝Wordpress

4. 找到xampp資料夾內的phpmyadmin資料夾：

用sublime開啟config.inc.php這隻檔案

/* Authentication type */
$cfg['Servers'][$i]['auth_type'] = 'config';
$cfg['Servers'][$i]['user'] = 'root';
$cfg['Servers'][$i]['password'] = 'root';

請自己設定喜歡的帳號密碼和前面相同

重新開啟phpmyadmin

安裝Wordpress

5. 新增一個資料庫提供本機的Wordpress使用：

可任意命名想使用的資料庫名稱(建議命名還是要有關聯)

6. 下載Wordpress原始碼：

https://wordpress.org/

安裝Wordpress

7. 前往xampp內的htdocs資料夾新增資料夾，可任意命名喜歡的名字：Ex. wp-woo，如此本機網址即為：

http://localhost/wp-woo/

8. 將剛剛下載的整包Wordpress檔案放入wp-woo(你的資料夾名稱)資料夾中，再進入網址即可看到安裝畫面。http://localhost/wp-woo/

安裝Wordpress

9. 填入需要的資訊：資料庫名稱、資料庫使用者名稱、資料庫使用者密碼、資料庫主機、資料表前綴

安裝Wordpress

Q&A 問題？

有問題直接舉手，我們會親自過去協助

安裝Wordpress Theme

1. 先至以下網址下載一個你喜歡的佈景主題：

https://wordpress.org/themes/

2. 將所下載的資料夾上傳至/wp-content/themes 資料夾中，然後至後台啟用即可

* 網站前端所有看得到的功能都是靠佈景主題來撰寫的

* 佈景沒寫的功能怎麼辦？

安裝Wordpress Plugins

1. 先至以下網址下載一個你需要的外掛：

https://wordpress.org/plugins/

2. 將所下載的資料夾上傳至/wp-content/plugins 資料夾中，然後至後台啟用即可

* 外掛怎麼用？

* 找不到我要的功能外掛，是不是Wordpress就做不出我要的網站？

安裝WooCommerce

1. 因為WooCommerce是一個Wordpress的電子商務外掛：

https://www.woothemes.com/woocommerce/​

2. WooThemes有出一套官方的佈景Storefront：

https://www.woothemes.com/product-category/themes/woocommerce/​

3. 介接歐付寶金流：

https://www.allpay.com.tw/Service/Appcntr_Shpcar

4. 介接智付寶金流：

https://www.pay2go.com/info/site_description/api_description

常見問題

1. 圖片無法上傳？

A: /wp-content/uploads/ 資料夾權限沒有打開

2. 可以接其他金流嗎？

可以，

紅陽科技:

https://www.esafe.com.tw/Question_Fd/DownloadPapers.aspx

含物流的：

https://cloudwp.pro/market/

常見問題

1. 圖片無法上傳？

A: /wp-content/uploads/ 資料夾權限沒有打開

2. 可以接其他金流嗎？

可以，

紅陽科技:

https://www.esafe.com.tw/Question_Fd/DownloadPapers.aspx

含物流的：

https://cloudwp.pro/market/

常見問題

Q&A 問題？

有問題直接舉手，我們會親自過去協助