标签
HTML摺疊內容不用外掛：details與summary怎麼用？
頁面上的補充說明越寫越長，卻不是每位讀者都需要看完。若只是讓人自行展開網站使用方式、準備資料或技術細節，可以先用HTML的details與summary，不必為...
MacCMS 站內搜尋結果不準？先分清 Demo 資料、結果列表與搜尋邏輯
MacCMS 搜尋輸入了片名，頁面也換了，卻還是出現一整排不相關影片。先別急著換模板：搜尋入口、推薦區塊與真正的結果列表，是三件不同的事。 以下用文尼第53套的...
Vue computed 怎麼用：讓購物小計跟著數量更新
商品數量改了，小計卻還停在舊數字，通常是把「可算出來的資料」也存成另一份狀態。Vue 的 computed 適合處理這種衍生值：保留單價與數量，讓小計跟著它們變...
HTML dialog 怎麼做彈出視窗：開啟、關閉與焦點先做好
想在頁面上彈出配送說明、確認提示或設定視窗，不一定要先找一套彈窗插件。HTML 的 dialog 已經提供開啟、關閉與模態行為；比較容易漏掉的，是關閉按鈕、鍵盤...
圖片在手機顯示很小，為什麼還下載大檔？查srcset與currentSrc
換了模板，圖片在手機只佔一小格，載入卻還是慢。先別只看畫面尺寸：CSS可以把圖片縮小，瀏覽器仍可能下載原本的大檔。要找出原因，得看它實際選了哪個檔案。先分清顯示...
.gitattributes換行規則：為什麼只改一行卻整檔顯示差異
改網站的 JavaScript，只動了一行，Git 卻把整份檔案標成刪除再新增。可能是編輯器順便換了行尾，也可能是格式化、編碼或真正的內容變動。別急著還原整份檔...
固定連結改完404：先比較兩種文章網址，再找修法
替網站換模板或搬站後，文章在後台還在，前台卻出現404。先別反覆重存所有設定：同一篇文章的ID網址與固定連結，可以幫你縮小問題範圍。先確認是哪一種404到文章編...
外掛寫著支援WordPress，升級前還要查什麼？
網站要升級WordPress，外掛頁面寫著「支援」，就能放心按更新嗎？先分清它說的是最低要求，還是作者測試過的版本；兩者都不是你這套模板與全部外掛組合的保證。三...
MacCMS詳情頁少了年份與簡介？先分清資料與模板
選影音模板時，首頁海報很整齊，點進詳情卻找不到年份與簡介。先分清兩件事：內容是否填了資料，以及模板有沒有把那個欄位顯示出來。換一張海報，並不會補回缺少的文字資訊...
MacCMS首頁最新與熱播清單：別只改區塊標題
首頁想同時放最新上架與熱門內容，只把兩個區塊改名還不夠。站長要看的是每區選了什麼資料、按什麼條件排序，以及「更多」是不是帶到對應清單。先把每個區塊當成獨立清單第...
MacCMS改模板前：先分清頁面入口、HTML與CSS路徑
想改MacCMS詳情頁，卻改了首頁檔；或CSS已換，頁面內容還是一樣。開始修改前，先分清網址入口、產生內容的HTML模板，以及瀏覽器載入的CSS與JS。這三者有...
同一路徑 Windows 能開、Linux 卻 404：先核檔名大小寫
模板的圖片在 Windows 開得到，放上 Linux 站點後卻是 404。先把瀏覽器請求的完整路徑和實際檔名並排看：Logo.svg 與 logo.svg，在...