Wordpress on 瓶子裡的小狐狸

修復 WordPress 中 Kirki Webfontloader MIME 類型錯誤

Sat, 25 Apr 2026 13:17:04 +0200

最近 Y Cheung 在 WordPress 後臺的發現有一個無法載入 kirki js 文件導致的錯誤，發生頻率很高，每個後臺管理頁面都會加載這個 js 文件但每次都找不到這個文件。

錯誤訊息

You can see 404 error clearly.

Google Tag Gateway 導致 WordPress 後臺瀏覽被追蹤問題

Mon, 20 Apr 2026 16:17:22 +0200

1. 問題背景

Google Tag Gateway（又稱「Google 代碼閘道」）是 Google 與 Cloudflare 聯合推出的功能，讓網站可以透過自己的域名作為第一方代理，轉發 GTM 和 GA4 的追蹤請求，繞過瀏覽器的廣告攔截器，提升數據準確性。

提升WordPress網站效能！設置免費CloudFlare快取規則指南2024

Wed, 03 Jul 2024 13:16:55 +0800

本指南介紹了如何使用 Cloudflare 快取規則來提升 WordPress 站點效能，你需要有一個 Cloudflare 賬號才能跟隨本指南進行操作。如果你還沒有帳號，可以根據這篇文章註冊一個 Cloudflare 免費賬號，也可以聯繫Y Cheung，我可以幫你創建一個。

加載速度慢如牛？揭秘如何找出Wordpress網站加載緩慢的原因！

Fri, 24 May 2024 22:45:06 +0800

WordPress作為一個老牌的CMS系統，有著龐大插件與豐富的社群資源。然而，它自身也是變得相當臃腫。優化WordPress網站的速度已經成為一個老生常談的話題，其解決方法無非就是以下幾種：

修復wp_redirect跳轉被瀏覽器緩存

Thu, 21 Sep 2023 10:58:05 +0000

Wordpress中某個下載頁面匿名用戶只能在提交表單後訪問，方法是在頁面加載的時候檢查表單提交成功的標記是否存在，不存在就跳轉去表單頁面，這裡使用了 wp_redirect() 方法。

使用Cloudflare加速和保護你的Wordpress網站

Fri, 13 Aug 2021 11:05:00 +0000

Cloudflare 是提供基於反向代理的內容傳遞網路及分布式域名解析的服務，也就是我們俗稱的CDN加速。它不僅可以緩存網站內容，加速網站提升用戶體驗，還能進行簡單的防火牆設置，讓你的網站和服務器更安全。

Wordpress 主題顯示預估閱讀時間

Tue, 16 Jun 2020 12:02:00 +0000

突然發現Y CHUENG寫的遊記太長了，有的遊記居然有好些人看了15分鐘，於是想在頁面靠前的地方顯示預估閱讀時間，讓讀者有個文太長的心理準備😂

如何計算文章閱讀時長

這個預估閱讀時間的計算很粗暴，就是文章字數/平均閱讀速度。Y CHEUNG 抓的平均閱讀速度是500。一般人大約是200～500左右，隨意哈。雖然 PHP 內建有計算字數的函數 str_word_count ，但是中文用這個不好使，得出的數字不對，還是用正則匹配後計算啦。

Krpano Panoramic Video Embed Wordpress plugin

Sun, 08 Nov 2015 11:47:15 +0000

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的地方插入代碼

Wordpress主题添加ogp协议meta标签

Fri, 30 Oct 2015 06:40:31 +0000

OGP（The Open Graph protocol）协议是一种新的HTTP头部标记，即Open Graph Protocol，即这种协议可以让网页成为一个“富媒体对象”。由于现在社交类网站大行其道，在HTML头部添加引用此类协议标注有助于被社交网站识别。

Highslide Image WP插件完成

Tue, 16 Jun 2015 14:04:32 +0000

Y Cheung的玩樂博客要搬家啦，用了N多年的插件原作者一直不更新，嗚嗚嗚，只好自己重新寫一個喇！

Highslide Image - Wordpress插件

