---
# System prepended metadata

title: 開源科技訓練營 - WordPress 網站建置

---

# 開源科技訓練營 - WordPress 網站建置

時間：2019 年 9 月 21 日（六） 9:30 am - 12:30 pm
地點：Cymking Space（台北市南港區南港路三段52號7樓）

## 課程介紹

學習從本地主機架設 WordPress 網站至完成一個形象網站的流程與操作。了解如何與工程師合作架設 WordPress 網站以及善用社群平台互助學習、解決問題。

## 講師介紹

[Yuli Yang](https://yuliyang.com/)
專門架設 WordPress 網站的全端工程師、WordCamp Taipei 2019 總召 & WordCamp Asia 2020 主辦人。

[Hend Chen](https://henddesign.net/)
平面/網頁視覺設計師，專長於平面設計、網站視覺規劃，目前為獨立接案設計師。

## 課前準備

1. 下載 [FlyWheel 安裝檔](https://localbyflywheel.com/)
2. 安裝 [Google Chrome](https://www.google.com/intl/zh-TW/chrome/)
3. 下載[素材](https://drive.google.com/open?id=1gLxNF6fyj0usYeZdpBqkeDnOdH1oqsIs)
4. [簡報](https://www.figma.com/proto/Px3TpVcL205wP2ikMCYrbg/1080921_%E7%94%A8-WordPress-%E6%9E%B6%E7%B6%B2%E7%AB%99%E5%AF%A6%E4%BD%9C?node-id=3%3A2&viewport=95%2C184%2C0.13839241862297058&scaling=contain)

## 課程使用工具
WordPress - https://wordpress.org/
Chrome DevTools - https://developers.google.com/web/tools/chrome-devtools/css/
Local by Flywheel - https://localbyflywheel.com/
Karuna - https://tw.wordpress.org/themes/karuna/
Elementor - https://elementor.com/ & https://tw.wordpress.org/plugins/elementor/

## 課後複習/學習資源
WordPress.com vs WordPress.org - https://wptw.org/
安裝 Local by Flywheel - https://ucheng.io/local-flywheel-wordpress-local-development/
Automattic 主題 - https://profiles.wordpress.org/automattic/#content-themes
Block editor - https://wordpress.blog.tw/wordpress-gutenberg-preview/
Elementor 官方教學 - https://elementor.com/blog/category/tutorials/
Elementor 進階使用方式 - https://henddesign.net/category/blog/

## 推薦外掛列表
### 備份 & 搬家
[All in One WP Migration](https://wordpress.org/plugins/all-in-one-wp-migration/)
[UpdraftPlus WordPress Backup](https://wordpress.org/plugins/updraftplus/)
[WPvivi Move & Backup WordPress](https://wordpress.org/plugins/wpvivid-backuprestore/)

### SEO
[⭐ RankMath SEO](https://wordpress.org/plugins/seo-by-rank-math/)
[Yoast SEO](https://wordpress.org/plugins/wordpress-seo/)
[All in One SEO Pack](https://wordpress.org/plugins/all-in-one-seo-pack/)

### 網站速度最佳化 & 快取
[WP Super Cache](https://wordpress.org/plugins/wp-super-cache/)
[WP Rocket](https://wp-rocket.me/)
[Autoptimize](https://wordpress.org/plugins/autoptimize/)

### 圖片壓縮
[⭐ Smush Image Optimization](https://wordpress.org/plugins/wp-smushit/)
[⭐ ShortPixel Image Optimizer](https://wordpress.org/plugins/shortpixel-image-optimiser/)
[Compress JPEG & PNG images](https://wordpress.org/plugins/tiny-compress-images/)
[Imagify](https://wordpress.org/plugins/imagify/)


### 表單
[Contact Form by WPForms](https://wordpress.org/plugins/wpforms-lite/)
[Ninja Forms](https://wordpress.org/plugins/ninja-forms/)
[Contact Form 7](https://wordpress.org/plugins/contact-form-7/)


### 其他功能
外部 URL 連結精選圖片：[Featured Image by URL](https://wordpress.org/plugins/featured-image-from-url/)
建立子主題：[Child Theme Configurator](https://wordpress.org/plugins/child-theme-configurator/)
再製/複製頁面文章：[Duplicate Post](https://wordpress.org/plugins/duplicate-post/)
替換媒體庫檔案：[Enable Media Replace](https://wordpress.org/plugins/enable-media-replace/)
網站活動紀錄：[Simple History](https://wordpress.org/plugins/simple-history/)
文章內目錄：[Table of Contents Plus](https://wordpress.org/plugins/table-of-contents-plus/)
切換使用者：[User Switching](https://wordpress.org/plugins/user-switching/)