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