# 目標:用wordpress建置一個網站

## Wordpress的準備

- [x] 如何建置wordpress?

---
## 頁面的建置

- [x] 如何在wordpress產生新頁面?
- [x] 要如何使用既有的頁面來(克隆/clone)套用到新的頁面
- [ ] 頁面要如何去做編輯?
- [x] 區塊要如何排版
- [x] 頁面裡面的區塊要如何再做一些動畫效果? -> Animation
- [x] 客製化 (依照設計稿製作，佈局(現有無法達成)/字體大小/間距)
- [ ] 客製化字型 - 引用更多的中文字型
- [x] 如何套用自己寫完的css

- [x] 什麼是文章?

---
## 頁面的切換

- [x] 要如何從A頁面 到 B頁面?
- [x] 如何透過(via)選單去切換頁面
- [x] 如何透過 按鈕、文字、圖片...去切換頁面 -> Link URL
- [ ] 列表->子頁面

---

## 補充問題
- [ ] Fusion Builer?
- [x] 原本WP的建立頁面跟Fusion Builder跟Fusion Builder Live的差別?
- [x] Container? Columns?
- [x] Container
- [x] Save Container
- [x] Save Container - Save As Global
- [x] 要如何使用存下來過的Container
- [ ] BG
- [ ] Element是什麼? 有哪些Element?
- [ ] Library?
- [ ] Fusion page options?
- [x] Wordpress的選單要怎麼建立/編輯?
- [x] 佈景主題 - 自訂
- [x] 首頁設定
- [x] 選單
- [x] 小工具

---

## Wordpress Plugins

* 要如何找到一個wordpress Plugins
https://tw.wordpress.org/plugins/

1.SEO
https://tw.wordpress.org/plugins/wordpress-seo/
https://ranking.works/WordPress%E6%95%99%E5%AD%B8/yoast-seo
https://www.design-hu.com.tw/wordpress/wordpress-plugin/wordpress-seo.html

2.cache
https://bloggingwizard.com/free-speed-enhancing-wordpress-plugins/

https://www.minwt.com/website/wordpress/18022.html
https://tw.wordpress.org/plugins/wp-fastest-cache/

3.backup
https://tw.wordpress.org/plugins/updraftplus/
https://tw.wordpress.org/plugins/all-in-one-wp-migration/

4.Security
Wordfence Security – Firewall & Malware Scan
https://tw.wordpress.org/plugins/wordfence/

5.Others

5.1 Woocommerce
https://tw.wordpress.org/plugins/woocommerce/

https://www.minwt.com/website/wordpress/14802.html

5.2 Woocommerce金流
http://harry-marketing.com/wordpress/plugin/money-logistic-flow/
https://github.com/ECPay/WooCommerce_Payment

https://www.ecpay.com.tw/Content/files/ecpay_011.pdf

綠界測試環境後台網址
https://vendor-stage.ecpay.com.tw/User/LogOn_Step1
廠商管理後台登入帳號/
密碼
stagetest1234/test1234

信用卡測試卡號 4311-9522-2222-2222 (注意事項：只有此組卡號可測試交易成功流程)
信用卡測試安全碼 222

信用卡測試有效月/年
輸入的 MM/YYYY 值請大於現在當下時間的月年，例如在 2016/04/20 當天作測試，請設定
05/2016(含)之後的有效月年，否則回應刷卡失敗。

5.2 Contact form
https://tw.wordpress.org/plugins/contact-form-7/
https://tw.wordpress.org/plugins/wpforms-lite/

5.3 Google XML sitemap
https://tw.wordpress.org/plugins/google-sitemap-generator/

5.4 Google Analytics
https://newbieboss.com/how-to-install-google-analytics/
https://www.design-hu.com.tw/seo-tools/google-analytics/how-to-add-ga-tracking-code-in-wordpress.html

http://www.eca.party/2018/04/woocommercegoogleanalyticsuserid.html

* 要如何安裝一個外掛

## One page Anchor Scrolling
https://www.newscan.com.tw/all-seo/anchor-text.htm
https://info.sice.indiana.edu/~hrosenba/Demo/Demo2.html#Part_2
https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/55259/
https://kknews.cc/zh-tw/tech/ena88ry.html
https://theme-fusion.com/documentation/avada/pages/anchor-scrolling/

Step1. 插入錨點
找到你想要滑到的區塊，新增Menu Anchor

最好要將其新增到左上角，Menu Anchor本身是不影響排版

Step1.1 測試錨點

<a href="#anchor_1"> iosadjaiosdjsaodj </a>

Step2. 於選單上加上錨點連結
於外觀的選單處
新增一個選單項目

選單項目要選擇 "自訂連結"
網址要輸入 #錨點id
連結文字可自行任意輸入


## 前端教學
https://mega.nz/folder/2F11CZSL#AVOkBaaJTmx_bctjrGS-JA