WordPress 优化指南|新手也能上手

适合个人博客、知识站点、小型展示站,本文整理去谷歌字体、优化链接样式、页面提速三类高频代码,搭配操作截图指引,全程不用复杂技术。

兜底 PHP 代码(粘贴到 functions.php)

// 移除前台谷歌字体
add_filter( 'style_loader_src', function( $href ) {
    if ( strpos( $href, 'fonts.googleapis.com' ) !== false ) {
        return false;
    }
    return $href;
});

// 移除后台默认Open Sans字体
function remove_wp_open_sans() {
    wp_deregister_style( 'open-sans' );
    wp_register_style( 'open-sans', false );
}
add_action( 'init', 'remove_wp_open_sans' );

效果验证

  • 打开网站前台,右键 → 查看网页源代码
  • Ctrl+F 搜索 fonts.googleapis.com
  • 无搜索结果即为清理成功。

代码二:美化链接(去除下划线 + 悬浮效果)

默认链接自带下划线,页面显得杂乱,这段 CSS 可以全局优化链接样式,适配所有主题。

/* 全局移除所有链接下划线 */
a {
  text-decoration: none !important;
  color: #222; /* 自定义链接基础颜色 */
}

/* 鼠标悬浮时显示下划线,提升交互 */
a:hover {
  text-decoration: underline;
  color: #2d7dff; /* 自定义悬浮颜色 */
}
  • 修改前:全站链接默认带下划线,视觉杂乱
  • 修改后:常态无下划线,鼠标悬浮出现下划线,简洁美观

代码三:优化正文排版(提升阅读体验)

针对博客、知识类站点,优化行高、字体颜色、间距,长时间阅读不疲劳。

/* 正文段落优化 */
p {
  line-height: 1.8;    /* 行高,数值越大越宽松 */
  color: #333;         /* 正文颜色,柔和不刺眼 */
  font-size: 16px;     /* 正文字号 */
  letter-spacing: 0.2px;/* 字间距 */
}

/* 区块圆角+柔和阴影,增加高级感 */
.wp-block-group, .wp-block-image {
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  overflow: hidden;
}

代码四:替换谷歌 CDN jQuery(彻底清除谷歌资源)

部分主题会调用谷歌 CDN 的 jQuery,国内加载缓慢,强制切换为 WordPress 本地资源。

// 切换jQuery为本地加载,移除谷歌CDN
add_action( 'wp_enqueue_scripts', function() {
    wp_deregister_script( 'jquery' );
    wp_register_script( 'jquery', includes_url( 'js/jquery/jquery.min.js' ), array(), false, true );
});

适用场景:国内访问提速、美化页面、移除被墙资源,搭配轻量主题使用效果更佳。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注