Some posts displayed wrong after HTTPS migration

ClaitonLord
(@claitonlord)

9 years, 5 months ago

Hello,

Today i migrated from HTTP to HTTPS. But now some of my posts(not all, some are just fine) are displayed like below image. What is going on here? Hope somebody can tell me. Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)

Dat Hoang
(@htdat)

9 years, 5 months ago

It looks like your site can not load some CSS files correctly.

There are some questions to make this clear.
1. What is the link to your site?
2. How did you do this Today i migrated from HTTP to HTTPS.?

Another suggestion is to use the browser consoles to check:
* https://developers.google.com/web/tools/chrome-devtools/console/
* https://developer.mozilla.org/en/docs/Tools/Browser_Console

Thread Starter ClaitonLord
(@claitonlord)

9 years, 5 months ago

@dat Hoang

Aha ok. My URL is http://www.stijnspreekt.nl

I did this by adding a code to my htacces file, to activate it. Thats all. My hosting already installed it to my server.
Thread Starter ClaitonLord
(@claitonlord)

9 years, 5 months ago
Ps. Not all posts are displayed incorrectly, some of them.

I added this code to my htaccess file:
```
RewriteEngine On
RewriteCond %{HTTP:X-Forwarded-Proto} !http
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
```
- This reply was modified 9 years, 5 months ago by ClaitonLord.
Dat Hoang
(@htdat)

9 years, 5 months ago

See my attachmenthttp://take.ms/YQwtV

Issue:
(index):1100 Mixed Content: The page at 'https://www.stijnspreekt.nl/8-tekenen-dat-een-man-serieus-is-en-je-echt-leuk-vindt/' was loaded over HTTPS, but requested an insecure stylesheet 'http://www.stijnspreekt.nl/wp-content/cache/autoptimize/css/autoptimize_f6be90334efab7ca5ef78a90f3c7f4a0.css'. This request has been blocked; the content must be served over HTTPS.

The CSS style is blocked.

====

Please try to delete your cache and let’s see?

However, based on what you’re descsribing, it’s not enough to move HTTP to HTTPS. There are something you need to change in your database as well.

I suggest following either ways:
1, Use https://wordpress.org/plugins/duplicator/ . Make a package, re-install it and change the site URLs to https

2, Use https://wordpress.org/plugins/search-and-replace/ . Change your site URL from http to https.

Tell me if anything does help 🙂
Dat Hoang
(@htdat)

9 years, 5 months ago
See my attachment http://take.ms/YQwtV

You see that there is a CSS file that can be loaded.

Try to clear your cache and minified CSS files and see that does help?

—

Based on what you described, that seems not enough to change site from http to https. There are some records on your database, you need to change this as well.
I suggest 2 plugins:

1, https://wordpress.org/plugins/better-search-replace/ – Change all http to https links
2, https://wordpress.org/plugins/duplicator – create a package, clone it with the new domain “https”

Let me know if this does help 🙂
- This reply was modified 9 years, 5 months ago by Dat Hoang.
Thread Starter ClaitonLord
(@claitonlord)

9 years, 5 months ago

Thanks for your help Dat Hoang.

If im right all the mixed content is gone now. I see the little green slots on every page/article on my website. I did this with the plugin ‘SSL Insecure Content Fixer’, but the problem is still there. Please check again for me.

Do you still want me to install these 2 plugins now? Please tell me.

Thread Starter ClaitonLord
(@claitonlord)

9 years, 5 months ago

ps. I did already empty the cache. All of them, from WordPress, Browser and hosting!

Thread Starter ClaitonLord
(@claitonlord)

9 years, 5 months ago

I see also these strange URL’s in Google Analytics. This is all new since the migration to HTTPS.

Dat Hoang
(@htdat)

9 years, 5 months ago

You should not install any plugin more. That’s my opinion.

Instead, you should follow one of my advised plugins above.

Their purposes: change all http://www.stijnspreekt.nl/ (http) links to https://www.stijnspreekt.nl/ (https) links.

I hope that does help.