Home / Questions / 326677
Accepted
Javier fr
Asked: 2020-02-05 09:33:34 +0800 CST 2020-02-05 09:33:34 +0800 CST

When applying SSL the site is distorted. "Insecure connection: "Parts of this page are not secure""

  • 772

Hello, good morning, I am placing SSL on a website, but when I add the .htacces file with the corresponding code, it applies SSL, but the website is distorted. Locate the index.php file to replace http with https but when opening index.php I found that it has the following routes which I don't understand.

index.php code

<?php
/**
 * User Dashboard Administration Screen
 *
 * @package WordPress
 * @subpackage Administration
 * @since 3.1.0
 */

/** Load WordPress Administration Bootstrap */
require_once( dirname( __FILE__ ) . '/admin.php' );

require( ABSPATH . 'wp-admin/index.php' );

.htaccess

RewriteEngine On 
RewriteCond %{SERVER_PORT} 80
RewriteCond %{HTTP_HOST} ^(www\.)?raben\.com.mx
RewriteRule ^(.*)$ https://www.raben.com.mx/$1 [R,L]

SSL error and garbled page.

enter image description here enter image description here

I hope you can support me.

html

1 Answers

  1. Best Answer

    If your page is messed up and displayed differently than it was after making the switch to SSL, it is because you must now use pages and resources that must be encrypted, they must all use the protocolhttps:// , otherwise there will be things like .css files , .js or images which will not be able to load and that will influence the operation or visualization of your page.

    In fact you can see the message that indicates:

    "Parts of this page are not secure"

    enter image description here

    ( In English:

    ''Parts of this page are not secure'' and "This page includes other resources which are not secure"

    )

    Solution:

    To resolve this issue, make sure that the code on the page does not pull data directly from an unsafe URL. View the HTML source code of the page to check for unsafe elements. This can be done in a web browser by right clicking and selecting 'view source'. To identify unsafe elements, view the source code of the page and look for the text src = "http:// This will highlight elements on your page that are loaded from an unsafe URL. The source code (HTML) should be verified if there are NON-SECURE tags (ie <img src = "http://www.symantec.com/images/seals/Secure ...">) Make sure the following references are changed to HTTPS or a virtual directory.

    Checking your page, you can indeed see that some .css are being blocked as they are using http://and nothttps:// :

    enter image description here

    you should check the files that refer to these resources and that are in the same domain, change the protocol to https://.

    The file you need to edit is style.css:

    enter image description here

    • 7