CorePress后台主题设置显示空白修复教程!

CorePress后台主题设置显示空白修复教程!

 

点开主题设置页面发现,主题页面加载不出来,如下图所示

c332af1f54d9f7d06972b139fc0cd01e.webp看到空白页的第一反应,我先怀疑是不是前几天迁移新服务器的时候配置出了问题。毕竟服务器环境对 WordPress 的兼容性影响很大,比如 PHP 版本、内存限制、防火墙规则这些,都可能导致后台功能异常。于是我顺着这个思路排查:先检查了服务器的 PHP 版本,又核对了内存限制(调整到 256M 以上),甚至把防火墙暂时关闭测试 —— 但一圈操作下来,重新刷新主题设置页面,空白问题还是没解决。   这时候才意识到,可能不是服务器的问题,而是某个细节出了岔子。

 

既然页面空白,大概率是前端资源加载失败,于是我使用F12打开浏览器开发者工具,切换到“网络”面板,刷新页面查看资源加载情况,发现有一个css文件和两个js文件加载不出来,进一步查看发现是原来使用的字节跳动CDN链接失效了,于是在网上找到了其他的CDN链接来替换掉失效的链接

 

6d70e543bf807fbe92b127d5eb02b065.webp

教程

找到原因后,使用grep -rni 命令定位到需要修改的文件路径,grep 是Linux系统中强大的文本搜索工具,可递归在指定目录下递归搜索包含目标字符串的文件。

步骤

1.打开终端,进入你的网站根目录(或需要搜索的目录):

  • cd /www/wwwroot/网站目录 # 替换为你的项目路径

2.执行搜索命令,查找包含失效链接片段的文件:

  • # 搜索包含 "lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-ui/2.15.7/theme-chalk/index.min.css" 字符串的所有文件
  • grep -rni "lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-ui/2.15.7/theme-chalk/index.min.css" .

参数说明:

  • -r :递归搜索子目录
  • -n :显示匹配内容在文件中的行号
  • -i :忽略大小写(可选,根据需要添加)
  • . :表示从当前目录开始搜索

然后在宝塔里面找到文件根目录/wp-content/themes/CorePress/geekframe/loadfiles.php

下列两个CDN任选其一,将loadfiles.php 中以下代码替换掉即可

f3a609a186915ae3c697794d95cca623

下列两个CDN任选其一,将loadfiles.php 中以下代码替换掉即可

1.jsDelivr CDN(推荐):

function corepress_load_style_filse_onadmin($hook)
{
wp_enqueue_style('corepressicon', THEME_LIB_PATH . '/corepressicon/iconfont.css', array(), THEME_VERSION);
if ($hook == 'post.php' || $hook == 'post-new.php') {
wp_enqueue_script('tools', THEME_JS_PATH . '/tools.js', array(), THEME_VERSION, false);
wp_enqueue_script('layer', THEME_LIB_PATH . '/layer/layer.js', array(), THEME_VERSION, false);
wp_enqueue_script('vue', 'https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js', array(), THEME_VERSION, false);
wp_localize_script('tools', 'tools', array('index' => is_home(), 'page' => is_page(), 'post' => is_single()));
wp_enqueue_script('corepress_element_js', 'https://cdn.jsdelivr.net/npm/element-ui@2.15.7/lib/index.min.js', array(), THEME_VERSION, false);
wp_enqueue_style('corepress_element_css', 'https://cdn.jsdelivr.net/npm/element-ui@2.15.7/lib/theme-chalk/index.min.css', array(), THEME_VERSION);
wp_enqueue_style('corepress_admin_css', THEME_CSS_PATH . '/admin.css', array(), THEME_VERSION);
wp_enqueue_style('editor_window', THEME_CSS_PATH . '/editor-window.css', array(), THEME_VERSION);
}
if ($hook=='toplevel_page_geekpress_setting') {

wp_enqueue_script('vue', 'https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js', array(), THEME_VERSION, false);

wp_enqueue_script('corepress_element_js', 'https://cdn.jsdelivr.net/npm/element-ui@2.15.7/lib/index.min.js', array(), THEME_VERSION, false);
wp_enqueue_style('corepress_element_css', 'https://cdn.jsdelivr.net/npm/element-ui@2.15.7/lib/theme-chalk/index.min.css', array(), THEME_VERSION);

}

}

 

2.unpkg备用链接:但实际上我用第二个才成功

 

function corepress_load_style_filse_onadmin($hook)
{
wp_enqueue_style('corepressicon', THEME_LIB_PATH . '/corepressicon/iconfont.css', array(), THEME_VERSION);
if ($hook == 'post.php' || $hook == 'post-new.php') {
wp_enqueue_script('tools', THEME_JS_PATH . '/tools.js', array(), THEME_VERSION, false);
wp_enqueue_script('layer', THEME_LIB_PATH . '/layer/layer.js', array(), THEME_VERSION, false);
wp_enqueue_script('vue', 'https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js', array(), THEME_VERSION, false);
wp_localize_script('tools', 'tools', array('index' => is_home(), 'page' => is_page(), 'post' => is_single()));
wp_enqueue_script('corepress_element_js', 'https://unpkg.com/element-ui@2.15.7/lib/index.js', array(), THEME_VERSION, false);
wp_enqueue_style('corepress_element_css', 'https://unpkg.com/element-ui@2.15.7/lib/theme-chalk/index.css', array(), THEME_VERSION);
wp_enqueue_style('corepress_admin_css', THEME_CSS_PATH . '/admin.css', array(), THEME_VERSION);
wp_enqueue_style('editor_window', THEME_CSS_PATH . '/editor-window.css', array(), THEME_VERSION);
}
if ($hook=='toplevel_page_geekpress_setting') {

wp_enqueue_script('vue', 'https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js', array(), THEME_VERSION, false);

wp_enqueue_script('corepress_element_js', 'https://unpkg.com/element-ui@2.15.7/lib/index.js', array(), THEME_VERSION, false);
wp_enqueue_style('corepress_element_css', 'https://unpkg.com/element-ui@2.15.7/lib/theme-chalk/index.css', array(), THEME_VERSION);

}

}
替换掉失效的链接后,再次打开主题设置页面即可正常访问。

ps 要使用 5.8.5v2版本

 

 

学习资料见知识星球。

以上就是今天要分享的技巧,你学会了吗?若有什么问题,欢迎在下方留言。

快来试试吧,小琥 my21ke007。获取 1000个免费 Excel模板福利​​​​!

更多技巧, www.excelbook.cn

欢迎 加入 零售创新 知识星球,知识星球主要以数据分析、报告分享、数据工具讨论为主;

Excelbook.cn Excel技巧 SQL技巧 Python 学习!

你将获得:

1、价值上万元的专业的PPT报告模板。

2、专业案例分析和解读笔记。

3、实用的Excel、Word、PPT技巧。

4、VIP讨论群,共享资源。

5、优惠的会员商品。

6、一次付费只需129元,即可下载本站文章涉及的文件和软件。

文章版权声明 1、本网站名称:Excelbook
2、本站永久网址:http://www.excelbook.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长王小琥进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报。
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。

THE END
分享
二维码
< <上一篇
下一篇>>