El SSL Rompe el CSS de WordPress

13 dic 2012, 00:19:16
Vistas: 79.3K
Votos: 22

Compramos un certificado SSL de network solutions (por cierto, nunca se lo recomendaría ni a mi peor enemigo).

Aparentemente está activado... hice algunas comprobaciones que indican que está activado para nuestro dominio. Pero cuando ingreso https://www.texasshredderclassic.com el sitio entero se rompe. Para ser más específico, por "se rompe", me refiero a que desactiva completamente el CSS, y mi Usuario+Contraseña de inicio de sesión ya no funcionan (¿parece que esto podría ser una pista?)

He intentado descargar WordPress HTTPS, pero eso me expulsa de la página de administración y también destroza el CSS.

No me importa si funciona en todo el sitio, solo necesito que funcione en nuestra página de formulario (texasshredderclassic.com/registration) – ¡usando gravity forms y conectando con authorize.net!

¡Me estoy arrancando el pelo porque no tengo idea de qué hacer a continuación! Parece que tenemos el certificado SSL... ¡simplemente no podemos hacer que funcione! ¡Cualquier ayuda es muy apreciada!

10
Comentarios

"...el sitio completo se rompe" no es realmente útil para nadie que esté dispuesto a ofrecer ayuda. ¿Podrías editar tu pregunta para detallar los problemas y comportamientos que estás viendo?

Steve Steve
13 dic 2012 00:31:16

gracias por la sugerencia, añadí más detalles, ¡espero que esto ayude! ¡Gracias!

user1727053 user1727053
13 dic 2012 00:36:33

No encuentro ningún problema con el CSS, se carga bien para mí incluso en la página de registro. No hay errores en Firebug ni advertencias de certificado/SSL. Hasta que llego a la página de registro; donde el formulario me dice que la página no es segura.

Steve Steve
13 dic 2012 00:46:10

¿eso es con https:// delante, Stephen?

user1727053 user1727053
13 dic 2012 00:48:33

Sí, ¿de qué otra manera probaría el certificado? ;)

Steve Steve
13 dic 2012 00:49:53

Acabo de verificarlo en Firefox y ahora el CSS está funcionando... pero sí, todavía me aparece esa advertencia de "no seguro"... ¿alguna idea de por qué pasa esto?

user1727053 user1727053
13 dic 2012 00:50:25

Revisaría la documentación de Gravity Forms, me temo que no la conozco muy bien. Así que no puedo ofrecer sugerencias.

Steve Steve
13 dic 2012 00:51:58

@Stephen, cuando cargas el sitio en Chrome, Chrome bloquea los CSS con errores de contenido inseguro; "todo el sitio se ve roto".

webaware webaware
13 dic 2012 00:59:22

@webaware, buena observación, me precipité. No hay problemas en FF, Safari u Opera. Falla en IE y Chrome.

Steve Steve
13 dic 2012 01:06:58

Ah, ya veo. Gracias Stephen. He descargado "Better WP Security" y he forzado el registro seguro. Pero ahora me está dando un bucle de redirección... He oído que esto puede ser porque WP redirige automáticamente a http, luego el plugin hace https... ¿tienes alguna idea sobre esto?

user1727053 user1727053
13 dic 2012 01:07:50
Mostrar los 5 comentarios restantes
Todas las respuestas a la pregunta 4
7
51

Para la parte del login, esto me funcionó...

Pega la siguiente línea en tu archivo wp-config.php

