SP Page Builder 前端編輯畫面:左側 Text block 編輯面板修改首頁文字,下方有裝置預覽切換與 Save 按鈕

網站後台教學:如何修改網站首頁文字與圖片內容

發布 2024-10-15|更新 2026-10-17

這支影片示範如何修改網站首頁的內容:登入網站後台,選擇「頁面編輯」功能,進入要修改的首頁,再用前端編輯工具直接點擊文字或圖片區塊進行編輯。標題、內容文字、按鈕連結都能在同一個畫面修改,完成後點擊「儲存」,並切換桌面、平板和手機視角確認顯示效果。

影片教學 2024-10-15 修改:2026-10-17 7066

網站優化:SEO 文章評分與社群分享預覽教學

在這段影片中,講解如何使用網站文章中的SEO評分,以及如何將網頁分享到Facebook和LINE,顯示預覽縮圖。這些都是基本的網站優化教學,將幫助您提升網站的可見度與互動性。
影片教學 2024-09-12 修改:2026-05-09 1444
網站教學(5) - 選單管理與全站備份

網站教學(5) - 選單管理與全站備份

這篇 網站教學 將說明如何修改網站的選單,讓您的網站結構清晰且易於瀏覽。

進入網站的後台,並找到 選單管理 功能。可以選擇新增選單項目或編輯現有的選單,

例如更新「關於皮飾美學」的內容。

編輯選單時,記得設定標題、別名和連結頁面。

也可以調整選單項目的排序,以便讓瀏覽者更輕鬆找到所需資訊。

在進行大規模變更前,建議進行 全站備份 ,以保護資料安全。

影片教學 2024-10-15 修改:2026-10-17 1171
WordPress 響應式 網頁設計 RWD:最佳化圖片尺寸

WordPress 響應式 網頁設計 RWD:最佳化圖片尺寸

在WordPress的響應式網頁設計(RWD)中,最佳化圖片尺寸能顯著提升頁面載入速度和用戶體驗。

為了達到這一點,建議依據不同裝置設定合適的圖片尺寸,桌機可選擇較大圖片,而手機則使用較小尺寸。

WordPress中的「Responsive Image」功能會自動根據裝置顯示適合的圖片大小。

影片教學 2024-10-28 修改:2026-02-14 2773
網站教學(3) - 網頁設計編輯器 PAGE BUILDER

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

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

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

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

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

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

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

影片教學 2024-10-15 修改:2026-10-17 1328
wordpress 購物網站 網頁設計 - 商品描述對齊

wordpress 購物網站 網頁設計 - 商品描述對齊

在 WordPress 購物網站 的 網頁設計 中,商品描述的對齊設置會直接影響到整體視覺一致性和用戶體驗。為了確保商品圖片與文字說明精確對齊,建議使用 WordPress 的「區塊編輯器」或「可視化編輯器」來將圖片與描述文字置於相同的區塊內。這樣不僅能統一區塊寬度,還便於後續樣式的自動對齊。

影片教學 2024-10-28 修改:2026-02-14 2114
網頁設計 教學|前端編輯圖片更換與快取處理

網頁設計 教學|前端編輯圖片更換與快取處理

在進行網頁設計或網站維護時,常需要更換前端圖片以更新內容或美化版面。本文將教你如何透過網站後台的前端編輯模式,快速替換網站圖片,無需撰寫任何程式碼。從進入後台、啟動前端編輯、刪除舊圖、上傳新圖,到處理圖片未顯示的快取問題,每個步驟都將詳細說明。特別提醒:為了提升網站載入速度與穩定性,圖片需控制在 2MB 以內才能順利上傳。無論你是設計新手或網站管理員,都能透過這篇教學輕鬆掌握圖片編輯技巧,提升網站更新效率與使用體驗。

影片教學 2025-09-19 修改:2026-06-05 1534
電商操作說明:大量商品上架與單一商品上架

電商操作說明:大量商品上架與單一商品上架

本 電商 系統提供兩種商品上架方式,協助 電商 快速完成商品建置與管理。
若需大量 商品上架 ,建議使用 Excel 匯入,只要填寫表格即可批次新增或更新商品,SKU 不存在會自動新增,已存在則直接覆蓋,搭配以 SKU 命名的圖片能有效避免錯誤與重複。
若是單一 商品上架 或資料調整,則可透過後台文章建立商品,設定分類、價格與圖片。
兩種方式互補,能在兼顧效率與彈性的同時,大幅降低人工作業成本。
影片教學 2026-01-14 修改:2026-01-29 1584
購物網站後台操作教學:公告跑馬燈、運送方式與訂單修改

購物網站後台操作教學:公告跑馬燈、運送方式與訂單修改

這份教學文件說明了購物網站後台的三個重點功能:公告跑馬燈、運送方式設定與訂單修改,幫助管理者更有效率地維護網站。

影片教學 2025-08-25 修改:2026-05-09 496
購物網站 彈跳視窗 修改 與 多語系 設定說明

購物網站 彈跳視窗 修改 與 多語系 設定說明

說明在 購物網站 後台管理系統中,設定 彈跳視窗。

並如何針對不同多語系的網站,運用「複製模組」功能,

建立中文與英文版本各自獨立的彈跳視窗,

讓每個訪客都能接收到最符合其語言習慣的重要資訊,

有效提升使用者體驗與網站運營效率。

無論是網站公告、促銷活動或重要提醒,都能精準傳遞給多語系客戶。

影片教學 2025-08-28 1310
網站搬家 教學:換新網站,舊網址該怎麼辦?重新導向!

網站搬家 教學:換新網站,舊網址該怎麼辦?重新導向!

網站搬家後,舊網站的網址可能會失效,讓人頭痛。別擔心,這時候你可以設定 301 重定向,讓舊網址自動帶大家到新網站!

影片教學 2024-10-23 修改:2026-05-09 3256
購物網站 後台好複雜?選單分類一次看懂

購物網站 後台好複雜?選單分類一次看懂

你是否曾覺得 購物網站 後台操作複雜,不知道如何讓商品清楚顯示?

別擔心,其實只需掌握「選單分類」這個核心技巧。你可以將後台想像成一座倉庫,將所有產品妥善分類,然後在前台選單中設定專櫃,讓顧客輕鬆找到想要的產品。

這份教學會手把手帶你走過每一個關鍵步驟,幫助你建立起一個對使用者友善、對SEO有益的網站架構。

別再讓雜亂的網站流失顧客,現在就開始優化你的 購物網站 選單吧!

影片教學 2025-08-21 1435

網頁設計 網站教學:無須程式碼,輕鬆做網頁

現今的網站設計不再需要繁瑣的程式碼,透過我們的網站後台內建的 SP 網頁設計編輯器,您可以輕鬆地進行網站優化與編輯,讓網站設計變得簡單有趣。
影片教學 2024-09-12 修改:2026-05-09 1788
網頁設計 教學:社群按鈕與網頁頁面編輯

網頁設計 教學:社群按鈕與網頁頁面編輯

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

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

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

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

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

影片教學 2025-07-31 1246
益盛科技 des13.com - 客製化軟體開發 × AI 系統整合方案

益盛科技|客製化開發 × AI
 
13 年軟體開發經驗,1000+ 專案實戰
 
核心服務:客製化軟體、網站開發、SEO 等
 
專注重點:重視架構、設計品質與商業價值
 
技術方向:導入AI 應用與自動化流程

聯絡資訊

LINE @igodos 加 LINE 好友
406台中市北屯區文心路四段955號11樓之2
(需預約諮詢)
social line social fb social ig
LINE