39
ePage 進階教育訓練 手機瀏覽功能 黑快馬股份有限公司 講師:John

ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

ePage 進階教育訓練 手機瀏覽功能

黑快馬股份有限公司

講師:John

Page 2: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

課程大綱

1. 手機瀏覽概念

2. 手機瀏覽-內容管理

3. 手機瀏覽-模組管理

– 推薦、廣告、RSS訂閱

4. 手機瀏覽-頁面設定

5. 手機瀏覽-功能設定

Page 3: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽概念

可將網站現有資料轉換為手機瀏覽,

無須重新建立資料

步驟:

1. 資訊的建立

2. 模組的建立

3. 將資訊加入模組

4. 將模組上架至頁面

Page 4: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

快速整合 整合EPAGE,新增您要公告的資訊

Page 5: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

使用PC瀏覽手機頁面

若要使用PC進入手機瀏覽模式

可直接修改URL進入

網址範例: epage-mc1.saleproduct.com/bin/home.php

修改為

epage-mc1.saleproduct.com/m/home.php

Page 6: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-於PC畫面檢視

Page 7: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-內容管理

Page 8: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-內容管理

手機版分類及資料如何建立?

步驟:

1. 於PC版內容管理建立分類及資料

2. 進入手機版內容管理建立分類

路徑:

手機瀏覽>內容管理

Page 9: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-內容管理

Page 10: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-內容管理

Page 11: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

分類清單 ※分類陳列模組為系統預設

Page 12: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

內容管理-修改資訊內容

欲將資料修改為手機版資訊

該如何修改

步驟:

1. 於PC版內容管理切換至手機頁籤

2. 將資料修改為手機版專用內容

路徑:

內容管理>手機

Page 13: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

內容管理-修改資訊內容

Page 14: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-模組管理

Page 15: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-模組管理

手機版模組如何建立?

步驟:

1. 於PC模組管理建立模組

2. 進入手機版模組管理修改模組呈現方式

路徑:

手機瀏覽>模組管理

Page 16: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-推薦模組

Page 17: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-推薦模組

Page 18: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

推薦模組 ※於後臺公告模組中建立

Page 19: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-廣告模組

Page 20: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-廣告模組

手機版廣告模組如何建立?

步驟:

1. 新增廣告規格(例340x80)

2. 新增廣告資料(廣告圖片)

路徑:

手機瀏覽>模組管理>廣告模組

Page 21: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-新增廣告規格

Page 22: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-新增廣告資料

Page 23: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

廣告模組 ※手機瀏覽>廣告模組

Page 24: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-RSS訂閱

Page 25: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-RSS訂閱

手機版RSS訂閱如何使用?

步驟:

1. 新增RSS模組

2. 建立RSS位置

路徑:

手機瀏覽>模組管理>RSS訂閱

Page 26: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-新增RSS訂閱

Page 27: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

RSS訂閱 ※手機瀏覽>RSS訂閱

Page 28: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-頁面設定

Page 29: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-頁面設定

將製作完畢的模組上架至手機頁面並

設定頁首連結

步驟:

1. 將模組擺放至頁面

– 手機瀏覽>頁面佈局>首頁畫面設定

2. 設定頁首連結

Page 30: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-頁面設定

Page 31: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-頁面設定

Page 32: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-新增頁首連結

Page 33: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-新增頁首連結

Page 34: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

頁首連結 ※頁首連結可滑動選取

Page 35: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-軟體功能設定

Page 36: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-軟體功能設定

可設定使用手機瀏覽網頁時是否自動引導至手機版本

路徑: 手機瀏覽>參數設定>軟體功能設定

Page 37: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-軟體功能設定

Page 38: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

手機瀏覽-導航欄

導航欄可設定三種不同呈現方式

Page 39: ePage - lic.nttu.edu.t · 手機瀏覽-頁面設定 將製作完畢的模組上架至手機頁面並 設定頁首連結 步驟: 1. 將模組擺放至頁面 – 手機瀏覽>頁面佈局>首頁畫面設定

Q&A

客服專線:(02)2393-7171 客服信箱:[email protected]