WordPress 商用網站架設課程 (包括網上商店 e-shop)



本中心現已支援 轉數快 付款。



推介服務:課堂錄影隨時睇
(在家觀看 = 0%,在校觀看 = 100%)

100% 在校觀看日期及時間:
自由選擇,點選以下地區觀看辦公時間及位置

不限$1,580 (地點沒有限制)報名
旺角95折 $1,501 報名 phone
電話:2332-6544
觀塘9折 $1,422 報名 phone
電話:3563-8425
北角9折 $1,422 報名 phone
電話:3580-1893
沙田85折 $1,343 報名 phone
電話:2151-9360
屯門85折 $1,343 報名 phone
電話:3523-1560

課時: 12 小時

享用時期: 報讀日至 4 星期內,進度由您控制,可快可慢。

課堂錄影導師:Franco
在校免費試睇:首 1 小時,請致電以上地點與本中心職員預約。

本課程提供在校免費重睇導師解答服務。




推介服務:課堂錄影隨時睇
(在家觀看 = 100%,在校觀看 = 0%)

100% 在家觀看日期及時間:
每天 24 小時全天候不限次數地觀看

學費:$1,580 報名 phone
電話:2332-6544

課時: 12 小時

享用時期: 報讀日至 4 星期內,進度由您控制,可快可慢。

課堂錄影導師:Franco
在校免費試睇:首 1 小時,請致電以上地點與本中心職員預約。

本課程提供導師解答服務。




課程名稱: WordPress 商用網站架設課程 (包括網上商店 e-shop)
- 簡稱:WordPress Training Course (e-shop)
課程時數: 合共 12 小時
適合人士: 建議學員在報讀本課程前需要修讀一個 6 小時的 “WordPress 網頁 (Web page) 及網誌 (Blog) 架設課程”。因為掌握 WordPress 的文章 (Posts)、頁面 (Pages)、小工具 (Widgets)、選單 (Menus)、外掛 (Plugins)、Shortcodes 等是學習進階 WordPress 或架設商用網站的重要基礎知識。
授課語言: 以廣東話為主,輔以英語
課程筆記: 本中心導師親自編寫中文為主筆記,而部份中文字附有英文對照。
免費重讀: 傳統課堂學員可於課程結束後三個月內免費重看課堂錄影。


課程名稱:WordPress 商用網站架設課程 (包括網上商店 e-shop)
- 簡稱:WordPress Training Course (e-shop)

第一部份:有用的 Plugins

WordPress 有大量的 Plugins,當中有些對架設商用網站是相當有用。導師會為大家深入教授這些有用的 Plugins。這一章的學習亦可視作為 “熱身準備”,以更好地學習往後的章節,如網上商店 e-shop。

  • 自動檢查網站內的超連結是否依然有效。如果無效,便會自動以 “刪除線” 表示出來。除此以外,Plugin 亦會以電郵通知網站的管理人員有關事宜。



  • WordPress 雖然功能強大,但仍有一定的負荷,令網站變慢。要加快網站,其中一個方向是我們可以使用 caching 技術將網站內容 “翻譯” 為對網站負荷較小的內容。導師會教授如何加速網站。

Facebook 文章分享 (A 級速度的 WordPress): https://www.facebook.com/systematic.hk/posts/10152759507351965

  • 今天所有網站都注重 SEO (Search Engine Optimization) 以提升搜尋引擎內的排名,WordPress 有些 Plugins 能夠令大家簡單、快、靚、正地優化 SEO 的設定。這部份會教授如何優化 SEO 的設定,例如製作 XML Sitemap 等。



  • 淺談如何在 WordPress 內使用 Google Analytics 統計網站流量及用戶習慣,從而制定銷售策略。而詳細的 Google Analytics 的網站數據分析技巧可以參考 Google Analytics 網站數據分析實戰課程



  • 改變登入路徑,由預設的 wp-login.php 變為其他路徑從而使網站更安全。



  • 在網站上顯示數學公式,這對需要處理數學公式的朋友尤其有用。



  • 為網站提供多語言環境,例如英文、繁體中文及簡體中文。

 

第二部份:進階 Themes

