首頁 / 案例展示 / 閃電博
資訊技術

自己的產品和官網,一起服務超過5萬站點

閃電博賣主題和插件,也用同一套主題跑自己的官網。簡體和繁體是兩套主題,不是一個開關切詞。

商店、服務、套餐、學院、工具、登錄和案例,都在這套站點上。支付回調在授權被清掉時仍改訂單。賬號密碼登錄必須綁定驗證器。

對外能報的數,和關於我們、聯繫我們是同一份:服務站點超過 5 萬,產品下載超過 54 萬,在售產品 32。

運行時對齊 PHP 8.3、WordPress 7.1、MariaDB 10.11。賣 WP 的人自己先踩坑。
SEO 主題、插件、工具、學院、案例各有頻道頁。簡繁兩套地址。
特色模塊 套餐、工單、開發寶典、案例管理和驗證器登錄是主題能力。
語言 簡體站和繁體站分開維護。價格按匯率換算,不只換符號。
響應速度 正式首頁雙端實驗室結果見下方Speed,不以單頁分數代替全站體驗。
履約不綁授權 授權被清掉時,回調仍改訂單、走優惠券和分銷。
自己的產品和官網,一起服務超過5萬站點

案例概述

官網要同時賣產品、講服務、讓站長能學。簡繁兩套主題,履約不能綁在授權開關上。

客戶是我們自己。閃電博從 2016 年起做主題和插件。官網要同時完成商店、服務、套餐、學院、工具和登錄,還要讓簡體和繁體各自成立。

如果履約看授權、登錄只靠密碼、繁體只換貨幣符號,站點會在自己最熟的鏈路上先斷。賣給客戶的運行時,自己不用,也講不圓。

我們把自己的商店、套餐、學院、工具、登錄和案例做成同一套 wbolt / wbolt-tc。支付回調在授權被清掉時仍改訂單。密碼登錄必須綁定驗證器。繁體價格按商品匯率換算。

做成之後:站長能買、能學、能提單、能看案例。關於我們和聯繫我們報的數,案例頁也用同一份,不另造。

方案與功能

每一條都對應官網現成的頻道,不寫實驗室功能名。

  • 產品貨架和詳情主題按資源、博客、企業篩選。插件詳情分概述、授權、問答、更新日誌和評論。截圖條和購買、試用寫在同一頁。
  • 服務和套餐四條定製線各有價格表。共同成長計劃在繁體站按匯率換算,不是把人民幣改成新臺幣符號。
  • 賬號密碼必須二步登錄是主題裏的驗證器流程,不接短信。開通窗口用本機二維碼,不求外網畫碼。
  • 開發寶典和案例寶典按分類和字母篩。案例有自己的管理模塊,封面、行業和亮點在發布前要過門禁。
  • 簡繁兩套主題文案、價格和資源號隔離。生產樣式緩存七天,改完必須升號。

技術棧

軸心是自營產品站:前後端、庫和兩套主題圍着履約轉。

選擇 理由 代價
PHP 8.3.33 和在售主題同一運行時 動態頁,要靠邊緣緩存
WordPress 7.1 商店、學院、案例都是內容類型 主題自己喫自己
MariaDB 10.11 從 MySQL 5.5 遷來,空模式保兼容 舊庫仍留回滾
簡繁兩套主題 價格、文案、資源號不能混 改一處要改兩套、升兩個號
主題內驗證器登錄 賬號密碼必須二步,不接短信 會員頁是單頁應用,冒煙不能死填表單
邊緣緩存 頻道頁命中後不再回源渲染 資源號必須跟着改

Speed

公開頻道頁與靜態資源可使用快取,會員和交易請求則保留動態處理邊界。下方首頁結果來自正式網域的桌面與行動裝置各三次Lighthouse測量。首頁分數也不代表登入、購買或所有工具的完整效能。

首頁

桌面
99 性能
100 無障礙
100 最佳實踐
100 SEO

LCP 361 ms · TBT 0 ms · CLS 0.009

移動
97 性能
100 無障礙
100 最佳實踐
100 SEO

LCP 1.35 s · TBT 191 ms

更新時間:26-10-29。數據源自閃電博實驗室,基於 Lighthouse 實驗室分、axe 無障礙,以及可選的 Chrome UX Report 真實用戶數據。數據可能因不同的網路環境及設備,會有差異。參考《如何做到Google PageSpeed Insights測試滿分》。

最終結果

自己的產品和官網,一起服務超過 5 萬站點。履約、登錄和簡繁價格都落在主題裏。

運行時和客戶對齊

PHP 8.3、WordPress 7.1、MariaDB 10.11 已切。主題自己喫自己。授權被清掉時,訂單仍能改。

功能上,商店和服務在同一套導航

主題、插件、服務、套餐、學院、工具、登錄和案例在同一套頁頭頁腳。用戶中心在首頁也能打開。

業務上,用同一份對外數字

服務站點、下載和在售產品跟關於我們、聯繫我們一致。不另造案例 KPI。

還沒做的

國內 PageSpeed 另測,實驗室指標按上方各裝置紀錄展示,不等同全部使用者體驗。

圖庫

相關案例

有格調的設計素材資源站
設計與數字藝術

有格調的設計素材資源站

設計師圈子資源站:UI、Mockups、字體、教程和欣賞。有格調的資源,值得一次完整的遇見。