你的網(wǎng)站已經(jīng)安裝好SSL證書了嗎钦奋？
網(wǎng)站HTTPS已經(jīng)是大勢所趨萝挤。
自2017年始阐滩，谷歌將依然用http的網(wǎng)站標記為不安全網(wǎng)站赌躺，雖然這并不說明網(wǎng)站真的有問題逾滥，但誰想做這無謂的堅持呢？
特別做外貿(mào)網(wǎng)站B2B, B2C的家卖，SSL證書是必須的眨层。
況且庙楚，網(wǎng)站部署了SSL證書有三個好處：
1. 搜索引擎：在搜索結(jié)果中優(yōu)先顯示上荡，便于SEO；
2. 自己：提升自身網(wǎng)站的安全性馒闷；
3. 客戶：提升用戶安全體驗酪捡。
什么是https? SSL證書？
簡單說就是在你和網(wǎng)站在交換數(shù)據(jù)時進行提供一個加密通道纳账，不會被第三方竊聽更改等逛薇。
比如你和網(wǎng)站正打的火熱，發(fā)給TA一條消息：嫁給我吧疏虫！
然后出來個第三者偷聽了你的消息永罚。
而通過https啤呼，通過加密后，你倆互動的更隱蔽安全了呢袱。
稍微改了下這張圖官扣，可能看的更直觀些：
Bluehost怎么添加SSL證書？
我用的是Bluehost虛擬空間羞福，wordpress建站惕蹄，經(jīng)歷幾個小問題后，SSL證書總算安裝成功了治专。
以下是大概的步驟和碰到的問題卖陵，如果你碰到同樣的問題，權當參考吧：
首先张峰，Bluehost提供免費3個月的SSL證書泪蔫，后續(xù)費的話從4刀到20多刀每月不等。其次喘批，無需獨立IP鸥滨；而且是256位加密技術。
步驟：
進入bluehost后臺控制面板谤祖，選擇SSL （紅色箭頭婿滓，任意一個都可以）
選擇你的網(wǎng)站，開始安裝粥喜。
3.?安裝完成凸主。如果你的域名能自動驗證，幾分鐘后就安裝完畢额湘。如果不行卿吐，會有一封郵件發(fā)給你，進行驗證就可以了锋华。
Congratulations!You have successfully ordered a new Free SSL. If your domain(s) can be verified automatically, you can expect your new certificate to be installed soon. If not, you will receive an email with validation instructions.
4. 過幾分鐘后刷新網(wǎng)站嗡官，前面加https://yourdomain.com
如果可以訪問了，進行下一步毯焕。
5.登錄網(wǎng)站wordpress后臺衍腥，在“Setting設置-General常規(guī)”里，把“WordPress address”和“site address”里的http都改成https, 保存纳猫；這樣客戶就可以直接訪問你https的網(wǎng)站了婆咸。
問題：
6. 刷新網(wǎng)頁，奇怪芜辕，怎么是灰色的鎖尚骄，帶黃色嘆號？
點擊發(fā)現(xiàn)如下提示：
通過瀏覽器按F12 選擇console, 會提示網(wǎng)站中https和http存在混用的情況侵续。特別是上傳的多媒體圖片等倔丈，其地址并沒有變成https的憨闰。
7. 怎么辦？搜索答案需五。
在淚雪博客找到了答案起趾。地址：https://zhangzifan.com/wordpress-ssl-link.html
我用的是第二種方案的代碼一。
代碼一：HTTPS絕對鏈接替換
編輯當前主題下的 functions.php 文件警儒，加入以下代碼：
//WordPress SSL at 2016/12/29 updateadd_filter('get_header','fanly_ssl');functionfanly_ssl(){if(is_ssl()){functionfanly_ssl_main($content){$siteurl=get_option('siteurl');$upload_dir=wp_upload_dir();$content=str_replace('http:'.strstr($siteurl,'//'),'https:'.strstr($siteurl,'//'),$content);$content=str_replace('http:'.strstr($upload_dir['baseurl'],'//'),'https:'.strstr($upload_dir['baseurl'],'//'),$content);return$content;}ob_start("fanly_ssl_main");}}
如果是Avada主題训裆，在theme options -editor里有functions.php 在最后添加代碼后，保存即可蜀铲。
8. 刷新后边琉，為什么有的頁面依然黃色的感嘆號？
再進行查看console后發(fā)現(xiàn)记劝，avada主題中引用了一個http的無效的page title背景圖：http://theme-fusion.com/avadaxml/wp-content/themes/Avada/images/page_title_bg.png
如果你用的是avada的主題变姨，可能也會有同樣的問題。
9. 解決方法是在后臺 appearance-theme options-page title bar里把這個page title bar background鏈接地址remove即可厌丑。
10. 再次刷新定欧，完美!
綠綠的小鎖，看起來真舒心怒竿。
