{"id":1304,"date":"2018-07-28T21:40:41","date_gmt":"2018-07-28T20:40:41","guid":{"rendered":"https:\/\/www.webhostingsrbija.rs\/?p=1304"},"modified":"2023-08-15T12:25:21","modified_gmt":"2023-08-15T11:25:21","slug":"kako-da-pozelenite-https-mixed-content","status":"publish","type":"post","link":"https:\/\/www.webhostingsrbija.rs\/en\/kako-da-pozelenite-https-mixed-content\/","title":{"rendered":"How to go green (https mixed content)"},"content":{"rendered":"<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Contents<\/h2><nav><ul><li class=\"\"><a href=\"#prvo-zasto-nije-zeleno-secure\">First, why is it not green (secure)?<\/a><\/li><li class=\"\"><a href=\"#pre-svega-kako-da-ustanovimo-sta-se-ucitava-sa-http\">First of all, how do we determine what is being loaded from http?<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">First of all you need to set the default version of your site to only open via https.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can do this using another instruction on this site of ours. But I guess you already did that and got gray https and not green as you expected.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First of all, let&#039;s first check the 3 options that are possible:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.webhostingsrbija.rs\/wp-content\/uploads\/2018\/07\/Google-SSL-warnings.jpg\" alt=\"\" class=\"wp-image-1310\" title=\"\"><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>first means that your site has an active SSL but that the content is not loaded completely with HTTPS and then you need to follow the instructions below and correct it so that it becomes like the third example, that is, it says Secure.<\/li>\n\n\n\n<li>Second means you don&#039;t have active SSL and contact hosting support to activate SSL for you (nowadays everyone has free SSL if your hosting provider says you have to pay something to have SSL change it immediately).<\/li>\n\n\n\n<li>The third option is also the best, and that is to have an active SSL and that on that page everything is loaded via HTTPS and you don&#039;t need to touch anything.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"prvo-zasto-nije-zeleno-secure\">First, why is it not green (secure)?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The reason is quite simple, as it says in the notification if you clicked on https, and that is that some part of the site is loaded from http and you opened the site from https. Which immediately says the solution <em><strong>EVERYTHING<\/strong><\/em>&nbsp; the site must be https and what is loaded on the site (such as images, css, js\u2026) must be loaded and linked from https. Only then will it be secure!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Since we got the answer how and why, how to correct it now without knowledge of programming language or html\/css.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pre-svega-kako-da-ustanovimo-sta-se-ucitava-sa-http\"><strong>First of all, how do we determine what is being loaded from http?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Simply press F12 (chrome) and an add-on will appear in the lower corner as shown in the picture:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.webhostingsrbija.rs\/wp-content\/uploads\/2023\/08\/mixedconetnt-1024x369.png\" alt=\"\" class=\"wp-image-5698\" style=\"width:752px;height:143px\" width=\"752\" height=\"143\" title=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After which you need to click in the upper right corner of that new window next to the x you have some numbers in red and yellow as indicated by a red square, click there.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the lower part, you will receive errors and warnings as shown in the picture:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"550\" height=\"201\" src=\"https:\/\/www.webhostingsrbija.rs\/wp-content\/uploads\/2023\/08\/mixedcontentconsole.png\" alt=\"\" class=\"wp-image-5699\" title=\"\" srcset=\"https:\/\/www.webhostingsrbija.rs\/wp-content\/uploads\/2023\/08\/mixedcontentconsole.png 550w, https:\/\/www.webhostingsrbija.rs\/wp-content\/uploads\/2023\/08\/mixedcontentconsole-300x110.png 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">as you can see, it says exactly what is not being loaded, which image, or something else via https. By simply changing that link on the website in the address bar, &quot;secure&quot; will appear if you have done everything well. You need to do this for every page on your site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If it is a part, i.e. an image that is written in the site code, i.e. in some php\/html\/css file, you need to manually open that file and edit it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If it is written in the database, as is the case when you write a post or it is a pagebuilder, you can change it using the &quot;search and replace&quot; plugin. There are many plugins on that topic, so choose one you want, make sure that the update of that plugin is recent (less than 6 months).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The search link is:&nbsp;<a href=\"https:\/\/www.google.rs\/search?q=search+and+replace+wordpress+plugin\" target=\"_blank\" rel=\"noopener\">https:\/\/www.google.rs\/q=search+and+replace+wordpress+plugin<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>I didn&#039;t leave a link to any plugin because after a few months when someone comes across this text, they can download that plugin by recommendation, and in the meantime the author of that plugin has stopped updating and it can cause more harm than good, so you need to look at which plugin is better in terms of the number of ratings and regular updates.<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Pre svega potrebno je da postavite podrazumevanu verziju svog sajta da se otvara isklju\u010divo samo putem https. To mo\u017eete da uradite pomo\u0107u drugog uputstva na ovom na\u0161em sajtu. Ali pretpostavljam da ste to ve\u0107 uradili i dobili sivo https a ne zeleno kako ste o\u010dekivali. Pre svega da prvo proverimo 3 opcije koje su mogu\u0107e: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2053,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[18,19],"tags":[],"class_list":["post-1304","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kako","category-wordpress"],"_links":{"self":[{"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/posts\/1304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/comments?post=1304"}],"version-history":[{"count":2,"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/posts\/1304\/revisions"}],"predecessor-version":[{"id":5700,"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/posts\/1304\/revisions\/5700"}],"wp:attachment":[{"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/media?parent=1304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/categories?post=1304"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/tags?post=1304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}