Paano Baguhin ang Mga URL ng Larawan mula sa HTTP hanggang sa HTTPS sa WordPress

Kamakailan, inilipat ko ang website na ito sa HTTPS / SSL na naka-host sa WordPress CMS. Naging maayos ang paglipat mula sa HTTP patungo sa HTTPS at matagumpay din ang permanenteng pag-redirect sa HTTPS. Di-nagtagal pagkatapos ng pagpapalaganap, nagre-redirect ang mga HTTP page sa kanilang mga katumbas na HTTPS at nagpapakita ng berdeng padlock sign. Ang tanging isyu ay ang karamihan sa mga pahina ng HTTPS ay nagpapakita ng magkakahalong babala sa nilalaman.

Dahil sa naturang mga babala, hindi nagpapakita ang mga page ng Secure tag aka padlock at sa halip ay sinasabi na "Ang iyong koneksyon sa site na ito ay hindi ganap na secure" o "Ang koneksyon na ito ay hindi Pribado."

Lumilitaw ang problemang ito kapag nag-link ang mga mapagkukunan ng pahina sa HTTP URL sa halip na sa HTTPS, kaya nilalagyan ng label ang mga ito bilang isang hindi secure na elemento. Ang babala ng pinaghalong nilalaman ay karaniwang sanhi ng mga larawang idinagdag sa mga pahina na naglo-load pa rin sa HTTP URL. Ang isyung ito ay hindi nagmumula sa SSL setup mismo at kailangan itong ayusin bilang bahagi ng proseso ng paglipat sa HTTPS.

Marubdob akong naghanap sa maraming source para makahanap ng tumpak na paraan para i-update ang mga link ng larawan mula sa HTTP hanggang HTTPS pagkatapos ng paglipat ng SSL sa WordPress. Gayunpaman, hindi ako makahanap ng isang gabay na makakatulong sa isang first-timer na magawa ang teknikal na gawaing ito nang madali. Pagkatapos ng maraming brainstorming at pagdaan sa maraming artikulo, sa wakas ay nakaisip ako ng simpleng solusyon para ayusin ang hindi secure na error sa mga pahina ng HTTPS.

Gabay sa Pag-update ng Mga Larawan sa HTTPS sa WordPress

I'll keep this guide simple and straight to the point para hindi malito ang mga baguhan tulad ko.

Gagamitin natin"Palitan ang Mas mahusay na Paghahanap” plugin para sa WordPress na nag-pack ng pinakamahusay na mga tampok na matatagpuan sa mga katulad na plugin. Magagawa mo ang buong gawain na ito nang hindi nagla-log in sa phpMyAdmin upang magpatakbo ng anumang mga query sa SQL na maaaring makagulo sa iyong site kung sakaling may magkamali.

Bago magpatuloy, tandaan na ang tutorial na ito ay naaangkop para sa mga gumagamit ng WordPress na nagtakda ng isang 301 na pag-redirect at ginagamit lamang ang HTTPS protocol sa kanilang website o blog. Bagama't gagana ito sa karamihan ng mga sitwasyon, kailangan ding isaalang-alang ang iba pang mga salik kung magpapatuloy ang problema.

1. Baguhin ang WordPress Home at URL ng Site sa HTTPS

Pumunta sa iyong WordPress dashboard > Mga Setting > Pangkalahatan. Ngayon, baguhin ang WordPress Address at Site Address URL sa HTTPS sa halip na HTTP. (Sumangguni sa larawan)

Ginagawa nitong ang WordPress mismo ang humahawak sa pag-redirect. Bilang karagdagan, ang lahat ng panloob na link sa loob ng WordPress app at website ay itatakda sa kanilang mga katumbas na HTTPS. Ipapahayag nito na ang bawat bit ng website ay, at humahantong sa, naka-encrypt na nilalaman. Para lang makasigurado, maaari mong idagdag ang panuntunan sa ibaba sa iyong .htaccess file.

Naka-on ang RewriteEngine

RewriteCond %{HTTP:X-Forwarded-SSL} !on

RewriteRule ^(.*)$ //%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

Ang 301 redirect na ito ay titiyakin na ire-redirect ang anumang HTTP na kahilingan sa HTTPS.

2. Baguhin ang Mga Asset ng Media (Mga Larawan, Panloob na link) mula HTTP patungong HTTPS

Pagdating sa pangunahing hakbang. Kailangan mo na ngayong palitan ng HTTPS ang lahat ng lumang HTTP URL sa database ng WordPress. Nangangahulugan ito ng pag-update ng lahat ng mga link ng file ng imahe at mga panloob na link na manu-manong idinagdag (sa post o mga pahina) sa HTTPS upang maiwasan ang anumang hindi secure na babala sa imahe at ayusin ang error sa magkahalong nilalaman. Gayunpaman, hindi na kailangang i-update ang mga panlabas na link na tumuturo sa iba pang mga website sa HTTPS.

BABALA: Tiyaking i-backup muna ang iyong database.

Palitan ang HTTP sa HTTPS ng Beter Search Replace Plugin

Upang magpatuloy, i-install ang plugin ng WordPress na "Better Search Replace" at i-activate ito.

Ngayon magtungo sa pahina ng plugin na matatagpuan sa ilalim ng seksyong Mga Tool. Sa field na "Search for" ilagay ang HTTP na bersyon ng URL ng iyong website at ang HTTPS na bersyon sa field na "Palitan ng". Sa ilalim ng mga piling talahanayan, mag-scroll pababa at piliin ang "wp_posts” talahanayan na naglalaman ng mga URL ng larawan, at mga URL na naka-embed sa loob ng mga post at pahina. Pagkatapos ay i-uncheck ang "Run as dry run?" opsyon at pindutin ang Run Search/Replace button.

Hintaying maganap ang pagproseso. Maaari mong tingnan ang mga detalye sa ibang pagkakataon tulad ng bilang ng mga pagbabagong natagpuan at mga row na na-update para sa partikular na talahanayan.

TANDAAN: Kung nakakuha ka ng error habang pinoproseso, pumunta sa tab na Mga Setting at subukang bawasan ang halaga ng "Max na Laki ng Pahina" sa kahit saan sa paligid ng 8000 hanggang 10000.

Ayan yun! Ang bersyon ng HTTP ng mga naka-embed na link at mga URL ng larawan ng iyong website ay dapat na ngayong ma-update sa bersyon ng HTTPS.

Upang kumpirmahin, buksan lamang ang isang post sa blog at kopyahin ang address ng larawan sa loob ng isang post o tingnan ang pinagmulan ng pahina. Dapat na ngayong ipakita ng mga URL ng larawan ang bersyon ng HTTPS at dapat ay makakita ka na ngayon ng Secure padlock sa tabi ng address bar.

Tip sa Bonus: Pagkatapos matagumpay na palitan ang HTTP ng HTTPS, maaari mong alisin ang plugin.

Alamin kung bakit hindi nagpapakita ng berdeng padlock ang site ng HTTPS

Tandaan na ang ilang mga pahina na may mga sirang o hindi magagamit na mga link tulad ng nag-expire na CDN ay maaari pa ring magresulta sa magkahalong nilalaman. Matutukoy mo ang mga hindi secure na elemento sa mga naturang page sa pamamagitan ng paggamit ng feature na Inspect Element sa Chrome o gamitin lang whynopadlock.com para madaling malaman ang mga insecure na item sa iyong mga page na pinagana ng SSL.

Sanggunian: Suriin ang detalyadong artikulong ito ni Michael Bely

Mga Tag: BloggingTutorialsWordPress