我的思路是：編輯器上添加一個按鈕——彈出窗口——供填寫圖片URL及描述的表單——插入代碼至編輯器中——前台樣式化效果顯示。

指定分類目錄下的最新文章列表小工具widget

Wed, 03 Dec 2014 07:07:00 +0000

根據需求模仿著wordpress官方原生小工具（widget）寫了一個能夠列出指定分類目錄下最新文章列表的小工具。代碼如下（先貼出來，以後有空再做解釋說明）：

Wordpress默认相册与文字内容分开显示及定制显示格式

Mon, 17 Nov 2014 22:28:14 +0000

最近工作上要重新建站，公司有些站点是ASP的，程序老旧经常被黑。因为就是一般的企业展示类站点，就直接用wordpress重建了，页面样式还是用原来的，工作重点就是如何output出跟旧站一样的html结构。得益于这大半年的几个drupal项目，在做的时候思路跟以前不同了，不得不说drupal的核心思维还是很赞很科学的。

Wordpress中修改自定义导航菜单标签输出格式

Thu, 13 Nov 2014 23:25:02 +0000

wordpress自3.0版本后增加了一个自定义导航菜单的功能，但是默认生成的菜单会被包含在<li></li>列表标签中，对于修改主题来说甚为不便。

Wordpress在循环LOOP中获取 post_date 使用自定义日期时间格式

Mon, 10 Nov 2014 22:59:19 +0000

code示例：

1<?php $args = array('numberposts' => '16','category' => '8');
2	  $recent_posts = wp_get_recent_posts( $args, ARRAY_A );
3	  foreach ($recent_posts as $recent) {
4	  	echo '<li><a href="'. get_permalink($recent["ID"]).'">'.$recent["post_title"].'</a><span class="list-meta">'. mysql2date('Y-m-d', $recent["post_date"]) .'</span></li>';
5	  }
6?>

原本直接用$recent['post_date']输出的是2014-11-11 14:30:24这样的格式，但现在不需要时间的输出，Y.Cheung 只需要输出日期，找了一下用mysql2date函数就可以。

WordPress 301重定向插件 Redirection

Sun, 23 Feb 2014 16:56:48 +0800

朋友博客换了空间换了域名，但是又不想失去苦苦经营多年的旧博客的流量，于是想说那就设置301重定向吧。

首页和某些特定页面重定向到还好办，直接修改.htaccess就好了，就是那差不多上千篇的文章，如果要一篇篇手动指定是非常痛苦的。小雪一开始就想不然直接用python分别抓取新旧文章链接生成CSV文件再来做重定向好了，但上网搜索了一下发现很多人都推荐用Redirection插件来解决这个问题，于是，have a try咯～

Theme update - 20131126

Wed, 27 Nov 2013 14:05:31 +0800

小雪在浏览网站的时候看到人家的文章页面的超链接特效很和谐很赞，就忍不住把自己博客的主题也给换上这个效果lol example：这是一个超链接效果的实现很简单，就是把需要加特效的超链接文字加上一个 <span> 包住，然后在CSS中样式化。 example:

主题Grey完成

Sun, 04 Nov 2012 16:25:53 +0800

之前有幾個朋友問我要我blog的主題，但是因為當初寫這個主題的時候只是想著自己用的，所以自定義程度很高。而且邊用邊修改，早就离最初的样子很远很远很远了……（远目

启用第三方评论系统DISQUS

Tue, 09 Oct 2012 15:21:59 +0800

在下一直很懒，没有怎么折腾过评论系统，然而每次换主题都觉得很烦，套用的别人的theme呢就要考虑是否是嵌套评论的，自己写主题呢就直接用默认主题里的评论部分，样式化设定用的还是我写的第一个主题那时候的CSS STYLE。

獲取最新文章並附特色圖片的代碼

Wed, 07 Dec 2011 13:36:32 +0800

幫朋友寫的，順便放在這裡mark一下好了。以下代碼實現獲取最新10篇日誌及其100×100像素的特色圖片。

