Blog - 第 4 頁，總計 7 頁 - 曜輝工作室

WordPress 傳統編輯器插入圖片如何加上點擊放大效果？Lightbox 設定教學

4 6 月, 2026

在使用 WordPress 傳統編輯器（TinyMCE）撰寫文章時，若想讓圖片具備點擊放大效果，編輯人員通常需要手動點擊圖片、設定連結至「媒體檔案」，並進入進階設定開啟燈箱屬性。這種重複性的操作在處理多圖文章時效率極低，且容易遺漏設定，導致前台頁面圖片無法正常啟動幻燈片功能。 為什麼需要自定義 Li

Read More...

Google 搜尋結果圖示設定：Favicon SEO 實作規範與常見錯誤

29 5 月, 2026

當使用者在 Google 搜尋關鍵字時，網址旁邊顯示的品牌圖示（Favicon）是建立第一印象的關鍵。許多站長發現，明明在 WordPress 後台設定了網站識別圖片，搜尋結果卻依然顯示預設的地球圖示或空白。這通常是因為 HTML 原始碼中的圖示宣告不夠完整，或是圖片尺寸未達 Google 爬蟲的特

Read More...

側邊固定圖示 CSS 特效：Hover 圓形展開成藥丸長條設計

23 5 月, 2026

許多網頁會為了引導使用者，在視窗邊緣放置固定的聯絡入口。圓形圖示佔空間小，但資訊傳達力不足；長條按鈕則是資訊充足卻容易遮擋內容。透過 CSS 特效讓圖示在滑鼠移入（Hover）時才從圓形平滑展開成藥丸形狀並顯示文字，是兼顧美感與功能性的一種優雅解決方案。 寬度過渡與內容裁切原理 這個特效的核心在於控

Read More...

CSS 強制文字只出現一行/兩行/三行：Line-clamp 截斷與省略號實作

20 5 月, 2026

在網頁排版過程中，經常會遇到標題或摘要內容長度不一的情況，這會導致卡片區塊高度不齊，破壞整體的視覺平衡。如果使用後端 PHP 截斷字串，往往無法精確對應到前端容器的「行數」，因為文字寬度會隨螢幕大小改變。最理想的解法是直接在 CSS 層面處理，讓文字在超過指定行數時自動產生省略號（…）。 多行文

Read More...

Elementor GTM 點擊追蹤：精準定位 CSS 選取器教學

17 5 月, 2026

網站上線後，最常遇到的問題就是想知道特定的按鈕或連結到底有沒有人點擊，尤其是使用 Elementor 製作的彈窗（Popup）或自定義頁尾。如果只是簡單設定「所有連結點擊」，數據會混雜在一起，難以判斷使用者是在哪個情境下觸發行為，導致數據分析失去參考價值。 精準追蹤的核心原理：兩步驟鎖定 要讓 GT

Read More...

Elementor Swiper 輪播 overflow 溢出效果：卡片突破容器邊界實作

14 5 月, 2026

在設計現代網頁時，常會遇到「輪播卡片需要突破容器邊界」的需求，也就是讓左右兩側的下一張卡片微露出一部份，營造視覺的延伸感。但在使用 Elementor 內建的輪播元件時，一旦開啟了 Overflow Visible，往往會導致整個網頁出現橫向捲軸，或者是在行動版上造成排版崩潰，這通常是因為層級設定與

Read More...

滾動網頁切換 Header：用 JavaScript 實現導覽列下滑變換效果

11 5 月, 2026

在開發 WordPress 網站時，常會遇到「首屏導覽列」與「下滑後的導覽列」需要不同樣式的需求。例如在頁面頂部時，為了搭配大圖背景，Header 需要透明且高度較大；但當使用者向下捲動時，則希望出現一個固定在頂部、白底、高度較窄的精簡版導覽列。這種切換效果如果處理不當，容易造成兩個 Header

Read More...

WordPress 勾選父分類自動勾選所有子分類：分類連動教學

8 5 月, 2026

在 WordPress 後台編輯文章時，若分類層級較深且子分類繁多，編輯人員往往需要逐一勾選父分類與其下的所有子分類，這不僅浪費時間，也容易發生漏選導致前台顯示邏輯錯誤。另一種常見狀況是取消勾選父分類時，子分類依然維持勾選狀態，造成資料關聯的不一致。 為什麼需要分類連動功能？ WordPress 原

Read More...

Featured Categories

Latest News

AI TOOL

網站改版小幫手