元素¶
元素有助於有效地組織和呈現內容。它們包括基於文字的組件,如標題、清單和文字醒目提示,以及互動式組件,如按鈕和連結。還可以加入視覺元素,如圖片、圖示、影片和動畫,以改善內容的呈現和組織。
如需加入或修改網站元素:
導覽至相關網站頁面並按一下編輯。
按一下頁面上您要加入或修改元素的區段。
進行必要的變更。
按一下儲存。
備註
例如,標題、按鈕、連結和段落文字的預設樣式,是在網站編輯器的佈景主題分頁中定義的。
標題¶
標題用於定義標題並將網站內容組織成不同層級,以提供清晰的結構。若要插入標題,請輸入 /title,選擇標題樣式(標題 1、標題 2或標題 3),然後輸入文字。
小訣竅
或者,輸入文字、選取該文字,並從網站編輯器的自訂分頁中的內聯文字區段選擇適當的樣式。此區段中也提供其他格式選項,例如字型和顏色。
圖片¶
若要插入圖片:
輸入
/image。搜尋 Unsplash 資料庫或按一下上載圖片以從本機圖片中選擇檔案。
按一下 加入。
若要自訂圖片,請按一下圖片並在網站編輯器的圖片區段中編輯選項。例如:
替換圖片。
在說明欄位中定義替代標籤。
在工具提示欄位中輸入標題標籤。當訪客將滑鼠懸停在圖片上時,此文字將會顯示。
加入形狀;某些形狀也允許自訂顏色。
調整圖片的寬度,例如以提升效能。如果較小的尺寸足以顯示,系統可能會建議使用。
使用變形工具調整圖片大小。
調整邊距以在圖片周圍加入空間(以像素為單位)。
等。
影片¶
若要加入影片,請輸入/video,插入網址,然後開啟所需選項:
自動播放:在存取頁面時自動播放影片。影片預設會自動靜音。
循環播放:循環播放影片。
隱藏播放器控制項
隱藏全螢幕按鈕
開始於:以`分鐘:秒`格式定義影片應開始的時間戳記。
圖示¶
若要插入圖示,請輸入/image,前往圖示分頁,選取一個圖示,然後按一下加入。若要修改圖示,請按一下該圖示,並使用網站編輯器的圖示區段自訂選項,例如顏色、大小、動畫、形狀等。
連結¶
連結用於連接不同的頁面和資源,引導訪客並改善導覽。若要加入連結,請輸入/link,然後在開啟的彈出視窗中,輸入連結的標籤並加入網址或電子郵件。輸入/以搜尋頁面,輸入#以連結至錨點。
小訣竅
預設情況下,樣式欄位設為連結。選取不同的樣式可將連結轉換為按鈕。
清單¶
清單有助於清楚組織內容,使資訊更易於閱讀並改善網頁結構。輸入/list並從三種不同類型的清單中選擇:項目符號清單、編號清單或核取清單。
文字醒目提示¶
可在網站編輯器的行內文字區段中為標題和文字加入醒目提示。若要加入醒目提示:
選取您要醒目提示的文字或標題。
在網站編輯器中,按一下醒目提示。
選擇醒目提示樣式。
修改其顏色。
選擇其粗細。
動畫效果¶
動畫用於為構建區塊和網站元素(例如圖片和文字)加入動態效果。有三種類型的動畫可用:捲動時、出現時和懸停時(僅限圖片)。
若要為網站元素加入動畫:
按一下該元素。
在網站編輯器中,前往該元素的相關區段(例如按鈕、欄、行內文字等)。
在動畫欄位中,選擇所需的動畫類型。
根據需要自訂動畫設定。可用選項會根據所選的動畫類型而有所不同。
捲動時的動畫¶
對於捲動時的動畫,可以:
選擇進入以在元素進入螢幕時加入動畫,並選擇離開以在元素離開螢幕時加入動畫。
選擇效果。
選擇效果的方向。
調整效果的強度。
定義捲動區域,其中第一個值代表效果開始時顯示的螢幕百分比,第二個值代表效果結束時的百分比。
出現時的動畫¶
對於出現時的動畫,可以:
從不同的效果中選擇。
選擇效果的方向。
選擇觸發選項以定義動畫何時發生:僅第一次或每次。
調整效果的強度。
如果您希望動畫在指定秒數後觸發,請在延遲啟動欄位中定義該秒數。
為動畫選擇持續時間。
懸停動畫(僅限圖片)¶
懸停時的動畫可以加入到圖片中。您可以選擇動畫的效果、顏色以及筆畫寬度。
其他資料