1<?php query_posts('posts_per_page=10'); if (have_posts()) : while (have_posts()) : the_post(); ?>
2
3<?php if (has_post_thumbnail()){the_post_thumbnail(array(100,100)); } ?> <?php the_title(); ?>
4
5<?php echo get_the_date(); ?>
6
7<?php endwhile; endif;?>

COMMENTS (7)

老武 · 2012-03-26T10:42:20+08:00

WordPress博客中gravatar头像无法显示的解决办法

Sat, 16 Oct 2010 18:18:37 +0800

最近GFW又发神经，居然墙掉了gravatar！墙你妹啊墙！！！喵了个咪的！！！！幸好有位朋友给了我tips，让我blog安然度过这一劫，嗯，现在就拿来分享给大家吧。方法是修改wp-includes文件夹下面的pluggable.php文件。转到1645行看到这些代码：

WordPress主题修改

Fri, 23 Jul 2010 10:24:25 +0800

2010-07-23 18:10

今天突发奇想，觉得自己的主题也完善得差不多了，想试试提交到WordPress官网，结果一提交才知道自己的主题有多破陋。

没有screenshot啦，要求是png格式的，大小为774 × 738 像素。

解决办法： 用 chrome插件Webpage Screenshot截取网页图像。

条件语句输出不同侧边栏块

Thu, 24 Jun 2010 01:38:53 +0800

不同页面输出不同的侧边栏块。

判断是否为首页：

