WordPress CoreNext 优化网站静态文件部署 提升加载速度

前言

因博客放置于腾讯云轻量服务器，网速只有3M，但目前主题相关静态文件越来越大，导致访客打开网页很慢，严重影响浏览，特将静态文件迁移至七牛云进行分发，加快访问速度。本文将详细介绍如何通过在 WordPress CoreNext 子主题的functions.php文件中添加特定代码，将主题原有静态文件更换至第三方平台地址，从而不占用自己服务器的带宽，显著提高网站的打开速度。

注意事项

本文修改仅适用于WordPress的CoreNext主题，使用CoreNext主题的朋友可以直接在子主题修改，其他主题请勿使用。

其中除特别说明外，以下文件目录均为CoreNext-Child下，请先确认是否已安装子主题。

使用子主题进行修改，后续父主题升级时，不会覆盖影响到此部分修改，无需重复操作；

修改步骤

注意事项

以下修改方法仅适用于 CoreNext 的子主题 CoreNext-Child，安装方法点此查看，此处不再赘述。

由于不同主题的代码结构、样式设定以及功能逻辑存在显著差异，此方法无法确保在其他主题上直接可用。

倘若你希望在其他主题中应用，务必依据对应主题的特性自行修改、适配代码，以实现预期效果。

在操作前，请务必备份好原文件，以免出现不可挽回的错误，导致网站显示异常或功能缺失。

1 打包上传static文件夹

针对目前CoreNext主题主要静态文件均在CoreNext的static文件夹下，需先行打包上传此文件夹下所有内容到第三方平台，例如：七牛云、又拍云等，并记住其路径，下一步需使用；

注意：当 CoreNext 主题后续升级版本后，一般静态文件都会有所更新，需要将新版本的static文件夹重新打包，上传覆盖第三方平台，更新缓存即可！

2 修改functions.php

复制如下代码，将以下代码按下图所示，贴入图片所示类似位置；

按以下图片所示，复制如下代码放置于functions.php文件<?php后；

/*-----------------------------------------------------------------------------------*/
// 美好的明天 WordPress CoreNext 优化网站静态文件部署 提升加载速度
// https://www.wmviv.com/archives/950.html
/*-----------------------------------------------------------------------------------*/
function modify_theme_paths_in_child_theme() {
    $parentConfig = \core_next\Config::class;
    $newThemeUrl = 'https://static.wmviv.com/corenext';
    $parentConfig::$theme_url = $newThemeUrl;
    $parentConfig::$static_url = $parentConfig::$theme_url. '/static';
    $parentConfig::$js_url = $parentConfig::$static_url. '/js';
    $parentConfig::$css_url = $parentConfig::$static_url. '/css';
    $parentConfig::$img_url = $parentConfig::$static_url. '/img';
}
add_action('after_setup_theme','modify_theme_paths_in_child_theme');

2.1 片段分析

    $newThemeUrl = 'https://static.wmviv.com/corenext';

使用上一步上传至第三方平台路径，修改其中https://static.wmviv.com/corenext链接改为自己的第三方平台地址即可；

修改完成后，主题静态资源链接均会自动替换为此链接，可查看源代码确认修改路径是否正确。

修改前主题静态文件链接：https://www.wmviv.com/wp-content/themes/CoreNext/static/css/main.css

修改后主题静态文件链接：https://static.wmviv.com/corenext/static/css/main.css