Cloudflare es un fantástico servicio CDN gratuito + premium que proporciona SSL en el plan gratuito sin costo alguno.

Estaba probando su SSL con WordPress y Joomla, y ambos estaban rotos, lo que me molestó por un minuto. Sin embargo, encontré una solución fácil y pensé en compartirla contigo.

En este artículo, aprenderá: -

  • Cómo asegurarse de que SSL esté activado en Cloud Flare
  • Cómo reparar WordPress roto debido a Cloud Flare SSL
  • Cómo arreglar Joomla roto debido a Cloud Flare SSL
  • Cómo asegurarse de que HTTP se redirija en HTTPS

Así que lo primero es lo primero - asegurémonos de tener SSL activado en Cloud Flare

  • Inicie sesión en Cloud Flare
  • Seleccione el sitio web de una lista
  • Haga clic en Crypto
cloudflare-ssl
  • Asegúrese de que pueda ver "CERTIFICADO ACTIVO" y que el nivel de SSL esté habilitado como Flexible, Completo o Estricto según lo que necesite. Si no desea gastar dinero en tener un certificado en su servidor web, puede dejar el valor predeterminado, Flexible.

Esto asegura que Cloud Flare SSL esté activado en su sitio web.

Fix Cloudflare SSL issue in WordPress

Como puede ver en la siguiente captura de pantalla, el diseño de mi sitio de WordPress se rompió. Esto suele suceder cuando no se carga todo el contenido a través de HTTPS, lo que da como resultado un sitio roto.

Hay dos formas de solucionar este problema:

cloudflare-ssl-roto-wordpress

Nombre – asegúrese de que todos los contenidos se carguen desde la URL HTTPS. Sin embargo, si estuviera utilizando un tema de terceros, preferiría la segunda solución, que es fácil.

Segundo - Instalar SSL flexible de Cloudflare Plugin de WordPress

  • Inicie sesión en el administrador de WordPress
  • Vaya a Complementos >> Agregar nuevo
  • Busca"SSL flexible de Cloudflare"
  • Instalarlo y activarlo

Eso es todo: este complemento se encarga de todo. Como puede ver a continuación, se carga correctamente.

cloudflare-ssl-fijo-wordpress

Fix Cloudflare SSL issue in Joomla

Activé Cloud Flare SSL en mi sitio web, que está en Joomla, y se rompió el diseño.

cloudflare-roto-joomla

Para solucionar esto, instale el "Cloudflare para Joomla" enchufar

  • Descargar Cloudflare para Joomla enchufar. Primero debe registrarse para obtener una cuenta gratuita.
  • Inicie sesión en el administrador de Joomla
  • Vaya a Extensiones >> Administrador de extensiones
  • Haga clic en Elegir archivo y seleccione el complemento descargado y haga clic en Cargar e instalar
  • De forma predeterminada, Joomla no habilitará este complemento, por lo que debe hacerlo manualmente. A habilitar:-
  • Vaya a Extensiones >> Administrador de complementos
  • Busque Cloud Flare y habilite

Ahora puede ver que se carga correctamente.

CloudFlare-fix-CloudFlare-ssl

Una vez que active, debe asegurarse de que HTTP se redirija a HTTPS para evitar la duplicación en un motor de búsqueda.

HTTP to HTTPS redirection using Cloudflare Page Rules

  • Inicie sesión en Cloud Flare
  • Seleccione el sitio web de la lista
  • Haga clic en Reglas de la página
  • Ingrese la URL HTTP en el patrón de URL
  • Encender "Usar siempre https" Como se muestra abajo
Cloudflare-https-redirección

Eso es todo: está listo para usar SSL gratuito con tecnología de Cloud Flare. No te olvides de prueba tu SSL por cualquier vulnerabilidad.