WordPress Theme 是 WordPress 一個十分重要的元素,導師會在這部份教授一些實用的進階 Themes 技術令同學使用 WordPress 的技術更上一層樓。這一章的學習亦可視作為 “熱身準備”,以更好地學習往後的章節,如網上商店 e-shop。

  • 製作 Slider (無需 PHP、JavaScript 或 CSS 知識)





  • 教授 Child Theme 及分析使用 Child Theme 的好處。



  • 更改主題風格 / 樣式 (Style)。使用 WordPress 其中一個令人卻步的地方是擔心 WordPress 的框架太 “死”,不能作度身訂造的改進。導師會深入教授 WordPress 的風格 / 樣式 (Style) 的結構,令同學可以直接修改風格 / 樣式 (Style),不再受框架的約束。當中包括:
    • 將日期的顏色轉為紅色。

    • 刪除日期。



  • WordPress 底部文字由預設的 “本站使用 WordPress 建置” 變為 “Proudly powered by Franco - Systematic © 20XX”

 

第三部份:論壇 (Forum)

加強與客戶或公眾朋友的互動是今天的網站其中一項的重要功能。論壇 (Forum) 無疑能達到加強互動的效果。WordPress 能令我們輕鬆架設及管理論壇 (Forum)。本章節會教授在 WordPress 上架設及管理論壇 (Forum) 的所需知識。

 

第四部份:網上商店 e-shop (無需任何程式編寫)

網上商店是大勢所趨。使用 WordPress 架設的網上商店並不困難。導師在課堂會教授以下課題:

  • 售賣虛擬商品,如下圖的 PDF 例子。



  • 售賣具不同顏色及品種的商品,如下圖的積木例子。





  • 購物車。



  • 準備付款。



  • 使用 PayPal 收取款項。



  • 使用優惠券 (Coupon code) 提供優惠。



  • 同時支援桌面電腦及手機的 responsive 網上商店 e-shop (能夠通過 Google 行動裝置相容性測試)。

 

第五部份:融合自行編寫或網上下載的 PHP 和 JavaScript

不少朋友希望在 WordPress 內使用自己編寫或網上下載的 PHP / JavaScript,但預設的 Post 或 Page 並不太歡迎直接使用 PHP 或 JavaScript。導師會在這章節內教授同學如何在 WordPress 內使用自己編寫或網上下載的 PHP 和 JavaScript。

  • 建立新外掛 (Plugin)。



  • 直接在 Page / Post 內使用 PHP / jQuery (Cross-platform JavaScript library)。

 

第六部份:WordPress 的系統管理

  • 了解 WordPress 的用戶系統。
  • 了解 WordPress 的系統結構。
  • 備份與復原 WordPress。


1 課程簡介

2 架設網站的基本元件

3 測試環境
3.1 準備測試環境
3.2 簡易安裝網頁伺服器、資料庫伺服器及進行簡單配置
3.2.1 AppServ
3.2.1.1 AppServ 簡介
3.2.1.2 安裝 AppServ
3.2.2 建立資料庫 (Create a database for WordPress)
3.2.3 下載 WordPress
3.2.4 複製及貼上 WordPress 檔案到網頁伺服器
3.2.5 WordPress 初始設定

4 有用的Plugins (外掛)
4.1 超連結的有效性
4.1.1 安裝所需的 Plugin
4.1.2 設定 Plugin
4.2 加強 SEO (Search Engine Optimization)
4.2.1 安裝所需的 Plugin
4.2.2 設定 Plugin
4.3 網站加速
4.3.1 安裝所需的 Plugin
4.3.2 設定 Plugin
4.4 Google Analytics
4.4.1 準備 Google Analytics 的追蹤編號 (Tracking ID)
4.4.2 安裝及設定所需的 Plugin (由 Franco 編寫,wordpress.org 不能下載此外掛)
4.5 改變登入路徑
4.5.1 安裝所需的 Plugin
4.5.2 設定 Plugin
4.6 顯示數學公式
4.6.1 LaTeX
4.6.2 安裝所需的 Plugin
4.6.3 設定 Plugin
4.7 多語言環境
4.7.1 安裝所需的 Plugin
4.7.2 新增所需要的語言 (英語、繁體中文及簡體中文)
4.7.2.1 新增英語及設定預設語言
4.7.2.2 新增繁體中文
4.7.2.3 新增簡體中文
4.7.3 本地化 (Localize) WordPress 內的字串
4.7.4 在 Menu 內加上語言欄
4.7.5 製作不同語言版本的 Posts
4.7.6 製作不同語言版本的 Categories
4.7.7 語言欄 Widgets
4.7.8 改變顯示語言的文字
4.7.9 以圖案顯示語言欄

