影片教學

網站教學(3) - 網頁設計編輯器 PAGE BUILDER

在這篇 網站教學 中,我們將介紹如何使用網站後台來編輯網頁內容。

登入後台後,您可以從控制台選擇“網頁編輯”進行修改。

進入 網頁設計編輯器 前端編輯模式,這裡可以修改首頁的圖片、文字、按鈕等元素。

圖片可以通過“Replace”功能進行替換,按鈕則可以設定不同的連結。

針對不同設備(如桌機、平板、手機),還可以調整響應式網頁設計,

讓網站在各種設備上顯示效果最佳。完成所有編輯後,記得點擊“儲存”來保存更改。

如何使用網站後台進行網頁內容編輯

 

1. 登入後台並選擇 網頁設計編輯器

登入網站的後台後,可以在控制台選擇“網頁編輯”功能,

進入 網頁設計編輯器 前端編輯模式,直接進入相關頁面進行內容修改,這

個功能可以讓您對首頁、關於我們等頁面進行快速編輯。

 

2. 修改圖片和按鈕

進入編輯模式後,您會看到首頁的樣式。

點擊圖片後,會出現"replace"功能,您可以直接上傳新的圖片來替換舊的。

同樣,按鈕的連結也可以透過編輯來修改,

點擊按鈕後,您可以設定按鈕指向的網址或內部頁面。

 

3. 編輯文字與響應式網頁設計

在編輯時,除了圖片和按鈕外,您還可以修改標題和文字內容,讓網頁在不同設備上的顯示效果良好。

響應式網頁設計設定讓您可以根據桌機、平板和手機的顯示需求調整圖片高度和排版。

 

4. 修改影片與其他內容

網站上嵌入的影片也可以進行編輯,

您只需輸入影片的YouTube連結,

影片就會自動顯示。

同樣的,標題、圖片、文字等內容都可以隨時點擊進行修改,

完成後請記得點擊“儲存”來保存所有變更。


相關文章

網頁設計 教學:打造完美的 JOOMLA 和 WORDPRESS 網站

推薦閱讀:全後台模組化形象官網

簡易電子書下載:一頁式網頁設計電子書

如果您喜歡我們的文章,歡迎分享!也歡迎查看我們的其他文章。如果有任何疑問也歡迎加line和我們聯絡

全後台模組化形象官網,符合各式商業模式與需求,請參考:https://des13.com/service/rwd.html

Written by Ring
作者:益盛科技 專案經理
通過Google Ads-Measurement Assessment
15年 網站專案管理及人員管理實務經驗。 
具網站美編企劃繪製能力
具多媒體網頁設計與 RWD設計之實務經驗

 

最新文章

原創、翻譯及轉貼的資訊都在這裡。

網站是實現夢想的工具! 開始準備建置您的網站了嗎? 加Line好友
益盛科技

我們重視設計質感與行銷價值

。網頁設計。程式設計。Joomla教學。

 

聯絡資訊

ring@des13.com

點此加我們LINE  @igodos 加line好友

406台中市北屯區文心路四段955號11樓之2(需預約諮詢)

04-37072202 /  0919-413187 

thedes13 

 
OMO電商 社群整合,輕鬆提升5倍轉換率,追蹤客戶行為,自動化行銷!想了解,快與我們聯絡! ×
點此加我們LINE 連結line帳號
Our website is protected by DMC Firewall!