分享互联网知识,建站、IT话题杂谈

WordPress 启用HTTPS设置

HTTPS已经成为网站的一种趋势,得益于数以万计的开发者和百万计的玩家,Wordpress启用HTTPS过程相当简单。下面就把Wordpress启用HTTPS访问的过程记录一下,以供参考。

一、 修改网站WP_HOME和WP_SITEURL

进入到Wordpress安装目录下,打开wp-config.php进行修改

//Set HTTPS as home address
define('WP_HOME','https://www.gubo.org'); 
//Set HTTPS as siteurl
define('WP_SITEURL','https://www.gubo.org');

二、 LEAMP环境添加环境反向代理设置

LEAMP环境前端用Nginx,后端用Apache。如果不进行这个设置,Wordpress会显示不正常,出现网址无限循环的情况。如果只单独使用Nginx或者Apache,就不需要这个步骤。同样是打开wp-config.php进行修改。

// If WordPress is behind reverse proxy
// which proxies https to http
if ( (!empty( $_SERVER['HTTP_X_FORWARDED_HOST'])) ||
     (!empty( $_SERVER['HTTP_X_FORWARDED_FOR'])) ) {

    // http://wordpress.org/support/topic/wordpress-behind-reverse-proxy-1
    $_SERVER['HTTP_HOST'] = $_SERVER['HTTP_X_FORWARDED_HOST'];


    // http://wordpress.org/support/topic/compatibility-with-wordpress-behind-a-reverse-proxy
    $_SERVER['HTTPS'] = 'on';
}

至此,Wordpress本身的设置就已经结束,很简单不是?如果遇到显示不正常的问题,可能的情况及解决办法:

  • 附件图片显示不正常,地址栏是黄色的小锁而不是绿色的
    这个情况是因为wordpress在插入附件的时候默认使用绝对地址,例如

    https://www.gubo.org/wp-content/uploads/2015/08/comparison.png

    我们所需要做的就是在上传图片的时候将之修改为相对地址,如

    /wp-content/uploads/2015/08/comparison.png

    或者相对协议地址,如

    //www.gubo.org/wp-content/uploads/2015/08/comparison.png

    如果引用的是第三方不支持HTTPS的资源,那就只能本地化或者挂着黄锁了。

  • 页面显示不完整或者功能不正常
    这个情况的出现与上面的类似,主要是Theme里的CSS和JS使用了绝对地址,如果有耐心就可以一个一个修改过来。建议使用子主题(Child Theme)的方式进行以防止主题升级后修改丢失,或者反馈给主题作者,更直接的办法就是更换一个更现代更符合规范的主题。

Leave a comment

Your email address will not be published. Required fields are marked *

2 thoughts on “WordPress 启用HTTPS设置”