Joomla-Website Builder簡易操作教學

一、後台登入

Step 1請輸入後台管理網址 

1

 

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

2

 

二、到Website Builder網站管理頁面

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

3

Step 2選擇 [ yootheme-Default ]

4

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

圖一

5

圖二

6

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

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

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

()修改主選單

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

7  8  9

 

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

10

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

 

()修改文字

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

11

 

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

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

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

文字對應範例圖:

12

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

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

13

 

()修改圖片

Step1:同修改文字step1

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

14

 

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

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

15

 

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

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

16

四、其他

() LAYOUT

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

17

 

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

18

 

 

 

Our website is protected by DMC Firewall!