Wordpress https css and js script not loaded,

Question

I installed a new version of wordpress on a server web running under https.

I changed the two siteurl and home options value to my https://mysiteweb.com

I added the following value into my wp-config.php

define( 'WP_SITEURL', 'https://' . $_SERVER['HTTP_HOST'] . '/' );
define( 'WP_HOME', 'https://' . $_SERVER['HTTP_HOST'] . '/' );

define( 'WP_CONTENT_DIR', dirname(__FILE__) . '/wp-content' );
define( 'WP_CONTENT_URL',   'https://mysiteweb.com/wp-content' );

define( 'WP_PLUGIN_DIR', dirname(__FILE__) . '/wp-content/mydir/plugins' );
define( 'WP_PLUGIN_URL', 'https://mysiteweb.com/wp-content/mydir/plugins' );

Bu I still the same error for all css and javascript file loading:

Mixed Content: The page at 'https://mysiteweb.com/' was loaded over HTTPS, but requested an insecure script 'http://mysiteweb.com/wp-includes/js/wp-emoji-release.min.js?ver=5.4.2'. This request has been blocked; the content must be served over HTTPS.

medkhelifi · Accepted Answer · 2020-07-18 19:25:52Z

5

I solved my problem by editing wp-config.php:

$_SERVER['HTTPS']='on';

answered Jul 18, 2020 at 19:25

medkhelifi

1,1413 gold badges19 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mihkov Over a year ago

This helped me, I was migrated an existing website app service with wordpress. I am surprised that I need to put such essential setting in the configuration. Locally and on the original server it works without this setting.

Pipo · Accepted Answer · 2020-07-18 17:43:00Z

0

Press CRTL + U and check your page source for HTTP, after you found where it's loading the HTTP replace it with HTTPS, usualy the problem is some image or logo not properly loaded / hard coded into HTTP.

Also why did you use $_SERVER['HTTP_HOST'] ? rather then just writing your domain. Possible problem that I see you don't need to use the backslash on last part of the domain.

define( 'WP_SITEURL', 'https://example.com'  );
define( 'WP_HOME', 'https://example.com' );

And you don't need to use the other part's which you defined.

answered Jul 18, 2020 at 17:43

Pipo

5282 silver badges10 bronze badges

1 Comment

medkhelifi Over a year ago

I replaced WP_SITEURL and WP_HOME with https and I still have the same problem, It's a new wordpress version I touched to anything yet.

Cyrax · Accepted Answer · 2024-02-03 06:11:05Z

0

I explored the file wp-config.php and found:

if (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && strpos($_SERVER['HTTP_X_FORWARDED_PROTO'], 'https') !== false) {
        $_SERVER['HTTPS'] = 'on';
}

Solution 1:

set X-Forwarded-Proto as https. If you are using nginx the configuration can be:

server {
    listen 443 ssl;
    server_name myblog.com;

    location / {
        proxy_pass http://wordpress/;
        proxy_redirect http://wordpress/ https://myblog.com/;
        proxy_set_header Host myblog.com;
        proxy_set_header X-Forwarded-Proto https;
    }
}

Solution 2:

set directly $_SERVER['HTTPS']='on'; to the file wp-config.php.

answered Feb 3, 2024 at 6:11

Cyrax

8258 silver badges12 bronze badges

Collectives™ on Stack Overflow

Wordpress https css and js script not loaded,

3 Answers 3

1 Comment

1 Comment

Solution 1:

Solution 2:

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Solution 1:

Solution 2:

Comments

Your Answer

Sign up or log in

Post as a guest

Related