一、後台登入
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: 可更換頁腳的圖片及文字