最近 Y Cheung 在 WordPress 後臺的發現有一個無法載入 kirki js 文件導致的錯誤,發生頻率很高,每個後臺管理頁面都會加載這個 js 文件但每次都找不到這個文件。
錯誤訊息 # You can see 404 error clearly. 1Refused to execute script from 'webfontloader.js' because its MIME type 2('text/html') is not executable, and strict MIME type checking is enabled. 初步調查 # 乍看之下,這像是伺服器 MIME 類型設定錯誤,但真正的原因更簡單 — webfontloader.js 這個檔案根本不存在於伺服器上,所以伺服器回傳了一個 HTML 404 頁面,瀏覽器拒絕將其作為 JavaScript 執行。
啓用 Cloudflare 的 Google Tag Gateway 之後,Y Cheung 發現連 WordPress 後臺的操作也被 GA4 收集了。以下是 Y Cheung 嘗試修復這個問題的完整過程——包括所有走過的彎路,以及最終得出的結論。
使用 Cloudflare 的整頁快取可以顯著減少資源使用量,並提供擴展和性能優勢。本指南介紹了如何使用 Cloudflare 快取規則來提升 WordPress 站點效能。
WordPress作為一個老牌的CMS系統,有著龐大插件與豐富的社群資源。然而,它自身也是變得相當臃腫。優化WordPress網站的速度已經成為一個老生常談的話題,其解決方法無非就是以下幾種:
Wordpress中某個下載頁面匿名用戶只能在提交表單後訪問,方法是在頁面加載的時候檢查表單提交成功的標記是否存在,不存在就跳轉去表單頁面,這裡使用了 wp_redirect() 方法。
Cloudflare 是提供基於反向代理的內容傳遞網路及分布式域名解析的服務,也就是我們俗稱的CDN加速。它不僅可以緩存網站內容,加速網站提升用戶體驗,還能進行簡單的防火牆設置,讓你的網站和服務器更安全。
突然發現Y CHUENG寫的遊記太長了,有的遊記居然有好些人看了15分鐘,於是想在頁面靠前的地方顯示預估閱讀時間,讓讀者有個文太長的心理準備😂
如何計算文章閱讀時長 # 這個預估閱讀時間的計算很粗暴,就是文章字數/平均閱讀速度。Y CHEUNG 抓的平均閱讀速度是500。一般人大約是200~500左右,隨意哈。雖然 PHP 內建有計算字數的函數 str_word_count ,但是中文用這個不好使,得出的數字不對,還是用正則匹配後計算啦。
krpano 做 Panoramic Video 的時候很麻煩(官網說明太簡單),要自己改一堆東西然後上傳,然後再用iframe的方式在wordpress 文章或者頁面中加載,一整個就煩透了。於是用空閒時間順手做了這個插件,稍微簡化了一下流程。
軟體版本: # Wordpress 版本 4.3.1 Krpano 版本 1.18 插件下載: # Github BOX 安裝插件: # 文件解壓縮至 /wp-content/plugins/ 將你購買的krpano程序中相應的文件替換掉本插件中的文件,包括 /krpano/krpano.js 和 /krpano/krpano.swf ,(本插件中的文件源自未授權demo版,請自行購買授權)。 登錄wordpress後台,並激活插件 使用插件: # 將 Panoramic Video 壓制成 1920x960 和 1024x512 尺寸,推薦WEBM格式或MP4格式 製作 Panoramic Video 封面縮略圖兩張,尺寸分別為1920x960 像素 和 1024x512 像素 將視頻和圖片通過FTP上傳至 /krpano/video 文件夾中 點擊編輯器上的按鈕(如下圖所示)在需要嵌入Panoramic Video的地方插入代碼 務必完整填寫完所有表單(如下圖示) 5. 如需自定義XML,文件放在 /krpano/xml 中
OGP(The Open Graph protocol)协议是一种新的HTTP头部标记,即Open Graph Protocol,即这种协议可以让网页成为一个“富媒体对象”。由于现在社交类网站大行其道,在HTML头部添加引用此类协议标注有助于被社交网站识别。