WordPress能否加载GitHub等平台托管的远程自定义CSS？

当然可以实现，完全不用依赖WordPress自带的自定义CSS功能，下面是几种可靠的实现方式：

方法1：通过主题functions.php添加加载代码 #

直接在当前主题的functions.php文件末尾添加以下代码，就能像加载Bootstrap一样远程引入CSS：

function enqueue_remote_custom_css() {
    // 替换成你的远程CSS文件地址（比如GitHub Raw链接）
    $remote_css_url = 'https://raw.githubusercontent.com/你的用户名/仓库名/分支名/你的css文件.css';
    wp_enqueue_style( 'remote-custom-css', $remote_css_url, array(), '1.0', 'all' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_remote_custom_css' );

注意：

• GitHub仓库里的文件要选Raw视图，复制对应的URL，不能用普通的仓库页面链接
• 代码里的'1.0'是版本号，更新CSS后可以改成'1.1'，强制浏览器刷新缓存

方法2：创建自定义插件（不修改主题文件） #

如果不想改动主题文件（避免主题更新丢失代码），可以自己写个简单插件：

1. 在WordPress的wp-content/plugins/目录下新建一个文件夹，比如remote-css-loader
2. 在文件夹里创建remote-css-loader.php文件，内容如下：

<?php
/*
Plugin Name: Remote CSS Loader
Description: 从远程加载自定义CSS
Version: 1.0
Author: 你的名字
*/

function enqueue_remote_custom_css_plugin() {
    $remote_css_url = 'https://raw.githubusercontent.com/你的用户名/仓库名/分支名/你的css文件.css';
    wp_enqueue_style( 'remote-custom-css-plugin', $remote_css_url, array(), time(), 'all' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_remote_custom_css_plugin' );

3. 登录WordPress后台，在插件列表里激活这个插件就行

关键注意事项 #

• 缓存优化：GitHub的Raw资源缓存策略较严格，可能导致更新后浏览器无法及时获取新CSS。可以用time()作为版本号（如方法2），每次加载都会带时间戳强制刷新；也可以用专门的静态资源托管服务托管CSS，性能更稳定
• 权限问题：确保你的远程CSS文件是公开可访问的，否则网站会加载失败
• 代码保密：这种方式下，客户在WordPress后台的「自定义CSS」面板里看不到你的代码，仅能通过浏览器开发者工具查看CSS内容，大部分非技术客户不会操作这一步，能满足你的核心需求

内容的提问来源于stack exchange，提问作者Themoonroy