{ "version": 1, "site": { "name": "Piglife", "url": "https://piglife.tw", "description": "Piglife 分享 WordPress 實作筆記、AI 自動化經營紀錄、SEO/GEO 研究與實用網頁工具。", "language": "zh-Hant", "author": "小豬" }, "feeds": { "sitemap": "https://piglife.tw/sitemap.xml", "rss": "https://piglife.tw/feed.xml", "llms": "https://piglife.tw/llms.txt", "llmsFull": "https://piglife.tw/llms-full.txt" }, "counts": { "total": 179, "articles": 113, "tools": 66 }, "items": [ { "type": "article", "title": "把 PDF 需求交給 AI 估點：附件解析、RAG 與人工核准", "description": "從內部估點系統的實際資料流，拆解可搜尋 PDF 文字抽取、歷史案例檢索、結構化 AI 建議、人工核准與點數預扣，並說清楚 OCR 與向量 RAG 尚未完成的邊界。", "url": "https://piglife.tw/technical-notes/ai-pdf-requirement-points-estimation/", "path": "/technical-notes/ai-pdf-requirement-points-estimation/", "datePublished": "2026-07-31", "dateModified": "2026-07-31", "section": "技術筆記", "tags": [ "AI", "React", "Prisma", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "AI 可以提出建議，但不能直接核准：Approval Ledger 與權限分離", "description": "從內部估點系統拆解 AI 建議、PM 核准、點數預扣、超額授權、完工結算與 Historical Case 的責任，並說明目前只有單一管理員登入、尚非完整多使用者 RBAC。", "url": "https://piglife.tw/technical-notes/ai-suggestion-human-approval-ledger/", "path": "/technical-notes/ai-suggestion-human-approval-ledger/", "datePublished": "2026-07-31", "dateModified": "2026-07-31", "section": "技術筆記", "tags": [ "AI", "Prisma", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "同一套 AI 分析流程如何支援 Codex CLI 與 OpenAI API？", "description": "以內部估點系統為例，拆解共用 AI provider contract 如何連接 Codex CLI non-interactive mode、OpenAI Responses API、strict structured output、timeout、失敗紀錄與資料治理。", "url": "https://piglife.tw/technical-notes/codex-cli-openai-provider-adapter/", "path": "/technical-notes/codex-cli-openai-provider-adapter/", "datePublished": "2026-07-31", "dateModified": "2026-07-31", "section": "技術筆記", "tags": [ "AI", "AI Agent", "Codex", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "如何把完成案件變成下一次估價可用的 RAG 知識庫？", "description": "從完工結算建立 HistoricalCase 與 KnowledgeChunk，拆解實際點數、工時、PM 調整、工程備註、品質標籤如何回到下一次估點，並說清楚目前仍是關鍵字檢索而非向量 RAG。", "url": "https://piglife.tw/technical-notes/historical-cases-rag-estimation-learning-loop/", "path": "/technical-notes/historical-cases-rag-estimation-learning-loop/", "datePublished": "2026-07-31", "dateModified": "2026-07-31", "section": "技術筆記", "tags": [ "AI", "Prisma", "資料同步", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "沒有獨立後端的 Customer Account Extension 能做到什麼？", "description": "從 extension-only Shopify App 拆解平台代管 UI bundle、target context、Customer Account API、Storefront API、Admin App Home 與 external backend 的責任，避免把無伺服器誤寫成無資料邊界。", "url": "https://piglife.tw/technical-notes/shopify-customer-account-extension-without-backend/", "path": "/technical-notes/shopify-customer-account-extension-without-backend/", "datePublished": "2026-07-30", "dateModified": "2026-07-30", "section": "技術筆記", "tags": [ "Shopify", "Shopify Extension", "Shopify App", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Shopify Customer Account UI Extension 如何掛載訂單列表、狀態與個人資料頁？", "description": "以同一個 Service Center 掛載三個 Customer Account block targets，拆解 Order Index、Order Status、Profile 的 context、merchant placement、protected customer data 與尚未完成的服務流程。", "url": "https://piglife.tw/technical-notes/shopify-customer-account-ui-extension-targets/", "path": "/technical-notes/shopify-customer-account-ui-extension-targets/", "datePublished": "2026-07-30", "dateModified": "2026-07-30", "section": "技術筆記", "tags": [ "Shopify", "Shopify Extension", "Shopify App", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "客製 Dawn Theme 時，如何降低未來升級成本？", "description": "從一份沒有 Git 歷史的 Dawn 15.3.0 客製 Theme 重建 upstream 差異，說明如何分開官方基線、手寫功能與 Theme Editor 狀態，讓未來更新不再靠整包覆蓋或人工猜測。", "url": "https://piglife.tw/technical-notes/shopify-dawn-theme-upgrade-safe-customization/", "path": "/technical-notes/shopify-dawn-theme-upgrade-safe-customization/", "datePublished": "2026-07-30", "dateModified": "2026-07-30", "section": "技術筆記", "tags": [ "Shopify", "Shopify Theme", "Liquid", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "從舊會員中心搬到 Shopify New Customer Accounts，功能如何分階段遷移？", "description": "以舊訂單查詢與服務中心案例，拆解 Shopify legacy customer accounts 遷移的 inventory、資料保存、Customer Account UI Extension、pilot、cutover 與 retirement，並明確區分已實作管理員查詢與尚未完成的顧客端流程。", "url": "https://piglife.tw/technical-notes/shopify-new-customer-accounts-legacy-migration/", "path": "/technical-notes/shopify-new-customer-accounts-legacy-migration/", "datePublished": "2026-07-30", "dateModified": "2026-07-31", "section": "技術筆記", "tags": [ "Shopify", "Shopify Extension", "Shopify App", "資料同步", "開發流程" ], "language": "zh-Hant" }, { "type": "tool", "title": "批次檔名整理工具", "description": "貼上多個檔名，批次移除特殊字元、統一大小寫、加入前後綴與流水號，立即產生可複製的新檔名清單。", "url": "https://piglife.tw/tool/batch-filename-cleaner/", "path": "/tool/batch-filename-cleaner/", "datePublished": "2026-07-30", "dateModified": "2026-07-30", "section": "工具庫", "tags": [ "JavaScript", "SEO", "工具" ], "language": "zh-Hant" }, { "type": "tool", "title": "商品毛利率計算器", "description": "輸入進貨成本、包材運費、廣告成本、平台抽成與售價，快速試算毛利、毛利率、損益兩平價與達標售價。", "url": "https://piglife.tw/tool/profit-margin-calculator/", "path": "/tool/profit-margin-calculator/", "datePublished": "2026-07-30", "dateModified": "2026-07-30", "section": "工具庫", "tags": [ "JavaScript", "SEO", "工具" ], "language": "zh-Hant" }, { "type": "article", "title": "Shopify Theme 內容該用 Blog、Product、Collection 還是 Metafield？", "description": "從新聞、政策內容、支持商品與首頁精選卡片出發，建立 Shopify Blog、Product、Collection、Metafield 與手動 block 的選擇準則，並區分轉版計畫與目前已落地能力。", "url": "https://piglife.tw/technical-notes/shopify-theme-content-resource-modeling/", "path": "/technical-notes/shopify-theme-content-resource-modeling/", "datePublished": "2026-07-29", "dateModified": "2026-07-29", "section": "技術筆記", "tags": [ "Shopify", "Shopify Theme", "Liquid", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Shopify Theme 轉版如何驗收？從 Theme Check 到三種響應式尺寸", "description": "建立 Shopify Theme 轉版的分層驗收流程：source inventory、Theme Check、JSON templates、390／820／1440 視覺比對、Theme Editor reorder 與 resource edge cases，並公開本次只完成靜態檢查的邊界。", "url": "https://piglife.tw/technical-notes/shopify-theme-conversion-validation/", "path": "/technical-notes/shopify-theme-conversion-validation/", "datePublished": "2026-07-29", "dateModified": "2026-07-29", "section": "技術筆記", "tags": [ "Shopify", "Shopify Theme", "Liquid", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "如何把一頁式設計拆成 Shopify 可編輯的 Sections 與 Blocks？", "description": "用首頁 Hero、卡片、分類紀錄與動態清單的實際拆分，說明 Shopify section settings、blocks、JSON template order 與 Theme Editor 責任，並記錄尚未完成 live editor 驗收的限制。", "url": "https://piglife.tw/technical-notes/shopify-theme-sections-blocks-editor/", "path": "/technical-notes/shopify-theme-sections-blocks-editor/", "datePublished": "2026-07-29", "dateModified": "2026-07-29", "section": "技術筆記", "tags": [ "Shopify", "Shopify Theme", "Liquid", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "從靜態 HTML 切版到 Shopify Online Store 2.0 Theme", "description": "從多頁靜態設計稿、共用素材與響應式規格出發，說明如何把畫面拆成 Shopify layout、assets、sections、blocks 與 JSON templates，同時保留目前只完成首頁轉換的證據邊界。", "url": "https://piglife.tw/technical-notes/static-html-to-shopify-online-store-2-theme/", "path": "/technical-notes/static-html-to-shopify-online-store-2-theme/", "datePublished": "2026-07-29", "dateModified": "2026-07-29", "section": "技術筆記", "tags": [ "Shopify", "Shopify Theme", "Liquid", "JavaScript", "開發流程" ], "language": "zh-Hant" }, { "type": "tool", "title": "JSON Lines 檢查器", "description": "貼上 JSONL 或 NDJSON，每行即時檢查 JSON 格式、標示錯誤行、統計欄位出現次數，並可轉成可複製的 JSON 陣列。", "url": "https://piglife.tw/tool/json-lines-validator/", "path": "/tool/json-lines-validator/", "datePublished": "2026-07-29", "dateModified": "2026-07-29", "section": "工具庫", "tags": [ "JavaScript", "SEO", "工具" ], "language": "zh-Hant" }, { "type": "tool", "title": "Open Graph 預覽產生器", "description": "輸入標題、描述、網址與圖片，預覽社群分享卡片，檢查標題摘要長度，並產生可複製的 Open Graph 與 Twitter Card meta tags。", "url": "https://piglife.tw/tool/open-graph-preview-generator/", "path": "/tool/open-graph-preview-generator/", "datePublished": "2026-07-29", "dateModified": "2026-07-29", "section": "工具庫", "tags": [ "JavaScript", "SEO", "工具" ], "language": "zh-Hant" }, { "type": "article", "title": "把 Shopify App 上架條件做成 Readiness CLI", "description": "從散落在環境變數、App config、Prisma artifact、listing 與 runbook 的上架條件出發，說明如何建立可重複執行的 readiness rules、CLI report 與 CI exit code，同時保留 Shopify 正式審查的邊界。", "url": "https://piglife.tw/technical-notes/shopify-app-store-readiness-cli/", "path": "/technical-notes/shopify-app-store-readiness-cli/", "datePublished": "2026-07-28", "dateModified": "2026-07-28", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "GitHub", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Shopify GDPR Webhook 不只是回傳 200：Data Request、Redact 與交付紀錄", "description": "從只驗證 Webhook 並回傳 200 的第一版出發，拆解 Shopify mandatory compliance webhooks 如何加入請求持久化、本地資料匯出、人工交付紀錄、顧客與商店資料刪除，以及仍需補強的冪等與稽核邊界。", "url": "https://piglife.tw/technical-notes/shopify-gdpr-webhooks-data-request-redact/", "path": "/technical-notes/shopify-gdpr-webhooks-data-request-redact/", "datePublished": "2026-07-28", "dateModified": "2026-07-28", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "資料同步", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "商家後台不該出現開發者檢查項目：如何分離操作流程與內部診斷？", "description": "記錄一個 Shopify App 如何把 MVP phase、環境與上架檢查移出商家首頁，改成只顯示連線、Mapping、自動同步、失敗事項與明確 CTA，並將 release diagnostics 留給 CLI、CI 與內部 runbook。", "url": "https://piglife.tw/technical-notes/shopify-merchant-ui-developer-diagnostics-separation/", "path": "/technical-notes/shopify-merchant-ui-developer-diagnostics-separation/", "datePublished": "2026-07-28", "dateModified": "2026-07-28", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "React", "開發流程" ], "language": "zh-Hant" }, { "type": "tool", "title": "CSV 欄位統計器", "description": "貼上 CSV、TSV 或分號分隔資料，快速統計每個欄位的空值、填寫率、唯一值、重複值與數字範圍，適合資料匯入前檢查。", "url": "https://piglife.tw/tool/csv-column-profiler/", "path": "/tool/csv-column-profiler/", "datePublished": "2026-07-28", "dateModified": "2026-07-28", "section": "工具庫", "tags": [ "JavaScript", "SEO", "工具" ], "language": "zh-Hant" }, { "type": "tool", "title": "隨機分組產生器", "description": "貼上成員名單，依組數或每組人數快速產生隨機分組，支援 seed 重現結果、移除重複姓名與一鍵複製分組名單。", "url": "https://piglife.tw/tool/random-group-generator/", "path": "/tool/random-group-generator/", "datePublished": "2026-07-28", "dateModified": "2026-07-28", "section": "工具庫", "tags": [ "JavaScript", "SEO", "工具" ], "language": "zh-Hant" }, { "type": "article", "title": "開發用 SQLite、正式用 PostgreSQL：Prisma 雙 Schema 如何避免部署才爆炸？", "description": "記錄 Shopify App 本機使用 SQLite、正式環境改用 PostgreSQL 時，如何分離 schema 與 migration history，並用 model parity test、migration lock 與 CI 阻止錯誤 artifact 上線。", "url": "https://piglife.tw/technical-notes/prisma-sqlite-postgresql-dual-schema-deployment/", "path": "/technical-notes/prisma-sqlite-postgresql-dual-schema-deployment/", "datePublished": "2026-07-27", "dateModified": "2026-07-27", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Prisma", "PostgreSQL", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Ragic 欄位改了怎麼辦？用 Schema Diff 修復既有 Mapping", "description": "記錄 Ragic API 文件重新匯入後，如何比對既有 Mapping 的 Field ID、可寫入狀態與型別，先停用有風險的同步，再讓商家逐欄修復或還原版本。", "url": "https://piglife.tw/technical-notes/ragic-schema-change-mapping-diff-repair/", "path": "/technical-notes/ragic-schema-change-mapping-diff-repair/", "datePublished": "2026-07-27", "dateModified": "2026-07-27", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Ragic", "資料同步", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Shopify 歷史訂單 Backfill，如何避免重複同步與漏資料？", "description": "從手動輸入 Shopify resource ID 的 Backfill MVP 出發，拆解 active Mapping gate、未完成工作去重、重新讀取來源、Ragic upsert，以及完整歷史掃描仍缺少的 pagination checkpoint。", "url": "https://piglife.tw/technical-notes/shopify-ragic-historical-data-backfill/", "path": "/technical-notes/shopify-ragic-historical-data-backfill/", "datePublished": "2026-07-27", "dateModified": "2026-07-27", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Ragic", "資料同步", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Shopify Webhook 為什麼不能收到後直接完成 Ragic 同步？", "description": "從一套 Shopify 與 Ragic 串接 App 的實作，說明 Webhook 為何只負責驗證與工作落地，再由可重試的 job processor 完成外部寫入與重複事件處理。", "url": "https://piglife.tw/technical-notes/shopify-webhook-job-queue-retry-dedup/", "path": "/technical-notes/shopify-webhook-job-queue-retry-dedup/", "datePublished": "2026-07-27", "dateModified": "2026-07-27", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Ragic", "資料同步", "Serverless", "開發流程" ], "language": "zh-Hant" }, { "type": "tool", "title": "重複行清理工具", "description": "貼上多行文字、網址、關鍵字或 SKU 清單，快速移除重複行、空白行並整理輸出，支援忽略大小寫與保留首次或最後項目。", "url": "https://piglife.tw/tool/duplicate-line-cleaner/", "path": "/tool/duplicate-line-cleaner/", "datePublished": "2026-07-27", "dateModified": "2026-07-27", "section": "工具庫", "tags": [ "JavaScript", "SEO", "工具" ], "language": "zh-Hant" }, { "type": "tool", "title": "圖片比例尺寸計算器", "description": "輸入圖片比例、寬度或高度，立即換算另一邊尺寸，並產出 CSS aspect-ratio，適合社群圖片、網站封面與縮圖製作。", "url": "https://piglife.tw/tool/image-aspect-ratio-calculator/", "path": "/tool/image-aspect-ratio-calculator/", "datePublished": "2026-07-27", "dateModified": "2026-07-27", "section": "工具庫", "tags": [ "JavaScript", "SEO", "工具" ], "language": "zh-Hant" }, { "type": "tool", "title": "台灣統一編號檢查器", "description": "貼上台灣公司統一編號，快速檢查 8 碼格式、校驗碼與重複資料，並輸出可複製的標準清單。", "url": "https://piglife.tw/tool/taiwan-tax-id-checker/", "path": "/tool/taiwan-tax-id-checker/", "datePublished": "2026-07-27", "dateModified": "2026-07-27", "section": "工具庫", "tags": [ "JavaScript", "SEO", "工具" ], "language": "zh-Hant" }, { "type": "tool", "title": "URL 編碼解碼工具", "description": "貼上網址、query 參數或一般文字，快速進行 URL encode / decode，支援 component、表單參數與完整網址模式。", "url": "https://piglife.tw/tool/url-encoder-decoder/", "path": "/tool/url-encoder-decoder/", "datePublished": "2026-07-27", "dateModified": "2026-07-27", "section": "工具庫", "tags": [ "JavaScript", "SEO", "工具" ], "language": "zh-Hant" }, { "type": "article", "title": "如何把 Ragic API 文件轉成 Shopify 欄位 Mapping 編輯器？", "description": "以一個專案自訂的 Ragic API 文件格式為例，說明如何解析表單、Field ID、可寫入狀態與子表格資訊，再生成可驗證的 Shopify 欄位 Mapping 編輯器。", "url": "https://piglife.tw/technical-notes/ragic-api-document-shopify-mapping-editor/", "path": "/technical-notes/ragic-api-document-shopify-mapping-editor/", "datePublished": "2026-07-26", "dateModified": "2026-07-26", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Ragic", "資料同步", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "寫入 Ragic 前先 Dry Run：資料同步工具如何讓商家安全確認？", "description": "從可任意貼 JSON 的早期預覽，演進成由 Server 重新讀取 Shopify 訂單或會員、套用 Mapping、顯示 warnings，並要求第二次明確操作才寫入 Ragic。", "url": "https://piglife.tw/technical-notes/shopify-ragic-dry-run-payload-preview/", "path": "/technical-notes/shopify-ragic-dry-run-payload-preview/", "datePublished": "2026-07-26", "dateModified": "2026-07-26", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Ragic", "資料同步", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Shopify × Ragic 欄位 Mapping，為什麼從 AI 自動配對改回人工確認？", "description": "回顧欄位名稱打分與 AI 草稿的實作，說明為什麼最終商家流程改成逐欄人工確認，以及如何在 server 端驗證 Field ID、資料型別與 unique key。", "url": "https://piglife.tw/technical-notes/shopify-ragic-manual-field-mapping-decision/", "path": "/technical-notes/shopify-ragic-manual-field-mapping-decision/", "datePublished": "2026-07-26", "dateModified": "2026-07-26", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Ragic", "資料同步", "AI", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Shopify 與 Ragic 串接實戰：從訂單 Webhook 到資料 Upsert", "description": "從一套訂單與會員同步 App 的實際演進，說明 Shopify Webhook 如何先落地成 job，再經欄位 mapping、payload transform 與 unique key 完成 Ragic create 或 update。", "url": "https://piglife.tw/technical-notes/shopify-ragic-order-customer-sync-architecture/", "path": "/technical-notes/shopify-ragic-order-customer-sync-architecture/", "datePublished": "2026-07-26", "dateModified": "2026-07-26", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Ragic", "資料同步", "Serverless", "開發流程" ], "language": "zh-Hant" }, { "type": "tool", "title": "折扣計算器", "description": "輸入原價、折扣百分比、數量、優惠券、運費與稅率，快速換算折後總額、實付單價、省下金額與有效折扣。", "url": "https://piglife.tw/tool/discount-calculator/", "path": "/tool/discount-calculator/", "datePublished": "2026-07-26", "dateModified": "2026-07-26", "section": "工具庫", "tags": [ "JavaScript", "SEO", "工具" ], "language": "zh-Hant" }, { "type": "tool", "title": "密碼產生器", "description": "設定長度、大小寫、數字、符號與易混淆字元，快速產生可複製的隨機密碼，並估算密碼強度與熵值。", "url": "https://piglife.tw/tool/password-generator/", "path": "/tool/password-generator/", "datePublished": "2026-07-26", "dateModified": "2026-07-26", "section": "工具庫", "tags": [ "JavaScript", "SEO", "工具" ], "language": "zh-Hant" }, { "type": "article", "title": "Shopify App 收費不能只做付款頁：如何限制未訂閱帳號？", "description": "記錄 Shopify App Pricing 接上方案頁後，如何使用 Partner API、短期快取、有限 stale access 與 server-side route guard，阻止未訂閱商店直接呼叫受保護的 loader 或 action。", "url": "https://piglife.tw/technical-notes/shopify-app-billing-route-access-control/", "path": "/technical-notes/shopify-app-billing-route-access-control/", "datePublished": "2026-07-25", "dateModified": "2026-07-25", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "資料同步", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Shopify App 其實有四個部署面：Web、App Version、Database 與 Store Config", "description": "用一次 Shopify App 主機遷移說明四個彼此獨立的部署面，避免把 Web 上線、Shopify App Version、資料庫 migration 與商店設定誤認為同一次發布。", "url": "https://piglife.tw/technical-notes/shopify-app-four-deployment-surfaces/", "path": "/technical-notes/shopify-app-four-deployment-surfaces/", "datePublished": "2026-07-25", "dateModified": "2026-07-25", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Shopify Extension", "Shopify Functions", "Vercel", "Prisma", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "把 Shopify App 搬到 Vercel 與 Neon，不只是更換 Hosting", "description": "記錄一個 React Router Shopify App 從長駐 Web Server 搬到 Vercel、資料庫移到 Neon 時，如何拆開 runtime adapter、連線池、migration 與正式流量切換。", "url": "https://piglife.tw/technical-notes/shopify-app-vercel-neon-migration/", "path": "/technical-notes/shopify-app-vercel-neon-migration/", "datePublished": "2026-07-25", "dateModified": "2026-07-25", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Vercel", "PostgreSQL", "Prisma", "Serverless", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Serverless 環境如何處理 Shopify 大量商品更新？", "description": "從一個同步式批量特價 action 出發，說明依商品分組、snapshot checkpoint、部分成功與 Function timeout，並規劃可重試的 durable job 架構。", "url": "https://piglife.tw/technical-notes/shopify-bulk-operations-serverless-jobs/", "path": "/technical-notes/shopify-bulk-operations-serverless-jobs/", "datePublished": "2026-07-25", "dateModified": "2026-07-25", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Serverless", "Vercel", "資料同步", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Shopify 折扣如何同時支援商品頁、購物車、Checkout 與 POS？", "description": "記錄 Shopify 折扣 App 如何分開處理 Theme 價格預覽、Customer Segment 查詢與 Discount Function 交易計算，避免把商品頁顯示誤當成 Cart、Checkout 或 POS 的成交結果。", "url": "https://piglife.tw/technical-notes/shopify-discount-storefront-checkout-pos-consistency/", "path": "/technical-notes/shopify-discount-storefront-checkout-pos-consistency/", "datePublished": "2026-07-25", "dateModified": "2026-07-25", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Shopify Theme", "Shopify Extension", "Shopify Functions", "JavaScript", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Shopify POS 折扣條件怎麼判斷？從 retailLocation 找出執行場景", "description": "記錄 Shopify Discount Function 如何透過 cart.retailLocation 區分 Online Store 與 POS，並說明它能證明零售交易，卻不能證明門市使用哪一種 POS 方案。", "url": "https://piglife.tw/technical-notes/shopify-pos-discount-retail-location-eligibility/", "path": "/technical-notes/shopify-pos-discount-retail-location-eligibility/", "datePublished": "2026-07-25", "dateModified": "2026-07-25", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Shopify Functions", "Shopify Extension", "JavaScript", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "一個 Promotion 對應一個 Shopify Automatic App Discount，有什麼好處？", "description": "記錄 Shopify 折扣 App 從多個促銷共用一個 Automatic App Discount，改成每個 Promotion 擁有獨立 discount node 的原因，以及同步、停用、刪除與舊資料清理的取捨。", "url": "https://piglife.tw/technical-notes/shopify-promotion-per-automatic-app-discount/", "path": "/technical-notes/shopify-promotion-per-automatic-app-discount/", "datePublished": "2026-07-25", "dateModified": "2026-07-25", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Shopify Functions", "資料同步", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "開發 Shopify 折扣 App 時，如何解決 Discount Function 設定超過大小限制？", "description": "記錄 Shopify 折扣 App 把促銷規則寫入 Function owner metafield 後，後台儲存成功但結帳沒有折扣的排查過程，以及如何用精簡 schema、byte 檢查與 input query variables 控制限制。", "url": "https://piglife.tw/technical-notes/shopify-discount-function-config-size-limit/", "path": "/technical-notes/shopify-discount-function-config-size-limit/", "datePublished": "2026-07-24", "dateModified": "2026-07-24", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Shopify Functions", "JavaScript", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "開發 Shopify 排程促銷時，為什麼時間會差 8 小時？", "description": "記錄 Shopify 促銷排程在編輯與儲存時出現 8 小時落差的原因，拆解 datetime-local、操作者瀏覽器時區、商店 IANA timezone 與資料庫 UTC 的轉換責任。", "url": "https://piglife.tw/technical-notes/shopify-promotion-schedule-store-timezone/", "path": "/technical-notes/shopify-promotion-schedule-store-timezone/", "datePublished": "2026-07-24", "dateModified": "2026-07-24", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "JavaScript", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Shopify 批量特價不能只改 Variant Price：用 Snapshot 與 Restore 安全回復", "description": "記錄 Shopify 批量特價直接修改 Variant price 與 compare-at price 時，如何用快照、租約、狀態機、逐組進度與還原衝突偵測，避免覆蓋商家後續改價。", "url": "https://piglife.tw/technical-notes/shopify-sale-price-campaign-safe-restore/", "path": "/technical-notes/shopify-sale-price-campaign-safe-restore/", "datePublished": "2026-07-24", "dateModified": "2026-07-31", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Prisma", "PostgreSQL", "資料同步", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Shopify 商品系列排程折扣，為什麼不能提前展開商品清單？", "description": "記錄 Shopify Collection 排程促銷先遇到未來規則被過濾，之後又因儲存時展開商品造成規則過期與設定膨脹，最後改由 Discount Function runtime 判斷 membership。", "url": "https://piglife.tw/technical-notes/shopify-scheduled-collection-discount-rules/", "path": "/technical-notes/shopify-scheduled-collection-discount-rules/", "datePublished": "2026-07-24", "dateModified": "2026-07-31", "section": "技術筆記", "tags": [ "Shopify", "Shopify App", "Shopify Functions", "JavaScript", "開發流程" ], "language": "zh-Hant" }, { "type": "tool", "title": "工作天數計算器", "description": "輸入開始與結束日期，排除週末與自訂休假日，立即計算工作天數，也可從指定日期往後推算 N 個工作天。", "url": "https://piglife.tw/tool/business-day-calculator/", "path": "/tool/business-day-calculator/", "datePublished": "2026-07-24", "dateModified": "2026-07-24", "section": "工具庫", "tags": [ "JavaScript", "SEO", "工具" ], "language": "zh-Hant" }, { "type": "tool", "title": "單價比較計算器", "description": "輸入不同商品的價格、容量、件數、折扣與運費，快速換算每 100 公克、每 100 毫升或每件單價，找出真正划算的選項。", "url": "https://piglife.tw/tool/unit-price-comparison-calculator/", "path": "/tool/unit-price-comparison-calculator/", "datePublished": "2026-07-24", "dateModified": "2026-07-24", "section": "工具庫", "tags": [ "JavaScript", "SEO", "工具" ], "language": "zh-Hant" }, { "type": "article", "title": "Loop Engineering 是什麼？把 AI Coding Agent 變成可治理的開發迴圈", "description": "研究 cobusgreyling/loop-engineering 如何用排程、Skills、狀態、Git worktree、Verifier、成本預算與安全閘門，建立能持續執行又知道何時停下的 AI coding agent 開發迴圈。", "url": "https://piglife.tw/technical-notes/loop-engineering-ai-coding-agent-automation/", "path": "/technical-notes/loop-engineering-ai-coding-agent-automation/", "datePublished": "2026-07-23", "dateModified": "2026-07-23", "section": "技術筆記", "tags": [ "AI Agent", "Agent Skills", "Claude Code", "Codex", "GitHub", "開發流程", "工具" ], "language": "zh-Hant" }, { "type": "tool", "title": "CSV to JSON 轉換器｜CSV/TSV 快速轉 JSON 陣列 · CSV to JSON Converter Tool", "description": "貼上 CSV、TSV 或分號分隔資料，自動偵測欄位並轉成可複製的 JSON 陣列。", "url": "https://piglife.tw/tool/csv-to-json-converter/", "path": "/tool/csv-to-json-converter/", "datePublished": "2026-07-23", "dateModified": "2026-07-23", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "民國西元日期轉換器｜台灣日期批次換算與星期查詢 · Taiwan Minguo Date Converter Tool", "description": "批次轉換民國與西元日期，輸出 ISO 日期、民國格式與星期。", "url": "https://piglife.tw/tool/taiwan-minguo-date-converter/", "path": "/tool/taiwan-minguo-date-converter/", "datePublished": "2026-07-23", "dateModified": "2026-07-23", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "article", "title": "Kanboard AI Agent API 開發實錄：用 expected_revision 避免內容互相覆蓋", "description": "記錄 KnockersTaskBlocks 如何讓 AI Agent 經由 Kanboard JSON-RPC 讀寫 Task Document，並用 expected_revision、共用授權、Server validation 與 replace／append API 避免靜默覆蓋。", "url": "https://piglife.tw/technical-notes/kanboard-ai-agent-jsonrpc-revision/", "path": "/technical-notes/kanboard-ai-agent-jsonrpc-revision/", "datePublished": "2026-07-22", "dateModified": "2026-07-22", "section": "技術筆記", "tags": [ "Kanboard", "PHP", "AI Agent", "Codex", "外掛開發" ], "language": "zh-Hant" }, { "type": "article", "title": "Kanboard 內容區塊越做越多後：Block Runtime 重構實錄", "description": "記錄 KnockersTaskBlocks 在區塊類型增加後遇到的維護問題，以及如何用 TaskContentRuntime、Block Catalog、Renderer Registry 和契約測試收斂驗證、投影與呈現流程。", "url": "https://piglife.tw/technical-notes/kanboard-block-runtime-refactoring/", "path": "/technical-notes/kanboard-block-runtime-refactoring/", "datePublished": "2026-07-22", "dateModified": "2026-07-22", "section": "技術筆記", "tags": [ "Kanboard", "PHP", "React", "外掛開發", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Kanboard 互動式 HTML 外掛開發實錄：從 srcdoc 失敗到獨立 Runner", "description": "記錄 KnockersTaskBlocks 加入互動式 HTML 時遇到的實際問題，包含 sanitizer 與需求衝突、srcdoc 繼承 CSP，以及如何用獨立 runner、sandbox iframe 和 postMessage 隔離 JavaScript。", "url": "https://piglife.tw/technical-notes/kanboard-interactive-html-sandbox-runner/", "path": "/technical-notes/kanboard-interactive-html-sandbox-runner/", "datePublished": "2026-07-22", "dateModified": "2026-07-22", "section": "技術筆記", "tags": [ "Kanboard", "PHP", "React", "JavaScript", "外掛開發" ], "language": "zh-Hant" }, { "type": "article", "title": "Kanboard 外掛發布實錄：Artifact 驗證、Migration 與回滾演練", "description": "記錄 KnockersTaskBlocks 從測試版進入正式環境前的發布流程，包含不可變 Artifact、Release Manifest、Checksum、Bundle Budget、多資料庫 Migration、原子替換與實際回滾演練。", "url": "https://piglife.tw/technical-notes/kanboard-plugin-release-rollback-rehearsal/", "path": "/technical-notes/kanboard-plugin-release-rollback-rehearsal/", "datePublished": "2026-07-22", "dateModified": "2026-07-22", "section": "技術筆記", "tags": [ "Kanboard", "PHP", "JavaScript", "外掛開發", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Kanboard 公開任務資源權限實錄：附件與內部連結如何避免洩漏", "description": "記錄 KnockersTaskBlocks 公開任務頁如何保護圖片、附件、內部連結與外部連結，並以 Public Task Scope、原生資源 ownership、no-store 與一致的 not-found 行為避免跨任務洩漏。", "url": "https://piglife.tw/technical-notes/kanboard-public-task-resource-scope/", "path": "/technical-notes/kanboard-public-task-resource-scope/", "datePublished": "2026-07-22", "dateModified": "2026-07-22", "section": "技術筆記", "tags": [ "Kanboard", "PHP", "外掛開發", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Kanboard 跨職能流程圖外掛開發實錄：React Flow 資料模型與三欄工作台", "description": "記錄 KnockersTaskBlocks 如何加入跨職能流程圖，包含 React Flow 畫面狀態與 Domain JSON 的分離、跨泳道拖曳、節點關聯、自動排列、三欄原型與效能限制。", "url": "https://piglife.tw/technical-notes/kanboard-swimlane-diagram-react-flow/", "path": "/technical-notes/kanboard-swimlane-diagram-react-flow/", "datePublished": "2026-07-22", "dateModified": "2026-07-22", "section": "技術筆記", "tags": [ "Kanboard", "React", "JavaScript", "外掛開發", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Kanboard 單一任務公開分享開發實錄：Capability URL、輪替與撤銷", "description": "記錄 KnockersTaskBlocks 如何在不公開整個專案的情況下分享單一任務，包含高熵 Token、雜湊儲存、一次性網址、期限、輪替、撤銷與統一 Public Task Scope。", "url": "https://piglife.tw/technical-notes/kanboard-task-capability-url-sharing/", "path": "/technical-notes/kanboard-task-capability-url-sharing/", "datePublished": "2026-07-22", "dateModified": "2026-07-22", "section": "技術筆記", "tags": [ "Kanboard", "PHP", "外掛開發", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Kanboard 任務內容區塊外掛開發實錄：從 Markdown 描述到結構化文件", "description": "記錄 KnockersTaskBlocks 的開發起點，說明為什麼不修改 Kanboard 核心，以及如何用結構化 Task Document、Markdown 相容內容與專案 opt-in 保留原生搜尋、Email、API 與回滾能力。", "url": "https://piglife.tw/technical-notes/kanboard-task-content-blocks-plugin-development/", "path": "/technical-notes/kanboard-task-content-blocks-plugin-development/", "datePublished": "2026-07-22", "dateModified": "2026-07-22", "section": "技術筆記", "tags": [ "Kanboard", "PHP", "React", "外掛開發", "開發流程" ], "language": "zh-Hant" }, { "type": "tool", "title": "中文閱讀時間計算器", "description": "貼上中文文章或中英混合內容，快速統計字數、段落、句子與預估閱讀時間，適合部落格、電子報與提案文案。", "url": "https://piglife.tw/tool/chinese-reading-time-calculator/", "path": "/tool/chinese-reading-time-calculator/", "datePublished": "2026-07-22", "dateModified": "2026-07-22", "section": "工具庫", "tags": [ "SEO", "JavaScript", "工具" ], "language": "zh-Hant" }, { "type": "tool", "title": "色彩對比檢查器", "description": "輸入前景色與背景色，立即計算對比值並判斷一般文字、大字與介面元素是否符合 WCAG AA/AAA。", "url": "https://piglife.tw/tool/color-contrast-checker/", "path": "/tool/color-contrast-checker/", "datePublished": "2026-07-22", "dateModified": "2026-07-22", "section": "工具庫", "tags": [ "SEO", "JavaScript", "工具" ], "language": "zh-Hant" }, { "type": "article", "title": "Codex 內建 Skills 有哪些？5 個 System Skills 的用途與使用方式", "description": "整理 Codex 目前公開的 5 個內建 system skills，介紹 imagegen、openai-docs、plugin-creator、skill-creator、skill-installer，以及啟動方式、安裝範圍與安全注意事項。", "url": "https://piglife.tw/technical-notes/codex-built-in-system-skills-guide/", "path": "/technical-notes/codex-built-in-system-skills-guide/", "datePublished": "2026-07-21", "dateModified": "2026-07-21", "section": "技術筆記", "tags": [ "AI Agent", "Agent Skills", "Codex", "開發流程", "工具" ], "language": "zh-Hant" }, { "type": "article", "title": "mattpocock/skills 是什麼？把 AI Coding Agent 變成工程工作流", "description": "研究 Matt Pocock 的 skills 專案，整理 Agent Skills 的安裝方式、開發流程、TDD、研究與程式碼審查設計，以及導入限制和安全注意事項。", "url": "https://piglife.tw/technical-notes/mattpocock-skills-ai-coding-agent-workflow/", "path": "/technical-notes/mattpocock-skills-ai-coding-agent-workflow/", "datePublished": "2026-07-21", "dateModified": "2026-07-21", "section": "技術筆記", "tags": [ "AI Agent", "Agent Skills", "Claude Code", "Codex", "開發流程" ], "language": "zh-Hant" }, { "type": "article", "title": "Orca 是什麼？用 Git Worktree 同時管理多個 AI Coding Agent", "description": "研究 stablyai/orca 如何用 Git worktree 管理 Claude Code、Codex 等 AI coding agent，整理桌面、手機、SSH、headless server 架構，以及權限與導入限制。", "url": "https://piglife.tw/technical-notes/orca-parallel-ai-coding-agent-worktrees/", "path": "/technical-notes/orca-parallel-ai-coding-agent-worktrees/", "datePublished": "2026-07-21", "dateModified": "2026-07-21", "section": "技術筆記", "tags": [ "AI Agent", "Claude Code", "Codex", "GitHub", "開發流程", "工具" ], "language": "zh-Hant" }, { "type": "article", "title": "Scroll World 是什麼？不用 WebGL 也能做出捲動式 3D 世界", "description": "研究 scroll-world 如何結合 AI 生成影片、FFmpeg 與 JavaScript scroll scrub，做出連續飛行的 3D 世界網站，以及成本、效能和導入限制。", "url": "https://piglife.tw/technical-notes/scroll-world-ai-3d-scroll-website/", "path": "/technical-notes/scroll-world-ai-3d-scroll-website/", "datePublished": "2026-07-21", "dateModified": "2026-07-21", "section": "技術筆記", "tags": [ "AI Agent", "GitHub", "JavaScript", "網頁特效" ], "language": "zh-Hant" }, { "type": "tool", "title": "JSON to Table 轉換器｜把 API 回應快速整理成 CSV 與表格 · JSON to Table Converter Tool", "description": "貼上 JSON 陣列、物件或 API 回應，快速轉成可複製的 CSV / TSV，並預覽整理後的表格欄位。", "url": "https://piglife.tw/tool/json-to-table-converter/", "path": "/tool/json-to-table-converter/", "datePublished": "2026-07-20", "dateModified": "2026-07-20", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "睡眠債計算器｜一週睡眠缺口快速估算，安排補眠節奏 · Sleep Debt Calculator Tool", "description": "估算一週睡眠債、平均睡眠與補眠晚數。", "url": "https://piglife.tw/tool/sleep-debt-calculator/", "path": "/tool/sleep-debt-calculator/", "datePublished": "2026-07-19", "dateModified": "2026-07-19", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "Cron 表達式解讀器｜排程規則快速翻譯，預覽下一次執行時間 · Cron Expression Interpreter Tool", "description": "快速解讀 cron 排程規則，預覽接下來的執行時間。", "url": "https://piglife.tw/tool/cron-expression-interpreter/", "path": "/tool/cron-expression-interpreter/", "datePublished": "2026-07-18", "dateModified": "2026-07-18", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "HTML Entities 轉換器｜HTML 特殊符號快速編碼解碼 · HTML Entities Converter Tool", "description": "HTML entities 編碼解碼工具，快速處理 HTML 特殊符號與可讀文字。", "url": "https://piglife.tw/tool/html-entities-converter/", "path": "/tool/html-entities-converter/", "datePublished": "2026-07-17", "dateModified": "2026-07-17", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "CSV 欄位清理工具｜快速整理表頭命名，匯入資料更乾淨 · CSV Field Cleaner Tool", "description": "清理 CSV/TSV 表頭、處理空白與重複欄位，快速產出一致命名。", "url": "https://piglife.tw/tool/csv-field-cleaner/", "path": "/tool/csv-field-cleaner/", "datePublished": "2026-07-16", "dateModified": "2026-07-16", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "台灣發票號碼格式檢查器｜批次檢查格式並整理可複製清單 · Taiwan Invoice Number Checker Tool", "description": "批次檢查台灣發票號碼格式，整理標準格式與可複製清單。", "url": "https://piglife.tw/tool/taiwan-invoice-number-checker/", "path": "/tool/taiwan-invoice-number-checker/", "datePublished": "2026-07-15", "dateModified": "2026-07-15", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "Markdown 表格產生器｜CSV/TSV 快速轉成文件表格 · Markdown Table Generator Tool", "description": "將 CSV 或 TSV 資料快速轉成 Markdown 表格，適合文件與部落格排版。", "url": "https://piglife.tw/tool/markdown-table-generator/", "path": "/tool/markdown-table-generator/", "datePublished": "2026-07-14", "dateModified": "2026-07-14", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "robots.txt 規則檢查器｜快速判斷搜尋引擎可否檢索指定網址 · Robots TXT Rule Checker Tool", "description": "快速檢查 robots.txt 對指定網址與 user-agent 的檢索允許狀態。", "url": "https://piglife.tw/tool/robots-txt-rule-checker/", "path": "/tool/robots-txt-rule-checker/", "datePublished": "2026-07-13", "dateModified": "2026-07-13", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "WordPress shortcode 清理工具｜移除短代碼並保留文章文字 · WordPress Shortcode Cleaner Tool", "description": "清理 WordPress shortcode，整理成可再編輯的純文字草稿。", "url": "https://piglife.tw/tool/wordpress-shortcode-cleaner/", "path": "/tool/wordpress-shortcode-cleaner/", "datePublished": "2026-07-12", "dateModified": "2026-07-12", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "CSS box-shadow 產生器｜卡片按鈕陰影即時預覽，快速輸出 CSS · CSS Box Shadow Generator Tool", "description": "即時預覽並複製 CSS box-shadow，適合卡片、按鈕與浮層設計。", "url": "https://piglife.tw/tool/css-box-shadow-generator/", "path": "/tool/css-box-shadow-generator/", "datePublished": "2026-07-10", "dateModified": "2026-07-10", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "Unix Timestamp 轉換器｜秒與毫秒快速換算本地與 UTC 時間 · Unix Timestamp Converter Tool", "description": "Unix timestamp 秒數與毫秒數快速轉換工具，可查看本地時間、UTC 與 ISO 格式。", "url": "https://piglife.tw/tool/unix-timestamp-converter/", "path": "/tool/unix-timestamp-converter/", "datePublished": "2026-07-09", "dateModified": "2026-07-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "台灣手機號碼格式整理器｜批次清理 09 與 +886 格式，一鍵複製匯出 · Taiwan Mobile Number Formatter Tool", "description": "批次整理台灣手機號碼，支援 09、+886、重複檢查與 CSV 匯出。", "url": "https://piglife.tw/tool/taiwan-mobile-number-formatter/", "path": "/tool/taiwan-mobile-number-formatter/", "datePublished": "2026-07-08", "dateModified": "2026-07-08", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "FAQ Schema JSON-LD 產生器｜常見問答結構化資料快速輸出 · FAQ Schema JSON-LD Generator Tool", "description": "整理常見問題與答案，快速產生可貼到網頁的 FAQPage JSON-LD 結構化資料，適合工具頁、服務頁與教學文章使用。 · Create FAQPage JSON-LD structured data from common questi...", "url": "https://piglife.tw/tool/faq-schema-generator/", "path": "/tool/faq-schema-generator/", "datePublished": "2026-07-07", "dateModified": "2026-07-07", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "LINE OA 訊息字數檢查器｜推播文案長度與可讀性快速檢查 · LINE OA Message Checker Tool", "description": "檢查 LINE OA 推播訊息字數、換行、連結與可讀性。", "url": "https://piglife.tw/tool/line-oa-message-checker/", "path": "/tool/line-oa-message-checker/", "datePublished": "2026-07-06", "dateModified": "2026-07-06", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "CSS clamp 字級產生器｜流式字體快速換算，產生響應式 font-size · CSS Clamp Font Size Generator Tool", "description": "快速產生 CSS clamp() 響應式字級設定。", "url": "https://piglife.tw/tool/css-clamp-font-size-generator/", "path": "/tool/css-clamp-font-size-generator/", "datePublished": "2026-07-05", "dateModified": "2026-07-05", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "URL 參數整理與排序工具｜快速整理追蹤連結，檢查重複參數 · URL Parameter Sorter Tool", "description": "整理與排序 URL 參數，快速檢查追蹤連結。", "url": "https://piglife.tw/tool/url-parameter-sorter/", "path": "/tool/url-parameter-sorter/", "datePublished": "2026-07-04", "dateModified": "2026-07-04", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "SEO 標題長度檢查器｜快速檢查搜尋結果截斷風險 · SEO Title Checker Tool", "description": "快速檢查 SEO 標題字數、顯示寬度與截斷風險。", "url": "https://piglife.tw/tool/seo-title-checker/", "path": "/tool/seo-title-checker/", "datePublished": "2026-07-03", "dateModified": "2026-07-03", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "Meta Description 長度檢查器｜快速檢查 SEO 摘要字數與截斷風險 · Meta Description Checker Tool", "description": "貼上網頁摘要，即時檢查 Meta Description 字數、截斷風險與改善建議，適合 SEO 文章、工具頁與活動頁發布前使用。", "url": "https://piglife.tw/tool/meta-description-checker/", "path": "/tool/meta-description-checker/", "datePublished": "2026-07-02", "dateModified": "2026-07-02", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "UTM 連結產生器｜快速建立行銷追蹤網址 · UTM Link Builder Tool", "description": "輸入目標網址與 UTM 參數，即時產生可用於電子報、廣告、社群貼文與活動頁的追蹤連結。", "url": "https://piglife.tw/tool/utm-link-builder/", "path": "/tool/utm-link-builder/", "datePublished": "2026-07-01", "dateModified": "2026-07-01", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "條碼批次產生器 Pro｜流水號自動生成與圖片批次下載 · Barcode Batch Generator Pro Tool", "description": "快速批次產生多種格式條碼，支援自動生成流水號序列、文字檔匯入與圖片批次下載，提供標籤列印功能，適合倉庫管理、產品標籤與物流標註使用 · Generate barcodes in bulk with auto-serial numbers, ...", "url": "https://piglife.tw/tool/barcode-batch-generator/", "path": "/tool/barcode-batch-generator/", "datePublished": "2026-01-09", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "無效會議燒錢計算機｜即時計算會議成本，拒絕冗長會議 · Meeting Cost Ticker Tool", "description": "你的會議值多少錢？輸入與會人數與薪資，像計程車跳表一樣即時顯示會議燃燒的成本。提升開會效率，老闆與主管必備的警世工具 · Calculate the real monetary cost of your meetings in real-t...", "url": "https://piglife.tw/tool/meeting-cost-ticker/", "path": "/tool/meeting-cost-ticker/", "datePublished": "2026-01-09", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "加班換算時薪真相器｜揭開月薪加總後的真實時薪，看看加班如何稀釋你的薪資 · Overtime Real Hourly Wage Tool", "description": "將月薪與加班時數換算為真實時薪，並提供不加班與加班減半的情境比較。快速了解加班對時薪的稀釋程度，掌握薪資真相與工時負擔 · Calculate your real hourly wage including overtime. Compar...", "url": "https://piglife.tw/tool/overtime-real-hourly-wage/", "path": "/tool/overtime-real-hourly-wage/", "datePublished": "2026-01-09", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "通勤時間換算人生器｜把每天通勤時間換算成燃燒的人生天數 · Taiwan Commute Life Converter Tool", "description": "：快速換算每日通勤時間對人生的長期影響，包含每年耗費的 8 小時工作日與總時數。支援改善情境比較，算出搬家或遠端工作能省下多少人生 · Convert daily commute time into life impact metrics ...", "url": "https://piglife.tw/tool/commute-life-converter/", "path": "/tool/commute-life-converter/", "datePublished": "2026-01-09", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "外食一週花費估算器｜快速掌握伙食開銷，輕鬆規劃每月外食預算 · Eating Out Weekly Cost Estimator Tool", "description": "透過簡單的餐次習慣與單價選擇，快速估算一週與每月的外食花費。支援外送費、聚餐與咖啡開銷計算，幫你找出錢都花在哪裡 · Estimate your weekly and monthly eating-out expenses with cat...", "url": "https://piglife.tw/tool/eating-out-weekly-cost-estimator/", "path": "/tool/eating-out-weekly-cost-estimator/", "datePublished": "2026-01-09", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "資料夾結構視覺化器｜快速解析 tree 文字為互動樹狀圖，支援搜尋與統計 · Folder Structure Visualizer Tool", "description": "將 tree 指令、README 或縮排文字轉換為視覺化樹狀結構，支援展開收合、關鍵字搜尋與統計功能，讓目錄結構一目了然 · Visualize text-based directory structures into interactiv...", "url": "https://piglife.tw/tool/folder-structure-visualizer/", "path": "/tool/folder-structure-visualizer/", "datePublished": "2026-01-09", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "拖延拆解器｜把大任務拆成 5 分鐘小步驟，立即擊敗拖延症 · Task Breaker Tool", "description": "快速將大型任務拆解為 5-15 分鐘可完成的微小步驟，降低啟動阻力並追蹤進度，適合深受拖延困擾的你 · Break large tasks into 5-15 minute micro-steps to reduce friction an...", "url": "https://piglife.tw/tool/task-breaker/", "path": "/tool/task-breaker/", "datePublished": "2026-01-09", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "分帳計算器 Pro｜多人旅遊聚餐輕鬆結算，自動計算轉帳建議 · Split Bill Calculator Pro Tool", "description": "提供多人分帳完整流程，支援平均、比例、指定金額等多種分攤模式，一鍵產生最少筆數轉帳建議與群組分享訊息，讓結帳不再尷尬複雜 · Simplify group expenses with smart debt settlement and op...", "url": "https://piglife.tw/tool/split-bill-calculator-pro/", "path": "/tool/split-bill-calculator-pro/", "datePublished": "2026-01-09", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "旅行行李清單產生器｜依情境自動生成出國出遊必備清單 · Travel Packing List Generator Tool", "description": "依據天數、季節、行程類型（海邊/登山/露營/商務）與旅伴自動產生行李清單，支援打包進度管理、自訂項目與一鍵分享，讓準備行李更輕鬆 · Create smart packing lists for any trip scenario.", "url": "https://piglife.tw/tool/travel-packing-list-generator/", "path": "/tool/travel-packing-list-generator/", "datePublished": "2026-01-09", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "買菜採購清單｜快速列出每日食材清單 · Grocery Shopping List Tool", "description": "建立每日或每週買菜採購清單，快速整理蔬菜、肉類與生活食材，適合家庭與個人使用，讓採買更有效率 · Create and manage grocery shopping lists for daily or weekly use.", "url": "https://piglife.tw/tool/grocery-shopping-list/", "path": "/tool/grocery-shopping-list/", "datePublished": "2026-01-08", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "訂閱費用年度總額計算器｜一次算清每年花多少 · Subscription Cost Calculator", "description": "彙整各項訂閱服務費用，自動計算年度總支出，幫助你掌握隱性花費並有效控管預算 · Calculate your total yearly subscription costs and manage recurring expenses eas...", "url": "https://piglife.tw/tool/annual-subscription-cost-calculator/", "path": "/tool/annual-subscription-cost-calculator/", "datePublished": "2026-01-08", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "時區轉換器（全球）｜快速換算世界時間 · World Time Zone Converter", "description": "支援全球主要城市與時區，一鍵轉換不同國家時間，適合跨國會議、遠端工作與國際行程規劃使用 · Convert time across global time zones easily and accurately.", "url": "https://piglife.tw/tool/world-time-zone-converter/", "path": "/tool/world-time-zone-converter/", "datePublished": "2026-01-08", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "Hash Generator（MD5 / SHA1 / SHA256）｜快速產生雜湊值 · Online Hash Generator", "description": "輸入文字即可一鍵產生 MD5、SHA1、SHA256 雜湊值，適合用於校驗檔案、比對字串與開發測試，支援即時轉換 · Generate MD5/SHA1/SHA256 hashes instantly for verification an...", "url": "https://piglife.tw/tool/hash-generator-md5-sha1-sha256/", "path": "/tool/hash-generator-md5-sha1-sha256/", "datePublished": "2026-01-08", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "Log 行為關鍵字高亮器｜快速標記錯誤與關鍵事件 · Log Keyword Highlighter", "description": "貼上 Log 內容並設定關鍵字，即可自動高亮錯誤、警告與重要行為事件，提升除錯效率，支援多關鍵字與規則匹配 · Highlight keywords in logs to spot errors, warnings, and importa...", "url": "https://piglife.tw/tool/log-keyword-highlighter/", "path": "/tool/log-keyword-highlighter/", "datePublished": "2026-01-08", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "JSON 欄位差異比較器｜比對欄位新增/缺少/變更 · JSON Schema Diff Checker", "description": "貼上兩份 JSON 即可快速比較欄位差異，找出新增、缺少與型別/值變更，適合 API 串接、資料清洗與除錯使用 · Compare two JSON objects to detect added, missing, and changed...", "url": "https://piglife.tw/tool/json-field-diff-checker/", "path": "/tool/json-field-diff-checker/", "datePublished": "2026-01-08", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "攤位／小店損益平衡點試算器｜快速計算回本門檻 · Break-Even Point Calculator (Small Business)", "description": "輸入租金、人事、進貨與其他固定成本，即可試算攤位或小店的損益平衡點，快速了解每日與每月需達成的營業額 · Calculate the break-even point for stalls and small shops.", "url": "https://piglife.tw/tool/stall-small-business-break-even-calculator/", "path": "/tool/stall-small-business-break-even-calculator/", "datePublished": "2026-01-08", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "勞保／勞退個人負擔試算器｜快速計算每月自付金額 · Labor Insurance & Pension Calculator (Taiwan)", "description": "依投保薪資快速試算勞保與勞退個人負擔比例，清楚了解每月實際扣款金額，適合上班族與自由工作者使用 · Calculate your personal labor insurance and pension contributions in T...", "url": "https://piglife.tw/tool/taiwan-labor-insurance-pension-calculator/", "path": "/tool/taiwan-labor-insurance-pension-calculator/", "datePublished": "2026-01-08", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "台灣租屋成本試算器｜快速計算每月租屋花費 · Taiwan Rental Cost Calculator", "description": "整合房租、水電、管理費與其他開銷，一鍵試算台灣每月租屋總成本，幫助租屋族快速評估實際負擔 · Calculate total rental living costs in Taiwan including rent and utilitie...", "url": "https://piglife.tw/tool/taiwan-rental-cost-calculator/", "path": "/tool/taiwan-rental-cost-calculator/", "datePublished": "2026-01-08", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "台灣電費試算器｜快速計算住家電費 · Taiwan Electricity Bill Calculator", "description": "輸入用電度數即可試算台灣住家電費，支援最新電價級距與夏月／非夏月計算，快速掌握每期電費與節電空間 · Estimate your Taiwan electricity bill online with the latest rate tie...", "url": "https://piglife.tw/tool/taiwan-electricity-bill-calculator/", "path": "/tool/taiwan-electricity-bill-calculator/", "datePublished": "2026-01-07", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "article", "title": "使用 Firebase Firestore 匯出抽獎資料為 CSV 檔案的實作說明", "description": "本文說明如何結合 Firebase Firestore 與前端 JavaScript 實作抽獎資料的 CSV 匯出功能，包含分頁抓取資料、格式轉換與下載...", "url": "https://piglife.tw/technical-notes/firebase-firestore-csv-export/", "path": "/technical-notes/firebase-firestore-csv-export/", "datePublished": "2026-01-03", "dateModified": "2026-01-03", "section": "技術筆記", "tags": [ "CSV匯出", "Firebase", "Firestore", "JavaScript", "PHP", "前端匯出", "資料分頁" ], "language": "zh-Hant" }, { "type": "article", "title": "在 LearnDash 課程列表新增已報名學生數欄位並優化查詢效能", "description": "本文介紹如何在 LearnDash 後台課程列表新增已報名學生數欄位，並透過 WP_User_Query 與快取機制提升查詢效能，方便管理者快速掌握課程...", "url": "https://piglife.tw/technical-notes/learndash-enrolled-count-column/", "path": "/technical-notes/learndash-enrolled-count-column/", "datePublished": "2026-01-02", "dateModified": "2026-01-02", "section": "技術筆記", "tags": [ "LearnDash", "WordPress", "WP_User_Query", "後台自訂欄位", "快取優化", "課程管理" ], "language": "zh-Hant" }, { "type": "article", "title": "JavaScript 實作禁止右鍵選單的簡易方法", "description": "介紹如何使用 JavaScript 監聽 contextmenu 事件並阻止預設右鍵選單，提供簡單有效的右鍵禁用方法，適合想快速實作防止右鍵功能的前端工...", "url": "https://piglife.tw/technical-notes/javascript-disable-right-click/", "path": "/technical-notes/javascript-disable-right-click/", "datePublished": "2025-12-31", "dateModified": "2025-12-31", "section": "技術筆記", "tags": [ "JavaScript", "事件監聽", "前端防護", "右鍵禁用" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 自訂文章類型批次內容關鍵字取代工具實作", "description": "介紹如何在 WordPress 自訂文章類型 solution 的後台新增批次內容關鍵字替換工具，透過介面輸入舊字串與新字串，自動搜尋並更新文章內容與摘...", "url": "https://piglife.tw/technical-notes/wordpress-solution-content-replace-2/", "path": "/technical-notes/wordpress-solution-content-replace-2/", "datePublished": "2025-12-30", "dateModified": "2025-12-30", "section": "技術筆記", "tags": [ "PHP", "WordPress", "後台擴充", "批次替換", "自訂文章類型" ], "language": "zh-Hant" }, { "type": "article", "title": "WooCommerce 後台訂單自訂欄位資料儲存實作說明", "description": "說明如何在 WooCommerce 後台訂單編輯頁面保存自訂欄位資料，透過安全且兼容新版訂單存儲的方式更新訂單元資料，適合擴充訂單功能的工程師參考。", "url": "https://piglife.tw/technical-notes/woocommerce-order-meta-save/", "path": "/technical-notes/woocommerce-order-meta-save/", "datePublished": "2025-12-29", "dateModified": "2025-12-29", "section": "技術筆記", "tags": [ "PHP", "woocommerce", "WordPress", "後台欄位儲存", "訂單自訂欄位" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 自動將文章 slug 設為文章 ID 的實作技巧", "description": "本文介紹如何在 WordPress 中自動將文章 slug 設為文章 ID，避免重複 slug 並確保網址一致性，適合需要簡化網址管理的開發者。", "url": "https://piglife.tw/technical-notes/wordpress-post-slug-id/", "path": "/technical-notes/wordpress-post-slug-id/", "datePublished": "2025-12-28", "dateModified": "2025-12-28", "section": "技術筆記", "tags": [ "save_post", "slug", "WordPress", "排程文章", "文章 ID", "網址管理" ], "language": "zh-Hant" }, { "type": "article", "title": "修正 YouTube 影片循環播放的 iframe 參數設定技巧", "description": "本篇介紹如何透過 JavaScript 自動修正 YouTube iframe 的 URL 參數，確保影片能正確循環播放，並說明實務中常見的設定問題與解...", "url": "https://piglife.tw/technical-notes/youtube-iframe-loop-fix/", "path": "/technical-notes/youtube-iframe-loop-fix/", "datePublished": "2025-12-27", "dateModified": "2025-12-27", "section": "技術筆記", "tags": [ "iframe", "JavaScript", "YouTube", "前端優化", "影片循環" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress Polylang 多語翻譯批次複製工具實作解析", "description": "介紹一款基於 Polylang 官方 API 的 WordPress 多語翻譯批次複製工具，支援任意公開文章類型，包含 taxonomy、特色圖片及 A...", "url": "https://piglife.tw/technical-notes/wordpress-polylang-bulk-copy/", "path": "/technical-notes/wordpress-polylang-bulk-copy/", "datePublished": "2025-12-25", "dateModified": "2025-12-25", "section": "技術筆記", "tags": [ "acf", "Polylang", "taxonomy", "WordPress", "多語翻譯", "批次複製", "特色圖片" ], "language": "zh-Hant" }, { "type": "article", "title": "WooCommerce 後台商品列表新增複製購物車連結並支援優惠券輸入功能", "description": "介紹如何在 WooCommerce 後台商品列表新增一欄複製加入購物車連結的按鈕，並支援彈窗輸入優惠券代碼，將優惠券參數附加到連結後複製到剪貼簿，方便推...", "url": "https://piglife.tw/technical-notes/woocommerce-copy-cart-link-coupon/", "path": "/technical-notes/woocommerce-copy-cart-link-coupon/", "datePublished": "2025-12-24", "dateModified": "2025-12-24", "section": "技術筆記", "tags": [ "JavaScript", "woocommerce", "優惠券", "剪貼簿操作", "後台自訂欄位", "複製連結" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 後台為自訂文章類型新增內容關鍵字搜尋功能", "description": "介紹如何在 WordPress 自訂文章類型 solution 的後台新增內容關鍵字搜尋功能，透過 WP_Query 搭配字串比對實現精準搜尋，方便快速...", "url": "https://piglife.tw/technical-notes/wordpress-solution-content-search/", "path": "/technical-notes/wordpress-solution-content-search/", "datePublished": "2025-12-23", "dateModified": "2025-12-23", "section": "技術筆記", "tags": [ "WordPress", "wp_query", "內容關鍵字搜尋", "後台搜尋", "自訂文章類型" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 自訂文章類型批次內容關鍵字取代工具實作", "description": "介紹如何在 WordPress 自訂文章類型 solution 中新增後台子選單，實作批次搜尋並替換文章內容中的指定字串，提升內容維護效率與管理便利性。", "url": "https://piglife.tw/technical-notes/wordpress-solution-content-replace/", "path": "/technical-notes/wordpress-solution-content-replace/", "datePublished": "2025-12-22", "dateModified": "2025-12-22", "section": "技術筆記", "tags": [ "PHP", "WordPress", "後台功能", "批次替換", "自訂文章類型" ], "language": "zh-Hant" }, { "type": "article", "title": "使用 Polylang 官方流程批量複製 WordPress 文章翻譯", "description": "介紹如何使用 Polylang 官方 API 批量複製 WordPress 自訂文章類型的內容，建立多語系翻譯關聯，包含單筆測試與批次操作，並完整保留分...", "url": "https://piglife.tw/technical-notes/polylang-bulk-copy-translations/", "path": "/technical-notes/polylang-bulk-copy-translations/", "datePublished": "2025-12-21", "dateModified": "2025-12-21", "section": "技術筆記", "tags": [ "acf", "Polylang", "WordPress", "wp_insert_post", "多語系", "翻譯複製", "自訂文章類型" ], "language": "zh-Hant" }, { "type": "article", "title": "使用 MemberPress 交易完成鉤子自動寄送訂閱確認信", "description": "介紹如何利用 MemberPress 交易完成事件自動寄送訂閱方案付款成功的確認信，包含交易資料判斷、郵件模板選擇與防重複寄送機制，適合需要自動化會員通...", "url": "https://piglife.tw/technical-notes/memberpress-transaction-email/", "path": "/technical-notes/memberpress-transaction-email/", "datePublished": "2025-12-20", "dateModified": "2025-12-20", "section": "技術筆記", "tags": [ "MemberPress", "WordPress", "wp_mail", "交易完成", "自動寄信", "訂閱通知" ], "language": "zh-Hant" }, { "type": "article", "title": "MemberPress 會員列表新增電話、地址與即時複製功能教學", "description": "介紹如何在 MemberPress 會員列表中新增電話、地址、贈品寄送狀態欄位，並實作即時切換與一鍵複製功能，提升後台會員管理效率與操作便利性。", "url": "https://piglife.tw/technical-notes/memberpress-members-extra-columns/", "path": "/technical-notes/memberpress-members-extra-columns/", "datePublished": "2025-12-19", "dateModified": "2025-12-19", "section": "技術筆記", "tags": [ "AJAX", "MemberPress", "WordPress", "後台擴充", "會員管理", "複製功能" ], "language": "zh-Hant" }, { "type": "article", "title": "自訂 Gutenberg 編輯器中文章區塊最大寬度的實作說明", "description": "介紹如何透過 WordPress 後台掛載自訂 CSS，限制 Gutenberg 編輯器中文章區塊的最大寬度，提升編輯體驗與排版一致性。", "url": "https://piglife.tw/technical-notes/custom-gutenberg-editor-width-2/", "path": "/technical-notes/custom-gutenberg-editor-width-2/", "datePublished": "2025-12-19", "dateModified": "2025-12-19", "section": "技術筆記", "tags": [ "css", "Gutenberg", "WordPress" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 結合 MemberPress 與 ACF 自動更新文章存取權限狀態", "description": "介紹如何在 WordPress 結合 MemberPress 與 ACF，自動更新文章的存取權限狀態，包含文章儲存時同步、會員規則變更時批次更新，以及後...", "url": "https://piglife.tw/technical-notes/wordpress-memberpress-acf-access-status/", "path": "/technical-notes/wordpress-memberpress-acf-access-status/", "datePublished": "2025-12-18", "dateModified": "2025-12-18", "section": "技術筆記", "tags": [ "acf", "MemberPress", "WordPress" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 取得用戶留言過文章列表與留言數量的實作教學", "description": "介紹如何在 WordPress 中取得用戶留言過的文章列表及留言數量，並整合至會員後台，方便展示用戶互動紀錄與文章資訊。", "url": "https://piglife.tw/technical-notes/wordpress-user-commented-posts/", "path": "/technical-notes/wordpress-user-commented-posts/", "datePublished": "2025-12-17", "dateModified": "2025-12-17", "section": "技術筆記", "tags": [ "PHP", "WordPress", "留言系統" ], "language": "zh-Hant" }, { "type": "article", "title": "自訂 MemberPress 貨幣格式為無小數點整數顯示", "description": "示範如何利用 MemberPress 的 mepr_format_currency filter，自訂貨幣格式為無小數點整數顯示，並保留原本貨幣符號位置...", "url": "https://piglife.tw/technical-notes/memberpress-currency-integer-format/", "path": "/technical-notes/memberpress-currency-integer-format/", "datePublished": "2025-12-15", "dateModified": "2025-12-16", "section": "技術筆記", "tags": [ "filter", "MemberPress", "PHP", "WordPress" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 會員中心新增追蹤文章清單功能實作", "description": "介紹如何在 WordPress 會員中心新增追蹤文章分頁，並以 Flexbox 版型呈現使用者收藏的文章列表，包含縮圖、分類標籤與權限鎖頭圖示，適合會員...", "url": "https://piglife.tw/technical-notes/wordpress-user-follow-posts/", "path": "/technical-notes/wordpress-user-follow-posts/", "datePublished": "2025-12-14", "dateModified": "2025-12-16", "section": "技術筆記", "tags": [ "Flexbox", "MemberPress", "PHP", "WordPress" ], "language": "zh-Hant" }, { "type": "article", "title": "使用 PHP 與 DOMDocument 自動產生 WordPress 文章預覽內容", "description": "介紹如何使用 PHP 的 DOMDocument 在 WordPress 中自動擷取文章內容第一個區塊，並將 HTML 預覽存入 ACF 自訂欄位，適合...", "url": "https://piglife.tw/technical-notes/php-domdocument-wordpress-preview/", "path": "/technical-notes/php-domdocument-wordpress-preview/", "datePublished": "2025-12-13", "dateModified": "2025-12-13", "section": "技術筆記", "tags": [ "acf", "DOMDocument", "PHP", "WordPress" ], "language": "zh-Hant" }, { "type": "article", "title": "利用短碼控制內容顯示：結合 MemberPress 權限判斷的實作範例", "description": "介紹如何使用 WordPress 短碼結合 MemberPress 存取規則，根據會員權限動態顯示不同內容，適合需要自訂內容權限控制的開發者。", "url": "https://piglife.tw/technical-notes/mepr-access-view-shortcode/", "path": "/technical-notes/mepr-access-view-shortcode/", "datePublished": "2025-12-12", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "MemberPress", "PHP", "WordPress" ], "language": "zh-Hant" }, { "type": "tool", "title": "圖片壓縮工具｜降低檔案大小不失真 · Online Image Compressor", "description": "線上圖片壓縮工具，有效降低圖片檔案大小並維持畫質，適合網站優化與上傳前處理 · Compress images online without quality loss, fast and secure.", "url": "https://piglife.tw/tool/image-compressor/", "path": "/tool/image-compressor/", "datePublished": "2025-12-12", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "SVG 顏色修改工具｜快速替換 SVG 色碼 · SVG Color Changer", "description": "線上修改 SVG 圖檔顏色，支援即時預覽與色碼替換，設計師與前端開發者必備 · Change SVG colors online with live preview.", "url": "https://piglife.tw/tool/svg-color-changer/", "path": "/tool/svg-color-changer/", "datePublished": "2025-12-12", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "文字差異比對工具｜即時比較內容差異 · Text Diff Checker", "description": "快速比對兩段文字內容，清楚標示新增、刪除與修改差異，適合文件與程式碼比對 · Compare text differences instantly online.", "url": "https://piglife.tw/tool/diff-tool/", "path": "/tool/diff-tool/", "datePublished": "2025-12-12", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "Markdown 轉 HTML 工具｜即時轉換與預覽 · Markdown to HTML Converter", "description": "將 Markdown 內容快速轉換為標準 HTML，支援即時預覽，適合技術文件與寫作使用 · Convert Markdown to HTML instantly.", "url": "https://piglife.tw/tool/markdown-to-html/", "path": "/tool/markdown-to-html/", "datePublished": "2025-12-12", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "正則表達式測試器｜即時測試 Regex 規則 · Regex Tester", "description": "線上 Regex 測試工具，支援即時比對、錯誤提示與結果高亮，快速驗證正則規則 · Test regular expressions online in real time.", "url": "https://piglife.tw/tool/regex-tester/", "path": "/tool/regex-tester/", "datePublished": "2025-12-12", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "JSON 格式化工具｜線上美化與驗證 · JSON Formatter", "description": "一鍵整理文字格式，支援去除多餘空白、換行與格式統一，提升編輯與輸入效率 · Clean and format text instantly online.", "url": "https://piglife.tw/tool/json-formatter/", "path": "/tool/json-formatter/", "datePublished": "2025-12-12", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "文字格式化工具｜自動整理與清理文字 · Text Formatter", "description": "一鍵完成文字排版清理！支援半形全形互轉、移除多餘空白、統一格式、快速美化文字內容。適合編輯、工程師、內容創作者提升輸入效率。", "url": "https://piglife.tw/tool/text-formatter/", "path": "/tool/text-formatter/", "datePublished": "2025-12-12", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "Base64 轉換工具｜圖片與 Base64 快速互轉 · Base64 Image Converter", "description": "支援圖片與 Base64 字串雙向轉換，一鍵完成編碼與解碼，適合前端、API 與資料傳輸使用 · Convert images to Base64 and back.", "url": "https://piglife.tw/tool/base64-image-converter/", "path": "/tool/base64-image-converter/", "datePublished": "2025-12-12", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "tool", "title": "SVG 提取工具｜快速解析 SVG 程式碼 · Online SVG Extractor", "description": "線上提取 SVG 向量資料，快速解析路徑與結構，方便設計調整與前端應用 · Extract SVG paths and code online.", "url": "https://piglife.tw/tool/svg-code/", "path": "/tool/svg-code/", "datePublished": "2025-12-12", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 單篇文章瀏覽次數計數器實作", "description": "本文介紹如何在 WordPress 單篇文章頁面利用自訂欄位與 wp_head 鉤子實作瀏覽次數計數器，適合需要簡易流量統計功能的開發者。", "url": "https://piglife.tw/technical-notes/wordpress-post-view-counter/", "path": "/technical-notes/wordpress-post-view-counter/", "datePublished": "2025-12-11", "dateModified": "2025-12-11", "section": "技術筆記", "tags": [ "PHP", "post meta", "WordPress", "wp_head" ], "language": "zh-Hant" }, { "type": "tool", "title": "QR Code 產生器｜免費線上建立 QR 碼 · Online QR Code Generator", "description": "快速建立 QR Code，支援文字、網址與自訂內容，免安裝即用 · Generate QR codes online for text and URLs.", "url": "https://piglife.tw/tool/qrcodetool/", "path": "/tool/qrcodetool/", "datePublished": "2025-12-11", "dateModified": "2026-01-09", "section": "工具庫", "tags": [], "language": "zh-Hant" }, { "type": "article", "title": "使用 Python 批量修正 PDF Metadata Title 為檔名", "description": "介紹如何使用純 Python 的 pypdf 套件批量修改 PDF 檔案的 Metadata Title 為檔名，包含備份原始檔案與遞迴走訪資料夾的完整...", "url": "https://piglife.tw/technical-notes/python-pdf-metadata-title-fix/", "path": "/technical-notes/python-pdf-metadata-title-fix/", "datePublished": "2025-12-10", "dateModified": "2025-12-11", "section": "技術筆記", "tags": [ "PDF Metadata", "pypdf", "Python" ], "language": "zh-Hant" }, { "type": "article", "title": "使用純 JavaScript 實作語言切換下拉選單的開關功能", "description": "本文介紹如何使用純 JavaScript 實作語言切換下拉選單的開關與關閉功能，包含點擊按鈕切換、點擊外部關閉及按 ESC 鍵關閉的互動設計，適合前端工...", "url": "https://piglife.tw/technical-notes/javascript-language-dropdown-toggle/", "path": "/technical-notes/javascript-language-dropdown-toggle/", "datePublished": "2025-12-10", "dateModified": "2025-12-10", "section": "技術筆記", "tags": [ "JavaScript" ], "language": "zh-Hant" }, { "type": "article", "title": "自訂 WordPress 登入頁面 Logo 與連結設定教學", "description": "說明如何透過 WordPress 鉤子自訂登入頁面 Logo 圖片、連結與標題，提升品牌一致性與使用者體驗，適合有基礎 PHP 與 WordPress ...", "url": "https://piglife.tw/technical-notes/wordpress-custom-login-logo/", "path": "/technical-notes/wordpress-custom-login-logo/", "datePublished": "2025-12-10", "dateModified": "2025-12-10", "section": "技術筆記", "tags": [ "Logo自訂", "PHP", "WordPress" ], "language": "zh-Hant" }, { "type": "article", "title": "自訂 WordPress 摘要結尾文字的簡易方法", "description": "介紹如何使用 WordPress 的 excerpt_more 過濾器簡單自訂文章摘要結尾文字，提升網站內容呈現的客製化與一致性。", "url": "https://piglife.tw/technical-notes/wordpress-excerpt-more-customize/", "path": "/technical-notes/wordpress-excerpt-more-customize/", "datePublished": "2025-12-10", "dateModified": "2025-12-10", "section": "技術筆記", "tags": [ "excerpt_more", "PHP", "WordPress" ], "language": "zh-Hant" }, { "type": "article", "title": "利用 JavaScript 自動為當前頁面側邊欄連結加上 active 樣式", "description": "介紹如何用 JavaScript 取得當前頁面路徑並與側邊欄連結比對，動態為正確連結加上 active 樣式，提升多頁面網站的導覽體驗。", "url": "https://piglife.tw/technical-notes/js-active-link-current-path/", "path": "/technical-notes/js-active-link-current-path/", "datePublished": "2025-12-10", "dateModified": "2025-12-10", "section": "技術筆記", "tags": [ "active 樣式", "JavaScript" ], "language": "zh-Hant" }, { "type": "article", "title": "使用 JavaScript 實作動態切換 Tab 面板的按鈕控制", "description": "介紹如何用純 JavaScript 實作按鈕控制的 Tab 面板切換功能，包含狀態管理與事件綁定，適合想了解基本 DOM 操作與 UI 狀態控制的前端工...", "url": "https://piglife.tw/technical-notes/javascript-tab-panel-switch/", "path": "/technical-notes/javascript-tab-panel-switch/", "datePublished": "2025-12-10", "dateModified": "2025-12-10", "section": "技術筆記", "tags": [ "DOM操作", "JavaScript", "Tab切換" ], "language": "zh-Hant" }, { "type": "article", "title": "使用 JavaScript 控制表格列依年份篩選顯示", "description": "這篇文章說明如何使用純 JavaScript 根據下拉選單選擇，動態篩選並顯示表格中帶有年份標記的列，適合需要簡單前端資料篩選功能的工程師。", "url": "https://piglife.tw/technical-notes/javascript-table-row-filter/", "path": "/technical-notes/javascript-table-row-filter/", "datePublished": "2025-12-10", "dateModified": "2025-12-10", "section": "技術筆記", "tags": [ "DOM操作", "JavaScript" ], "language": "zh-Hant" }, { "type": "article", "title": "使用 JavaScript 自動隱藏無目錄的 toc-block 區塊", "description": "本文介紹如何使用 JavaScript 在頁面載入後自動隱藏沒有目錄內容的 toc-block，提升頁面整潔度與使用者體驗，適合前端工程師優化動態目錄顯...", "url": "https://piglife.tw/technical-notes/javascript-hide-empty-toc-block/", "path": "/technical-notes/javascript-hide-empty-toc-block/", "datePublished": "2025-12-10", "dateModified": "2025-12-10", "section": "技術筆記", "tags": [ "DOMContentLoaded", "DOM操作", "JavaScript" ], "language": "zh-Hant" }, { "type": "article", "title": "為 WordPress 分類清單實作手風琴展開收合功能", "description": "這篇文章解析如何為 WordPress 分類清單加入手風琴展開收合功能，包含無障礙 ARIA 屬性設計與一次只開一個的嚴格模式，提升分類導覽的使用體驗與...", "url": "https://piglife.tw/technical-notes/wordpress-category-accordion/", "path": "/technical-notes/wordpress-category-accordion/", "datePublished": "2025-12-10", "dateModified": "2025-12-10", "section": "技術筆記", "tags": [ "DOM操作", "JavaScript", "WordPress" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 自訂文章上下篇導覽短碼實作解析", "description": "介紹如何使用 WordPress 短碼實作文章上下篇導覽功能，包含標題多字元截斷與內嵌 SVG 箭頭，提升使用者閱讀體驗與網站導覽便利性。", "url": "https://piglife.tw/technical-notes/wordpress-post-prev-next-shortcode/", "path": "/technical-notes/wordpress-post-prev-next-shortcode/", "datePublished": "2025-12-10", "dateModified": "2025-12-10", "section": "技術筆記", "tags": [ "PHP", "SVG", "WordPress" ], "language": "zh-Hant" }, { "type": "article", "title": "用 JavaScript 實作圖片縮圖點擊切換與自動輪播功能", "description": "本文介紹如何用純 JavaScript 實作圖片縮圖點擊切換與自動輪播功能，詳解程式設計邏輯與實務應用，適合想打造自訂圖片瀏覽效果的前端工程師。", "url": "https://piglife.tw/technical-notes/javascript-thumbnail-autoplay-switch/", "path": "/technical-notes/javascript-thumbnail-autoplay-switch/", "datePublished": "2025-12-10", "dateModified": "2025-12-10", "section": "技術筆記", "tags": [ "JavaScript" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 單篇文章中為程式碼區塊加入右上角複製按鈕", "description": "本文介紹如何在 WordPress 單篇文章頁面，為所有程式碼區塊動態加入右上角複製按鈕，提升讀者複製程式碼的便利性，並解析關鍵設計與實作細節。", "url": "https://piglife.tw/technical-notes/wordpress-code-copy-button/", "path": "/technical-notes/wordpress-code-copy-button/", "datePublished": "2025-12-10", "dateModified": "2025-12-10", "section": "技術筆記", "tags": [ "Clipboard API", "Gutenberg", "JavaScript", "WordPress" ], "language": "zh-Hant" }, { "type": "article", "title": "在 WordPress 頁面列表加入自訂分類篩選下拉選單", "description": "在 WordPress 後台的頁面列表中，預設並沒有提供依自訂分類法（taxonomy）篩選頁面的功能。這對於管理大量頁面且需要依分類快速查找的情境來說...", "url": "https://piglife.tw/technical-notes/wordpress-page-taxonomy-filter/", "path": "/technical-notes/wordpress-page-taxonomy-filter/", "datePublished": "2025-12-10", "dateModified": "2025-12-10", "section": "技術筆記", "tags": [ "taxonomy", "WordPress" ], "language": "zh-Hant" }, { "type": "article", "title": "使用 IntersectionObserver 實作數字滾動動畫效果", "description": "在網頁中，常見的數字滾動動畫能有效提升視覺吸引力，尤其用於統計數據或關鍵指標的呈現。這段程式碼示範如何結合 IntersectionObserver 與...", "url": "https://piglife.tw/technical-notes/%e4%bd%bf%e7%94%a8-intersectionobserver-%e5%af%a6%e4%bd%9c%e6%95%b8%e5%ad%97%e6%bb%be%e5%8b%95%e5%8b%95%e7%95%ab%e6%95%88%e6%9e%9c/", "path": "/technical-notes/%e4%bd%bf%e7%94%a8-intersectionobserver-%e5%af%a6%e4%bd%9c%e6%95%b8%e5%ad%97%e6%bb%be%e5%8b%95%e5%8b%95%e7%95%ab%e6%95%88%e6%9e%9c/", "datePublished": "2025-12-10", "dateModified": "2025-12-10", "section": "技術筆記", "tags": [ "IntersectionObserver", "JavaScript" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 自定義文章類型相關文章顯示實作筆記", "description": "介紹如何在 WordPress 自定義文章類型頁面中，利用 WP_Query 依據當前文章標題搜尋並顯示相關的一般文章，適合想動態呈現相關內容的開發者。", "url": "https://piglife.tw/technical-notes/wordpress-related-posts-cpt/", "path": "/technical-notes/wordpress-related-posts-cpt/", "datePublished": "2025-02-20", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "custom-post-type", "PHP", "WordPress", "wp_query", "相關文章", "自定義文章類型" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 會員註冊時自動建立自訂文章類型實作筆記", "description": "說明如何在 WordPress 會員註冊時，自動建立自訂文章類型 member_info，並設定預設內容與 ACF 欄位，提升網站自動化與會員專屬頁面管...", "url": "https://piglife.tw/technical-notes/wordpress-auto-create-cpt/", "path": "/technical-notes/wordpress-auto-create-cpt/", "datePublished": "2025-02-20", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "acf", "user_register", "WordPress", "wp_insert_post", "會員註冊", "自訂文章類型" ], "language": "zh-Hant" }, { "type": "article", "title": "Blocksy 主題 WooCommerce 產品頁新增下載與預覽彈窗實作筆記", "description": "說明如何利用 Blocksy 主題的 WooCommerce Hook，在產品頁購物車按鈕下方新增彈窗，顯示檔案預覽與下載連結，並透過 CSS 與 Ja...", "url": "https://piglife.tw/technical-notes/blocksy-woocommerce-download-preview-modal/", "path": "/technical-notes/blocksy-woocommerce-download-preview-modal/", "datePublished": "2025-02-14", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "blocksy", "download", "hook", "modal", "preview", "woocommerce", "WordPress" ], "language": "zh-Hant" }, { "type": "article", "title": "WooCommerce 會員後台嵌入 Amelia 預約日曆與隱藏管理員選單實作筆記", "description": "介紹如何在 WooCommerce 會員後台新增 Amelia 預約日曆選單，並利用 admin_head 鉤子隱藏 WordPress 管理員介面元素...", "url": "https://piglife.tw/technical-notes/woocommerce-amelia-calendar-iframe/", "path": "/technical-notes/woocommerce-amelia-calendar-iframe/", "datePublished": "2025-02-06", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "admin_head", "amelia", "iframe", "woocommerce", "WordPress", "會員後台", "選單擴充" ], "language": "zh-Hant" }, { "type": "article", "title": "使用 MutationObserver 監聽 DOM 變化並更新 Cookie 的實作筆記", "description": "介紹如何使用 MutationObserver 監聽特定 DOM 元素變化，並將變更內容同步更新到 Cookie，確保資料跨頁面持久化與後端可讀取。", "url": "https://piglife.tw/technical-notes/mutationobserver-dom-cookie/", "path": "/technical-notes/mutationobserver-dom-cookie/", "datePublished": "2025-02-04", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "cookie更新", "dom監聽", "JavaScript", "mutationobserver", "前端技術", "動態內容", "資料持久化" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress Amelia 預約系統取得使用者 ID 實作筆記", "description": "介紹如何透過 PHP 與 WordPress $wpdb 物件，安全查詢 Amelia 預約系統中對應的使用者 ID，適合需要整合兩者使用者資料的開發者...", "url": "https://piglife.tw/technical-notes/wordpress-amelia-user-id/", "path": "/technical-notes/wordpress-amelia-user-id/", "datePublished": "2025-01-24", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "amelia", "PHP", "WordPress", "wpdb", "使用者id", "資料庫查詢", "預約系統" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 自訂使用者搜尋功能實作筆記", "description": "介紹如何利用 WordPress 的 pre_user_query 鉤子，擴充後台使用者搜尋功能，支援搜尋自定義欄位如 reg_phone，提升管理靈活...", "url": "https://piglife.tw/technical-notes/wordpress-custom-user-search/", "path": "/technical-notes/wordpress-custom-user-search/", "datePublished": "2025-01-20", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "custom-fields", "PHP", "pre_user_query", "user-search", "usermeta", "WordPress" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 使用者頁面新增老師欄位與篩選功能實作筆記", "description": "介紹如何在 WordPress 使用者編輯頁面新增「是否是老師」勾選欄位，並在使用者列表中顯示及篩選該欄位，方便管理老師帳號。", "url": "https://piglife.tw/technical-notes/wordpress-user-teacher-field/", "path": "/technical-notes/wordpress-user-teacher-field/", "datePublished": "2025-01-14", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "admin-filter", "custom-field", "PHP", "user-list", "user-meta", "user-profile", "WordPress" ], "language": "zh-Hant" }, { "type": "article", "title": "使用 PHP 記錄 WooCommerce 訂單更新資料結構技術筆記", "description": "說明如何使用 PHP 透過 WooCommerce 的訂單狀態變更鉤子，將訂單詳細資料以 JSON 格式記錄到檔案，方便除錯與數據分析。", "url": "https://piglife.tw/technical-notes/php-log-woocommerce-order-data/", "path": "/technical-notes/php-log-woocommerce-order-data/", "datePublished": "2025-01-09", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "hook", "json", "PHP", "woocommerce", "WordPress", "訂單資料", "除錯" ], "language": "zh-Hant" }, { "type": "article", "title": "使用 Ragic API 自動生成庫存扣減子表單實作筆記", "description": "介紹如何利用 Ragic API 自動清空子表單、遍歷需求商品並依 FIFO 原則扣減庫存，最後將扣減結果寫入子表單，提升庫存管理效率與準確性。", "url": "https://piglife.tw/technical-notes/ragic-api-inventory-subtable/", "path": "/technical-notes/ragic-api-inventory-subtable/", "datePublished": "2025-01-07", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "FIFO", "JavaScript", "Ragic API", "子表單操作", "庫存管理", "自動化扣減" ], "language": "zh-Hant" }, { "type": "article", "title": "利用 WordPress 實現 WooCommerce 與 Ragic 訂單資料自動同步技術筆記", "description": "說明如何利用 WordPress 與 WooCommerce 將訂單資料自動同步至 Ragic 雲端資料庫，提升訂單管理效率並降低人為錯誤。", "url": "https://piglife.tw/technical-notes/woocommerce-ragic-data-sync/", "path": "/technical-notes/woocommerce-ragic-data-sync/", "datePublished": "2024-12-31", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "api同步", "PHP", "Ragic", "woocommerce", "WordPress", "訂單管理", "資料整合" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 實作瀏覽器語言自動轉址功能筆記", "description": "介紹如何在 WordPress 網站中利用 JavaScript 根據瀏覽器語言自動轉址至指定語言頁面，並透過 Cookie 避免重複轉址，提升多國語系...", "url": "https://piglife.tw/technical-notes/wordpress-browser-language-redirect/", "path": "/technical-notes/wordpress-browser-language-redirect/", "datePublished": "2024-12-31", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "cookie", "JavaScript", "WordPress", "前端", "多國語系", "瀏覽器語言", "自動轉址" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 實作 UTM 參數自動追蹤功能筆記", "description": "介紹如何在 WordPress 中利用 PHP 與 JavaScript 自動儲存並補充 UTM 參數，確保訪客瀏覽過程中參數不遺失，方便行銷流量分析。", "url": "https://piglife.tw/technical-notes/wordpress-utm-parameter-tracking/", "path": "/technical-notes/wordpress-utm-parameter-tracking/", "datePublished": "2024-12-27", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "cookie", "JavaScript", "PHP", "utm參數", "WordPress", "流量追蹤", "網址參數" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 自定義 CSS 與 JS 檔案載入實作筆記", "description": "說明如何在 WordPress 主題的 functions.php 中載入自定義 CSS 和 JS 檔案，方便樣式與互動效果的客製化與維護。", "url": "https://piglife.tw/technical-notes/wordpress-custom-css-js/", "path": "/technical-notes/wordpress-custom-css-js/", "datePublished": "2022-12-18", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "css", "functions.php", "JavaScript", "WordPress", "wp_enqueue_script", "wp_enqueue_style" ], "language": "zh-Hant" }, { "type": "article", "title": "利用 Google 自定義搜尋引擎取代 WordPress 站內搜尋功能實作筆記", "description": "介紹如何使用 Google 自定義搜尋引擎取代 WordPress 站內搜尋，減輕伺服器負擔並提升搜尋效率，包含設定流程與搜尋表單實作說明。", "url": "https://piglife.tw/technical-notes/google-cse-replace-wordpress-search/", "path": "/technical-notes/google-cse-replace-wordpress-search/", "datePublished": "2018-04-12", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "google cse", "WordPress", "前端整合", "搜尋優化", "站內搜尋", "網站效能" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 兩種客製化頁面繼承實作筆記", "description": "介紹兩種在 WordPress 中建立客製化頁面繼承的方法，包含自訂模板與依 URL 指定模板，讓工程師能靈活調整頁面結構與內容。", "url": "https://piglife.tw/technical-notes/wordpress-custom-page-inheritance/", "path": "/technical-notes/wordpress-custom-page-inheritance/", "datePublished": "2018-04-11", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "PHP", "WordPress", "主題開發", "客製化頁面", "模板", "頁面繼承" ], "language": "zh-Hant" }, { "type": "article", "title": "蝦皮折扣券功能設定與應用實作筆記", "description": "介紹蝦皮優選賣家專屬的折扣券功能設定流程與管理技巧，幫助提升賣場購物體驗與促銷效果，適合有蝦皮賣家帳號的工程師與自學者。", "url": "https://piglife.tw/technical-notes/shopee-discount-coupon-setup/", "path": "/technical-notes/shopee-discount-coupon-setup/", "datePublished": "2018-02-06", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "促銷活動", "折扣券", "折扣碼設定", "蝦皮", "賣家中心", "購物體驗", "電商行銷" ], "language": "zh-Hant" }, { "type": "article", "title": "去除 HTML img 標籤多餘空格白線的技術筆記", "description": "說明如何解決 HTML img 標籤在並排時產生的多餘空白白線問題，透過設定 display:block 來消除圖片間的空隙，適用於網頁與 EDM 設計...", "url": "https://piglife.tw/technical-notes/remove-html-img-white-space/", "path": "/technical-notes/remove-html-img-white-space/", "datePublished": "2017-11-21", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "css", "display-block", "html", "img標籤", "圖片拼接", "空白白線" ], "language": "zh-Hant" }, { "type": "article", "title": "原生 JavaScript 實作 Tab 功能選單筆記", "description": "介紹如何使用原生 JavaScript 實作 Tab 功能選單，說明 HTML 結構與 JavaScript 控制顯示與樣式切換的細節，幫助讀者理解底層...", "url": "https://piglife.tw/technical-notes/native-javascript-tab-menu/", "path": "/technical-notes/native-javascript-tab-menu/", "datePublished": "2017-11-03", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "DOM操作", "JavaScript", "tab功能", "事件處理", "前端設計", "原生js" ], "language": "zh-Hant" }, { "type": "article", "title": "利用 Shortcode 在 WordPress 頁面顯示指定 Post Type 文章教學", "description": "介紹如何在 WordPress 中利用 shortcode 包裝 WP_Query 查詢指定文章類型，並在頁面中靈活顯示文章列表，適合需要自訂內容呈現的...", "url": "https://piglife.tw/technical-notes/wordpress-shortcode-post-type/", "path": "/technical-notes/wordpress-shortcode-post-type/", "datePublished": "2017-11-02", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "functions.php", "PHP", "post type", "shortcode", "WordPress", "wp_query", "自訂文章類型" ], "language": "zh-Hant" }, { "type": "article", "title": "AddToAny 外掛快速建立 WordPress 社群分享按鈕教學", "description": "介紹如何透過 AddToAny 外掛快速在 WordPress 網站建立社群分享按鈕，包含安裝、設定標準與浮動按鈕，以及前端顯示檢查，適合想提升網站導流...", "url": "https://piglife.tw/technical-notes/addtoany-wordpress-share-buttons/", "path": "/technical-notes/addtoany-wordpress-share-buttons/", "datePublished": "2017-11-01", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "AddToAny", "WordPress", "外掛設定", "浮動按鈕", "社群分享按鈕", "網站導流" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 使用 Duplicate Post 外掛快速複製文章與頁面內容教學", "description": "介紹如何使用 WordPress Duplicate Post 外掛快速複製文章與頁面內容，包含安裝、設定與實際操作步驟，提升內容管理效率。", "url": "https://piglife.tw/technical-notes/wordpress-duplicate-post-copy/", "path": "/technical-notes/wordpress-duplicate-post-copy/", "datePublished": "2017-10-31", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "Duplicate Post", "WordPress", "內容管理", "外掛教學", "效率提升", "文章複製" ], "language": "zh-Hant" }, { "type": "article", "title": "TablePress外掛多功能表格製作實作筆記", "description": "介紹如何使用 WordPress TablePress 外掛快速建立具排序、搜尋、分頁功能的多功能表格，包含安裝、設定、短碼嵌入及匯入匯出操作，適合需要...", "url": "https://piglife.tw/technical-notes/tablepress-multifunction-tables/", "path": "/technical-notes/tablepress-multifunction-tables/", "datePublished": "2017-10-30", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "TablePress", "WordPress", "匯入匯出", "多功能表格", "排序搜尋分頁", "短碼", "表格外掛" ], "language": "zh-Hant" }, { "type": "article", "title": "WordPress 安裝與設定 Facebook Live Chat 外掛教學", "description": "介紹如何在 WordPress 網站中安裝並設定 Facebook Live Chat 外掛，快速加入 Messenger 按鈕，讓訪客能直接私訊粉絲團...", "url": "https://piglife.tw/technical-notes/wordpress-facebook-live-chat-setup/", "path": "/technical-notes/wordpress-facebook-live-chat-setup/", "datePublished": "2017-10-29", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "facebook live chat", "messenger 按鈕", "WordPress", "外掛安裝", "粉絲團整合", "網站即時通訊" ], "language": "zh-Hant" }, { "type": "article", "title": "利用 Google Search Console 提交網站 Sitemap 加速索引流程", "description": "介紹如何透過 Google Search Console 提交網站 Sitemap，加速 Google 爬蟲索引網站內容，並提升 SEO 排名，適合有基...", "url": "https://piglife.tw/technical-notes/google-search-console-submit-sitemap/", "path": "/technical-notes/google-search-console-submit-sitemap/", "datePublished": "2017-10-27", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "google search console", "seo", "sitemap", "wordpress seo", "網站優化", "網站索引", "網站驗證" ], "language": "zh-Hant" }, { "type": "article", "title": "使用 JSON.stringify 將表單資料轉存為 JSON 格式的技術筆記", "description": "說明如何利用 JSON.stringify 將多個前端表單欄位資料轉存成 JSON 格式，並存入隱藏欄位以便後端資料庫存取，適合有程式基礎的工程師與自學...", "url": "https://piglife.tw/technical-notes/json-stringify-form-data/", "path": "/technical-notes/json-stringify-form-data/", "datePublished": "2017-10-24", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "JavaScript", "jQuery", "json", "json.stringify", "前端開發", "表單資料", "資料序列化" ], "language": "zh-Hant" }, { "type": "article", "title": "利用 PixelYourSite 外掛安裝 Facebook Pixel 基本設定教學", "description": "介紹如何使用 PixelYourSite 外掛在 WordPress 網站安裝並設定 Facebook Pixel，包含安裝流程、基本設定與事件追蹤，幫...", "url": "https://piglife.tw/technical-notes/install-facebook-pixel-pixelyoursite/", "path": "/technical-notes/install-facebook-pixel-pixelyoursite/", "datePublished": "2017-10-23", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "facebook pixel", "pixelyoursite", "WordPress", "外掛設定", "廣告追蹤", "網站行銷" ], "language": "zh-Hant" }, { "type": "article", "title": "利用 Contact Form 7 外掛打造客製化表單功能技術筆記", "description": "介紹如何使用 WordPress Contact Form 7 外掛，透過三個步驟快速建立並客製化聯絡表單，包含欄位類型說明與短碼嵌入技巧，適合有程式基...", "url": "https://piglife.tw/technical-notes/contact-form-7-custom-form/", "path": "/technical-notes/contact-form-7-custom-form/", "datePublished": "2017-10-23", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "contact-form-7", "WordPress", "前端呈現", "外掛教學", "客製化", "短碼", "表單設計" ], "language": "zh-Hant" }, { "type": "article", "title": "利用Akeeba Backup備份與還原WordPress網站實作筆記", "description": "說明如何使用Akeeba Backup外掛備份與還原WordPress網站，包含外掛安裝、備份流程、Kickstart還原工具使用及相關設定，適合具備基...", "url": "https://piglife.tw/technical-notes/akeeba-backup-wordpress/", "path": "/technical-notes/akeeba-backup-wordpress/", "datePublished": "2017-10-22", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "akeeba backup", "kickstart", "WordPress", "網站備份", "網站還原", "資料庫備份" ], "language": "zh-Hant" }, { "type": "article", "title": "利用SalesHandy在Gmail發送HTML格式電子報教學", "description": "介紹如何利用SalesHandy工具在Gmail中發送HTML格式電子報，包含註冊、安裝外掛、建立模板及插入信件的完整流程，適合需要自訂排版的工程師與自...", "url": "https://piglife.tw/technical-notes/saleshandy-gmail-html-edm/", "path": "/technical-notes/saleshandy-gmail-html-edm/", "datePublished": "2017-10-20", "dateModified": "2025-12-12", "section": "技術筆記", "tags": [ "chrome extension", "edm", "email template", "gmail", "html email", "saleshandy", "電子報" ], "language": "zh-Hant" } ] }