網站後台使用說明

後台介面選單 - 主要項目

右邊圖片可以看到登入後的主要選單:

控制台

網站標誌 Logo

頁面管理 (管理非文章之頁面)

網站視覺化編輯

文章-最新消息

檔案媒體

Users 使用者

Menu選單 (Menu基本結構)

網站識別 –
網站LOGO/網站標題/網站說明/瀏覽器分頁圖示

WooCommerce – 
商店/購物車 小部分基本設定

頁面 主要管理 SEO 、新增獨立頁面,所謂的獨立頁面 泛指 首頁、關於我們…等等

視覺化編輯常用的頁面或版型(捷徑)

詳見視覺化編輯

增修所有單篇文章內容、文章分類與標籤設定。

所有圖片、檔案

管理/新增後台管理員或一般使用者

網站頂端主選單架構設定。

後台介面選單 - 購物系統

建立 / 匯入產品資料

購物系統詳細設定 (商店資料、運送方式、付款、頁面等) / 銷售報表

銷售狀況統計、圖表

後台介面選單 - 其他項目

Templates 版型 (所有版型列表)

Elementor 天井 (系統管理應用)

Element Pack (管理頁面的特別小工具,特殊效果)

外觀

備份系統

設定

工具

文章留言

所有網站中使用的版型都會在此列出,但較複雜一些。

網站系統管理設定,不建議自行修改。

視覺化編輯器中的特殊小工具設定,開啟的小工具才會在編輯器中正常顯示及運作。

網站識別標誌、設定其他選單。

註:此項目中的「選單」與主要項目中的「Menu選單」是同樣的位置。

網站備份工具,匯出/匯入網站備份檔案。

網站基本設定。

建議使用「備份系統」的備份功能。

頁面管理 - 列表

進階說明

可依日期篩選,SEO、可讀性分數評比為參考用。

頁面名稱後面有「Elementor」為視覺化編輯頁面,必須使用Elementor編輯
若沒有則為一般頁面 ( 需使用版型設定或古騰堡編輯器編輯 )

頁面名稱下方快速鍵 –

  • 編輯 – 同點擊標題
  • 快速編輯 – 在此列表處修改不需進入頁面
  • 檢視 – 跳轉至前台檢視頁面
  • 複製 – 複製整個頁面成為新草稿

大量批次管理時,可拉高顯示數量,建議20-50之間。 * 修改完成要點”套用”才會生效喔~

頁面管理 - 新增

進階說明

頁面標題與設定面板項目設定完成後點選「發佈」按鈕,
發佈完成再點選此按鈕,即可進入 Elementor視覺化編輯

一般頁面版型大多使用此方式,
 文章則較多使用古騰堡編輯

點擊”+”會出現下方畫面,
「區塊」所有項目均可新增至頁面內容

*如使用 視覺化編輯器,則不須再使用古騰堡

內容 – 頁面內容
區塊 – 對應古騰堡編輯器小工具的設定



狀態及可見度
– 頁面公開 / 私密、發佈時間設定

永久連結 – 設定網址代稱 (網址代稱建議使用英文或數字)

精選圖片 – 顯示於搜尋結果或FaceBook分享的縮圖

頁面屬性
使用視覺化編輯器:選擇「Elementor全寬」
使用古騰堡編輯器:選擇「預設範本」

Google preview
Google搜尋結果顯示設定

社群網站標籤
可針對社群網站獨立設定顯示樣式,不更改則使用 Google preview 設定

頁面管理 - 編輯

進階說明

內容 – 頁面內容
區塊 – 使用視覺化編輯不需使用


其餘項目同「新增頁面」說明

文章管理 - 列表

文章管理 - 分類

文章管理 - 標籤

文章管理 - 新增

進階說明

「新增頁面」說明

*如使用 視覺化編輯器,則不須再使用古騰堡

文章發佈完成點選此按鈕,即可進入 Elementor視覺化編輯如不需使用視覺化編輯請勿點擊

*可參考「新增頁面」說明

內容 – 頁面內容
區塊 – 對應古騰堡編輯器小工具的設定



分類
– 勾選文章所屬分類

標籤 – 輸入並選取文章標籤

內容摘要 – 可針對文章新增摘要內容,文章版型中可設定相對應出現的位置

*其餘項目同「新增頁面」說明

版型管理 - 列表

進階說明
  • 針對特定條件 (ex:分類或標籤) 設定使用版面
  • 需重複安插在頁面中的單一區塊
  • 彈跳視窗
  • 作為其他工具連結並顯示的區塊

  • 段 – 單獨一個區塊
  • Single Post – 單篇文章內容版型
  • Single Page – 特定頁面版型

版型管理 - 編輯

Elementor視覺化編輯

進階說明

可預覽所有畫面上的物件,並顯示層級,點選物件之後畫面左側會出現相對應的設定項目

畫面中央顯示區域會跟隨編輯設定更改顯示,需儲存更新才會生效

左1:頁面設定
左2:開啟導覽面板
左3:歷史版本
左4:RWD切換面板
左5:新開完整預覽畫面
左6:發佈/更新按鈕

其他編輯說明

針對物件的內容設定,例如圖片或文字內容、連結、段落對齊方式。

關於區塊或物件的顯示設定
例如 背景、線條、圓角、陰影、圖片尺寸、文字格式、文字顏色等。通常與”內容”本身無關。

  • 設定區塊背景 – Background > Background Type > 四個圖示分別為顏色/漸層/影片/輪播圖
  • 設定顏色的方式 –  1. 預設色票(點擊地球符號)   2. 自訂(點方格)
      

  
選取一整個大區塊時Style(樣式) / Typography(排版) 的文字顏色設定將覆蓋其他設定,使得該區塊中的文字無法單獨改顏色

選取標題或其他小工具時,設定項目中的 Typography(排版) 可單獨設定此物件的文字格式

關於該物件較複雜的設定。

  • Advanced(進階) – Margin(邊界)、Padding(內距),單位建議使用EM或%
  • Border(框線) – 邊線 / 圓角設定
  • Positioning(定位方式) – 物件寬度 / 物件浮動、固定
  • Responsive(回應式) – 可在不同RWD版本設定是否隱藏此物件,想暫時隱藏不刪除則三個都選取即可。

檔案媒體

選單設定

進階說明

除網站主選單之外,
也可建立其他用途選單。

*有多個選單時,才會在建立選單的左側出現選擇項目

項目顯示名稱可自訂

編輯中的選單內容
可拖曳變更位置與層級

使用者管理

進階說明

使用者名稱 為登入後台帳號,新增後無法更改

傳送使用者通知 建議一律勾選,E-mail內含更換密碼連結