5 進階 Themes (佈景主題)
5.1 Sliders (無需 PHP、JavaScript、JavaScript Frameworks 或 CSS 等知識)
5.1.1 安裝支援 slider 的 theme (佈景主題)
5.1.2 設定支援 slider 的 theme (佈景主題)
5.1.3 建立 slider 的內容
5.1.4 檢視 Slider
5.2 更改主題風格 / 樣式 (Style)
5.2.1 找出相關主題風格 / 樣式 (Style)
5.2.2 修改文章時間的顏色
5.2.3 隱藏文章時間
5.3 Proudly powered by WordPress → Powered by Franco – Systematic 20XX
5.3.1 相關的檔案
5.3.2 修改相關的檔案
5.4 Child Themes
5.4.1 建立 Child Theme (最低消費)
5.4.1.1 style.css
5.4.1.2 function.php
5.4.1.3 Child theme logo
5.4.1.4 資料夾
5.4.1.5 安裝及啟用 Child Theme
5.4.2 在 Child Theme 內進行設定 (例子1:site-info)
5.4.3 在 Child Theme 內進行設定 (例子2:日期風格)

6 論壇 (Forum)
6.1 安裝論壇 (Forum)
6.2 論壇 (Forum) 的基本設定
6.3 建立論壇 (Forum)
6.4 改變排列次序
6.5 建立 Topics
6.6 建立新用戶並回應或發佈Topic
6.6.1 建立新用戶
6.6.2 發表回應
6.7 將論壇設定為 WordPress 的首頁

7 網上商店 (e-shop)
7.1 事前準備
7.2 安裝網上商店 (WooCommerce) 及進行初步設定
7.2.1 設定首頁
7.2.2 更換配合 WooCommerce 的 Theme
7.2.3 首頁圖片
7.3 一般設定
7.3.1 一般選項及貨幣選項
7.3.2 商品
7.3.2.1 商品:一般
7.3.2.2 商品:顯示
7.3.2.3 商品:庫存 (Inventory)
7.3.2.4 商品:可下載商品 (Downloadable products)
7.3.3 運送方式 (Shipping)
7.3.3.1 運送方式 (Shipping):運送區域
7.3.3.1.1 新增運送區域及運送方式 (Shipping methods)
7.3.3.1.2 設定運送方式 (Shipping methods):Flat rate (單一費率)
7.3.3.1.2.1 每件貨物計算運費
7.3.3.1.2.2 每件貨物計算運費 + 基本固定運費
7.3.3.1.2.3 按總金額的百分比計算運費
7.3.3.1.2.4 按總金額的百分比計算運費 + 最低運費
7.3.3.1.2.5 按總金額的百分比計算運費 + 最低運費 + 基本固定運費
7.3.3.1.3 設定運送方式 (Shipping methods):Local Pickup (自行取貨)
7.3.3.1.4 設定運送方式 (Shipping methods):Free Shipping (免費運送)
7.3.3.1.5 總結
7.3.3.2 運送方式 (Shipping):運送選項 (Shipping options)
7.3.3.3 運送方式 (Shipping):運送類別 (Shipping classes)
7.3.3.4 GeoIP.dat
7.3.4 結帳 (Checkout)
7.3.4.1 結帳 (Checkout):銀行轉帳 (BACS)
7.3.4.2 結帳 (Checkout):支票付款 (Check payments / Cheque payments)
7.3.4.3 結帳 (Checkout):貨到付款 (Cash on delivery)
7.3.4.4 結帳 (Checkout):PayPal 及 IPN (Instant Payment Notification)
7.3.4.4.1 設定 PayPal 選項
7.3.4.4.2 設定交易狀態更新 (IPN, Instant Payment Notification)
7.3.4.5 結帳 (Checkout):結帳流程 (Checkout process)
7.3.5 帳號 (Accounts)
7.3.6 電子郵件 (Emails)
7.4 簡單商品 (Simple product)
7.4.1 新增簡單商品 (Simple product) [包括移除迴響 (Review)]
7.4.2 現有客戶購買商品
7.4.3 檢視、更新訂單及處理庫存問題
7.5 多樣化商品 (Variable Products)
7.5.1 新增屬性 (Attributes),例如顏色等
7.5.2 新增多樣化商品 (Variable Products)
7.6 優惠券 (Coupon)
7.6.1 新增優惠券 (Coupon)
7.6.2 使用優惠券 (Coupon)
7.7 可下載商品 (Downloadable Products)
7.7.1 新增可下載商品 (Downloadable Products)
7.7.2 新客戶購買可下載商品 (Downloadable Products)
7.7.3 檢查下載情況
7.8 連結商品 (Linked Products)
7.8.1 推薦型 (Up-sells)
7.8.2 交叉型 (Cross-sells)