1<?php if ( is_home() ) { ?>

判断是否为文章页：

1<?php if ( is_single() {?>

判断是否为Page页：

1<?php if ( is_page() {?>

判断是否为存档页：

1<?php if ( is_category(){?>

等完结后勿忘<?php }?>结束判断语句。

纯CSS打造WordPress二级菜单导航栏

Wed, 23 Jun 2010 19:06:55 +0800

折腾了一个下午，终于用纯CSS实现了WordPress 下拉菜单导航栏，撒花！★,°:.☆(￣▽￣)/$:.°★ 。嗯，因为是为自己blog定制的，所以呢，目前只支持2层深度。

技巧笔记

Tue, 22 Jun 2010 13:47:34 +0800

能直接寫 html 的, 就不要用 php.
能直接寫中文的, 就不要用翻譯.
能直接表達的, 就不要有太多嵌套.
修改 css 不要一味添加, 有時刪除會更好.
影響網頁速度最嚴重的是 javascript 或 jQuery 裏的 DOM.

添加WP-MulticolLinks插件

Tue, 08 Jun 2010 10:23:06 +0800

实现侧边栏随机显示指定条数的友链，使页面美观。

添加jQuery lazy load plugin插件

Tue, 08 Jun 2010 10:20:48 +0800

有时候写日志会添加很多很大的图片，且这些图片所在图床由于我国特殊国情常常loading得非常慢。为了提高访客的愉悦体验，特添加了这个插件，用来延迟加载图片。

首頁添加文章縮圖功能

Fri, 21 May 2010 11:48:35 +0800

在 functions.php 中開啟WordPress的自帶縮圖功能。

1<?php
2
3// 支援 WordPress 2.9 的自帶縮圖功能
4
5if ( function_exists( 'add_theme_support' ) ) { add_theme_support( 'post-thumbnails' ); } ?>

在 index.php 中的the_content 之前添加以下代碼

获取WordPress分类目录列表的函数

Fri, 26 Mar 2010 20:16:28 +0800

修改主题的时候，需要显示分类目录列表，本来用的是

1<?php wp_list_categories(); ?>

，后来发现会始终显示“分类目录”四个字，十分之不美观，研究了一下，用

1<?php wp_list_cats('sort_column=name'); ?>

函数代替，解决了问题。o(*￣▽￣*)o 推荐参考： https://www.renniaofei.com/tag/wordpress-tutorials/

启用wp-reader-wall插件

Thu, 04 Mar 2010 12:03:17 +0800

之前一直用的灌水先锋插件由于难以调教，我把它给撤下来了。

主要是我想提高主页加载速度，不用loading头像那么久，让它排列的更好看一些，所以我不再在侧边栏放上评论者头像，而是决定另建一个新页面。其实本来灌水先锋插件也可以实现这样效果的，但是好复杂，又懒得去找教程，所以决定换啦。

WordPress宕机一日

Wed, 24 Feb 2010 12:28:59 +0800

昨天突然无法访问我的blog了，还以为我又折腾什么出错了，却发现连服务器都进不去了。大件事啦！

联系了hugege（我在他那里租的主机），说是到国内的线路抽风喔。于是，我又定了定神，没事，等它抽完了就好了。果然，晚上的时候就恢复正常了，额，也不算太正常，时不时还是抽一下，不过，能访问就好了。(＾Ｕ＾)ノ~ＹＯ

启用WP-RecentComments插件

Wed, 06 Jan 2010 17:29:40 +0800

因为找不回之前那个侧边栏显示最新评论排除admin评论的那段代码了，囧，所以，Google了一下，找到了这个插件。嗯，比我想象中的还要棒。插件下载地址：https://wordpress.org/extend/plugins/wp-recentcomments/

启用Highslide4WP插件

Fri, 11 Dec 2009 16:33:53 +0800

实现评论添加表情以弹出窗口的方式。插件地址：（有中文汉化版）https://wordpress.org/extend/plugins/highslide4wp/ 实现与custom smiles完美结合~

启用thread twitter插件

Fri, 11 Dec 2009 16:08:41 +0800

將您的推特（Twitter）訊息（tweets），以巢狀方式在部落格的分頁呈現出來，輕鬆追蹤誰曾經回覆你的推訊，或是銳推（retweet）你的訊息，参考：https://fairyfish.net/2009/01/16/thread-twitter/

footer的自动版权信息部分

Thu, 10 Dec 2009 17:04:01 +0800

PHP代码：

 1<?php global $wpdb; 
 2$post_datetimes = $wpdb->get_row($wpdb->prepare("SELECT YEAR(min(post_date_gmt)) AS firstyear, YEAR(max(post_date_gmt)) AS lastyear FROM $wpdb->posts WHERE post_date_gmt > 1970")); 
 3
 4if ($post_datetimes) { 
 5    $firstpost_year = $post_datetimes->firstyear; 
 6    $lastpost_year = $post_datetimes->lastyear; 
 7    $copyright = $firstpost_year; 
 8    if($firstpost_year != $lastpost_year) { 
 9        $copyright .= '-'. $lastpost_year; 
10        } 
11    $copyright .= ' '; 
12    echo $copyright; 
13    } ?>
14    < ?php bloginfo('name'); ?><?php echo get_option('home'); ?> / Theme designed by 你的大名

CSS代码：

添加Yet Another Related Posts Plugin (YARPP)插件

Thu, 10 Dec 2009 16:27:03 +0800

参考：https://www.astesys.com/website/wordpress/366.html 随着我逐步把以前的博文整合到WordPress里，现在非常需要在文章底部添加相关文章的链接。于是有启用这个插件啦。 8错8错，很便捷易用。另，把匹配值设为1比较好…

添加纪念日小工具

Thu, 03 Dec 2009 17:27:48 +0800

由https://coels.net/开发的纪念日小工具。可自由DIY，添加方式也很简单，放入后台widget就行了。记住：JavaScript中双引号是不能换行的！！！！！ 就是因为这个，我折腾了一下午才正确放置好这个小工具！都怪我手贱得勾选了自动分段！！！郁闷啊~~~~ 本来想添加ctrl+enter回复功能的，可是折腾了一下午都失败了。不知道是不是主题不支持….. 参考：https://blog.dogg3h.com/wordpress-hack-ctrl-enter-post-comment（该链接已失效) 已经解决这个问题了。参考：https://www.bhqt.cn/wordpress-no-forget/（该链接已失效) 修改评论回复为Ctrl+Enter提交回复。在模板的comments.php中查找：

Blog添加Sociable插件

Tue, 27 Oct 2009 14:14:27 +0800

这个不多说，很方便的一个插件，支持世界上主流的社会化分享网站，支持自定义图标，更多选项安装后在设置中调整。

Automatically add links on your posts, pages and RSS feed to your favorite social bookmarking sites.

sociable plugin