一、後台登入

Step 1：請輸入後台管理網址 

 

Step 2：輸入帳號、密碼 -> 進入後台管理

 

二、到Website Builder網站管理頁面

Step 1：進入後台管理 -> 選擇上方［擴充套件］-> 再選擇［樣式］

Step 2：選擇 [ yootheme-Default ]

Step 3：進入圖一頁面，點擊 [ OPEN WEBSITE BUILDER ]，即可進入下方圖二的Website Builder畫面

圖一↓

圖二↓

三、Website Builder操作: 前、後台可在同一畫面同時比對、修改

工作區說明:  Website Builder畫面的左方灰色欄位為後台管理區，右方(前台)為其對應的網站畫面。

建議先點進右方欲修改之畫面頁後，再到左方灰色欄位修改內容。

(一)修改主選單

Step 1： 選擇左欄[ MENUS ]->點選 [ Main Menu ]

    

 

Step 2：點選任一項目，會跳出後台畫面，即可修改現有的選單名稱。若點擊[ NEW MENU ITEM ] 則可新增新的選單項目。 以下為點選範例: 點選左欄Resources ->彈出EDIT MENU ITEM的修改畫面，修改完畢點擊Save儲存即可。

Step 3：確定儲存後，點選CANCEL關閉視窗，即可直接於右方畫面看見修改成果。

 

(二)修改文字

Step 1：先點進右方欲修改之畫面頁，選擇左欄 [ BUILDER ]

 

Step 2：進入畫面: 以下為範例 

(1)若欲改Home頁面之內容，右方先點進Home頁，左方再進入Builder畫面後，應如同下方圈起處為相同的標題。

(2)滑鼠移動至任一左方項目(如紅框處)，右方應呈現其項目在前台對應之位置。(於此網站範例為藍色細框標示)

文字對應範例圖:

Step3：點擊任一左方欄項目，進入編輯畫面。以下為例：(右方更改呈現可能要稍等幾秒時間)

Content：輸入文字內容  STYLE：字型設定  

 

(三)修改圖片

Step1：同修改文字step1

Step2：同修改文字step2，滑鼠移動會於另一側標示相應位置。

 

Step3：點擊欲修改項目，進入畫面後，可於左欄進行編輯。

WIDTH/ HEIGHT: 可以更改影像尺寸。  IMAGE BORDER: 可以更改圖片邊界形狀。

 

Step4：若要更換圖片，點擊左欄圖片，跳出下方視窗，即可從中選擇想要的圖片，選擇完畢點選Select即可。

 ADD FOLDER: 新增資料夾    UPLOAD: 上傳檔案

四、其他

(一) LAYOUT

1. HEADER: 可更換選單版面編排

 

2. FOOTER: 可更換頁腳的圖片及文字