加入 Systematic Facebook 擁躉群  

這個頁面上的內容需要較新版本的 Adobe Flash Player。

取得 Adobe Flash Player


想定期知道最新課程及優惠嗎?
免費訂閱本中心的課程通訊!
觀看課程通訊
Reasonable Spread:
Permission email marketing

課堂錄影隨時睇 10 大優點之時間自由:無論您是夜班或輪班工作,在日間或晚間亦可隨時來上課!而視像會在您到達時才開始播放,亦可按您需要而隨時暫停,不會因遲到或人有三急而錯過課程任何重點!

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

  • 課程時間
  • 課程簡介
  • 課程內容
  • 詳細內容
  • 網店比較

推介服務:課堂錄影隨時睇
編號 地點 可預約星期及時間 學費低至 85 折  
1R1712MV 旺角 一至五:11:30 - 22:30   六及日:10:30 - 21:30   (公眾假期休息) 95 折後只需 $1,501 按此報名
1R1712OV 觀塘 一至五:13:30 - 22:00   六及日:12:30 - 21:00   (星期三及公眾假期休息) 9 折後只需 $1,422 按此報名
1R1712PV 北角 一至五:13:30 - 22:00   六及日:12:30 - 21:00   (星期三及公眾假期休息) 9 折後只需 $1,422 按此報名
1R1712SV 沙田 一至五:13:30 - 22:00   六及日:12:30 - 21:00   (星期三及公眾假期休息) 85 折後只需 $1,343 按此報名
1R1712YV 屯門 一至五:13:30 - 22:00   六及日:12:30 - 21:00   (星期三及公眾假期休息) 85 折後只需 $1,343 按此報名
* 各政府部門可使用 P Card 付款  
免費試睇: 首 1 小時,請致電與本中心職員預約。 查看各地點電話
旺角 2332-6544
觀塘 3563-8425
北角 3580-1893
沙田 2151-9360
屯門 3523-1560
免費重睇: 學員可於享用時期內於報讀地點不限次數地重看課堂錄影,從而可反覆重溫整個課程!
導師解答: 學員可於觀看某一課堂錄影後提出課堂直接相關的問題,課程導師會樂意為學員以單對單的形式解答!
課時: 12 小時
享用時期: 報讀日至 4 星期內,進度由您控制,可快可慢。
課堂錄影導師: Franco (任教課程清單)
課堂錄影隨時睇: 詳情及示範片段


使用 WordPress 架設網站已經十分普遍。根據 W3Techs World Wide Web Technology Surveys 的資料顯示 (https://w3techs.com/technologies/details/cm-wordpress/all/all),WordPress 的 market share 已達 27%,即是每四個網站,就有超過一個是使用 WordPress 架設的。成功例子多不勝數。這亦成為了建立網站的其中一個熱門途徑。



在 6 小時的 WordPress 網頁 (Web page) 及網誌 (Blog) 架設課程 內已經涵蓋了 WordPress 的基本結構和操作,包括文章 (Posts)、頁面 (Pages)、小工具 (Widgets)、選單 (Menus)、外掛 (Plugins)、Shortcodes 等。在本課程內,導師會教授大家一些進階而實用的 WordPress 商用網站元件和技巧,令大家可以更靈活地使用 WordPress 架設一個商用的網站。

本課程主要涵蓋六個部份。

大家可以參考 課程內容 以更具體地了解課程將會教授的內容。

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


第一部份:有用的 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 輕鬆開網店及網上銷售管理入門課程

 

更多綜合課程
  法律課程
  • 代理人的法律責任
  • 公司董事和合夥人的法律責任
  • 婚姻的法律責任
  • 遺產繼承的合法權益
  英文課程
  • IPA 拼音:級別 1 2 3 4
  普通話課程
  • 基礎普通話拼音 (免費)
  • 進階普通話拼音
  • 普通話會話:級別 1 2 3
  西班牙語文課程
  • 級別 1 2 3
  中醫課程
  • 濕疹與皮膚敏感病
  • 暗瘡與色斑 | 鼻敏感與感冒
  • 脫髮與白髮 | 從五官看健康
  攝影課程
  • 攝影初級
  • 攝影中級 (風景專題)
  風水命理課程
  • 紫微斗數:級別 1 2 3
  • 子平八字:級別 1 2 3
  • 八字風水:級別 1 2 3
  • 奇門遁甲:級別 1 2 3

這個頁面上的內容需要較新版本的 Adobe Flash Player。

取得 Adobe Flash Player