https安全連線在以前是幫網站加分的角色,但現在的網站若少了https安全連線,就會被視為危險、有問題的網站。尤其是有電子商務機制的網站,因牽涉到信用卡號、真實姓名、地址、電話…等敏感的個人資料,經過ssl加密過的https安全連線對網站就更加重要了。

Elena在幫公司網站加上電子商務機制的過程中,不只一次遇到因圖片而造成https安全連線失效的窘境,這實在很讓人驚慌失措,不知到底是哪個環節出了錯,也不知該從何下手解決問題,甚至讓人沮喪到想放棄。

https安全連線失效的瀏覽器畫面

有一次實在怎麼找都找不出安全連線失效的原因,乾脆整個WordPress網站砍掉重練,一開始還以為重來就能解決問題,沒想到相同的問題沒多久又出現了。只好秉持著「失敗為成功之母」的信念,繼續埋頭鑽研,後來終於找到了解決方法,而且比想像中簡單多了!

首先,https安全連線失效的原因是”圖片”,就得從圖片下手,可先檢視html原始碼,看是否圖片連結都正確地加上了https開頭的網址。萬一看不懂html原始碼,或是覺得一一檢視再修改太浪費時間,可以學Elena利用Elementor頁面編輯器(Page Builder)進行快速掃描整個網站並進行網址的替換。

安裝好Elementor的外掛之後,到WordPress的管理後台,找到Elementor→Tools→Replace URL,填上無安全連線(如http://url.com)的網址與加密過的安全連線(如https://url.com)網址,Elementor就會幫我們從所有網頁的html原始碼中,把所有無安全連線的網址找出來並更換為加密過的安全連線網址。

Elementor提供的好用Tools

彈指之間不到三秒鐘,所有圖片的無加密連結網址就會被修改成加密連結過的網址,修改完後再重新整理(F5)網站,安全連線失效的問題就神奇地被解決了。但如果網站的圖片是存放在圖床空間的話,必須先確認該圖床空間支援https安全連結,否則即使改了html原始碼也沒用。

有了Elementor頁面編輯器,在進行網頁的美化時實在很方便,Elementor也很佛心地開放免費版給大家無條件使用,當然某些進階功能是需要付費的,且初學者也需花一些時間來學習、熟悉面板的操作。

只是我不太確定,因圖片造成的https安全連線失效問題,是否由於使用Elementor頁面編輯器的緣故。因為每次使用Elementor進行頁面的修改時,如有變更圖片的動作,就會讓https安全連線失效,但只要再次使用Elementor的工具進行網址的替換,馬上又能解決問題。

不管這點是否為Elementor頁面編輯器的bug,這款免費又好用的頁面編輯器推出沒多久就以迅雷不及掩耳的速度紅遍WordPress界,它也不斷地增加新功能、修改bug以解決使用者的問題,有了它讓網頁設計變得簡單許多。期待有一天能看到它的完美中文化版本,造福廣大的華人世界!