在這段 網頁設計 教學中，我們將說明如何管理網站右下角的社群連結按鈕（LINE、Facebook、YouTube），

以及調整網站內頁網頁頁面的圖片位置。

這些社群按鈕通常只需設定一次，透過網站模組即可修改連結與圖示。

而針對網站內頁頁面，若圖片位置與其他頁面不同，可能是因為早期設定了「全文圖片」，導致圖片顯示在最上方。

透過編輯方式調整圖片插入位置並置中，即可統一版面設計，提升整體一致性與美觀。

一、網站右下角的社群連結（LINE / Facebook / YouTube）

1. 這三個按鈕的功能說明：

   • LINE：連結到官方帳號。

   • Facebook：連結到教會粉專。

   • YouTube：連結到教會影音頻道。

2. 通常不需經常修改

   • 這些社群連結屬於固定連結，基本設定完成後不太會變動。

   • 若需修改，建議與我們聯繫協助處理。

3. 所在位置與編輯方式：

   • 後台 → 模組管理 → 搜尋「選單按鈕」模組。

   • 點進模組後可：

     • 修改圖片（按鈕圖示）

     • 修改連結（跳轉網址）

   • 此模組固定在右側，是透過自訂 CSS 實現位置固定。

二、網頁頁面區塊排版說明

部分網頁頁面（如南勢角與東引福音中心）排版與其他不同，原因如下：

1. 原舊站內容結構不同：

   • 南勢角與東引福音中心的頁面，在舊網站時期就已於後台設定了「文章全文圖片」。

   • 這張圖片會自動顯示在文章最上方，因此造成與其他福音中心頁面排版不同。

2. 如何調整圖片位置（移到內文中）：

   • 進入該文章的「編輯模式」。

   • 移除全文圖片（圖片與連結欄位中的圖片）。

   • 在文章內文中，手動插入圖片：

     • 使用插入圖片工具，貼上圖片網址或從媒體庫選擇。

     • 可使用置中（對齊）功能來調整位置。

   • 儲存後即會顯示在內文中，而非頁首。

三、網頁設計 網頁編輯 提醒：

• 社群按鈕模組為一次性設定，建議不常動。

• 若頁面圖片顯示位置異常，可能是因為「全文圖片」設定造成，調整方式已說明。

• 若仍有操作疑問或需協助，歡迎與我們聯絡。

網頁設計　問與答：

網站建置 報價相關　 https://des13.com/faq/quote.html
網站建置 技術相關　 https://des13.com/faq/webtech.html
購物網站 網路開店     https://des13.com/faq/e-commerce.html
B2B形象官網建置　 https://des13.com/faq/b2b.html
網站升級維護　 https://des13.com/faq/upgrade.html

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

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

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

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

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