8 融合自行編寫或網上下載的 PHP 和 JavaScript (JS)
8.1 自行編寫外掛 (Plugins)
8.1.1 基本結構
8.1.2 建立自製的外掛 (Plugins)
8.2 嵌入 PHP
8.3 嵌入 jQuery (JavaScript Library)
8.3.1 使用自行編寫的外掛 (Plugins) 引入 jQuery

9 WordPress 的系統管理
9.1 用戶管理
9.1.1 角色 (Roles)
9.1.1.1 Super Admin
9.1.1.2 Administrator
9.1.1.3 Editor
9.1.1.4 Author
9.1.1.5 Contributor
9.1.1.6 Subscriber
9.1.1.7 詳細權限
9.1.2 新用戶的預設角式
9.2 備份與復原
9.2.1 WordPress 的系統結構
9.2.2 備份的一般指引
9.2.3 實踐備份
9.2.3.1 備份 WordPress Site
9.2.3.2 備份 WordPress Database
9.2.4 實踐復原
9.2.4.1 事前準備
9.2.4.2 復原 WordPress Database
9.2.4.3 復原 WordPress Site

10 附錄1:常用的 CSS
10.1 字型
10.2 文字
10.3 顏色與背景
10.4 邊框
10.5 定位
10.6 表格

11 附錄2:更多的自行編寫外掛 (Plugins) 的例子
11.1 自動地為每一個 Post 和 Page 的底部加上句子
11.2 Enclosed Shortcode

12 附錄3:更多的 WooCommerce 的示範
12.1 群組商品 (Grouped Products)

13 附錄4:更多的論壇的示範
13.1 附件 (Attachment)
13.2 Login Widget

14 在 WAMP (Windows, Apache, MySQL 及 PHP [e.g. AppServ in Windows]) 內重置 (Reset) WordPress


使用 Wordpress 和 Magento 的比較
  WordPress Magento
安裝及設定時間 容易 較難
每月營運費用 HKD 50 - 200 HKD 100 - 500
功能 本身只有基本的網店功能,如要進階功能,需要找插件來補足 附送的功能已很足夠,而且可以做很多仔細的設定 例如有客戶、多變的折扣管理、推廣、Coupon、SEO、eBay 銷售、快取、bonus point、backorder、customer group、invoice、credit memo 等等先進的功能!
網店的擴充性 只能在單一台伺服器上運作
(但一般小型網店已足夠)
能夠分多個 Store, Store View, multiple instance 等等。例如 1 個網站分開不同的店面,賣不同類別的貨品
插件 / 模版費用 較平宜 較貴
修改網站功能 可以隨意修改 可以隨意修改
內容管理 有完整的 blogging 系統,可以發佈文章以配合銷售 需要另加插件
目標使用者 初入門的網上銷售者 進階的網上銷售者
    本中心亦有 Magento 課程供學員選擇:
Magento 輕鬆開網店及網上銷售管理入門課程


回到頂端 keyboard_arrow_up