if ($_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https') $_SERVER['HTTPS']='on';

pero asegúrate de hacerlo antes de la siguiente línea

require_once(ABSPATH . 'wp-settings.php');

Haciendo esto podrás recuperar tu panel de administración... Mira los detalles aquí

Además, para evitar contenido mixto, después de restaurar tu panel de administración, recuerda ir a AJUSTES, General, y cambiar la URL del servidor de http a https.

31 jul 2015 08:57:52
Comentarios

santo cielo. después de revisar una docena de artículos estúpidos sobre SSL en Google que nunca mencionaban esto - esto funciona.

Dobler Dobler
13 abr 2017 03:25:49

esta debería ser la respuesta aceptada, ¡funciona genial!

Miguel Miguel
20 ago 2017 22:11:19

el framework más utilizado en la web, y después de años todavía necesita arreglos como este. Arquitectura horrible que no permite hacerlo estable

Elvis Ciotti Elvis Ciotti
23 jul 2018 00:55:33

¿Esto todavía está actualizado? Lo resolví instalando dos plugins: - https://wordpress.org/plugins/really-simple-ssl y - https://wordpress.org/plugins/remove-http

rubo77 rubo77
28 ago 2018 13:44:43

Gracias, esto funcionó. No hay necesidad de plugins adicionales. Añadí la información al issue en https://core.trac.wordpress.org/ticket/38273#comment:5

rubo77 rubo77
27 oct 2018 22:28:51

Wooooow finalmente resolviste mi problema. Instalé una versión limpia de WP 4 veces y migré entre 2 servidores

Shady Mohamed Sherif Shady Mohamed Sherif
7 may 2020 09:05:33

esto fue un salvavidas, nos rompimos la cabeza durante una semana y no podíamos resolver este loco error de contenido mixto y el panel de administración de WordPress no funcionaba. @Dobler misma historia

nitigyan nitigyan
2 jun 2022 06:25:14
Mostrar los 2 comentarios restantes
5

Ve a la configuración general de WordPress y cambia la Dirección de WordPress (URL) y la Dirección del sitio (URL) de HTTP a HTTPS.

PD: Y desactiva todos los plugins que estén causando problemas en tu sitio.

Si eso no soluciona el problema, aquí hay una guía adecuada con varios pasos que puedes seguir: https://managewp.com/wordpress-ssl-settings-and-how-to-resolve-mixed-content-warnings

13 dic 2012 01:16:09
Comentarios

Me preocupa hacer esto porque tengo un amigo que intentó hacerlo con SSL y rompió completamente su WordPress (cuando lo movió a https://)

Y también, ¿no hará esto que todas mis páginas carguen con https, haciéndolas mucho más lentas?

user1727053 user1727053
13 dic 2012 01:20:12

No debería romper nada. Acabo de hacerlo anoche.

Sagive Sagive
13 dic 2012 03:31:27

Depende del código de tu tema/plugin, si está bien escrito no afectará nada.

Wyck Wyck
13 dic 2012 03:40:50

Vale, lo he hecho... ahora es https://, pero el certificado sigue diciendo que es inseguro? Dios, esto me supera...

user1727053 user1727053
13 dic 2012 05:56:29

¡¡A mí me ha funcionado!!

Abram Abram
27 feb 2015 17:05:37
0

Este tipo de "rotura" en el CSS es causada principalmente por acceder a archivos mediante peticiones HTTP en una conexión HTTPS, o en resumen, acceder a archivos inseguros.

En el enlace proporcionado, el formulario de Registro se carga en un iframe, y además, sus archivos CSS se cargan mediante HTTP y no mediante una conexión HTTPS.

Así que, si tienes acceso directo a los archivos que sirven como formulario de registro, cambiar todos los http:// por https:// podría solucionar el problema, pero yo he estado usando el SSL Insecure Content Fixer, y hasta ahora funciona bien.

15 dic 2015 06:37:39
3

¿Has probado a ejecutar SSL Insecure Content Fixer? (transparencia: yo lo escribí, pero solo quiero saber si has intentado solucionar tu problema con este plugin). Debería solucionar la mayoría de los errores de carga de scripts, al menos para los plugins que no han sido demasiado problemáticos.

Me doy cuenta de que estás ejecutando WP 3.5. Recibí un informe esta mañana de alguien que ejecutaba WP 3.5 con hojas de estilo cargadas usando bloginfo('stylesheet_url'); y tenía el mismo problema, un informe de contenido inseguro en las hojas de estilo de su tema. ¿Puedes revisar tu tema y decirnos cómo se cargan tus hojas de estilo?

13 dic 2012 00:57:20
Comentarios

¿Dónde puedo encontrar esta información? Intenté usar SSL Insecure Content Fixer... ¡pero no hubo diferencia!

user1727053 user1727053
13 dic 2012 01:49:30

Revisa en el archivo header.php de tu tema, busca las líneas con <link rel="stylesheet" y dinos qué dice.

webaware webaware
13 dic 2012 01:53:49

@user1727053: ¿revisaste el header.php de tu tema? ¿Cuáles son los enlaces a las hojas de estilo? ¿Sigues usando SSL Insecure Content Fixer o WordPress HTTPS? (si es así, entonces tienes algunos plugins/temas mal configurados; si no, ¡activa uno de ellos para que podamos ver qué sigue sin funcionar!)

webaware webaware
13 dic 2012 10:45:28