Por qué y cómo crear un sitio web estático con WordPress

¿Qué no puedes construir con WordPress? Puede crear todo tipo de sitios web, desde pequeños blogs hasta grandes sitios de comercio electrónico.

Es por eso que WordPress es la plataforma elegida por millones de empresas en todo el mundo, incluidas marcas conocidas.

WordPress es fácil de usar y ofrece muchas opciones de personalización en temas, creadores de páginas y complementos.

Además, la plataforma cuenta con una gran comunidad de colaboradores y seguidores en todo el mundo. Hay muchas razones por las que WordPress se ha convertido en un elemento básico, pero no entraremos en eso.

Si bien WordPress es un marco de aplicación poderoso, no puede crear sitios web estáticos simples en la plataforma. Me refiero a un simple sitio web HTML + CSS + (tal vez JavaScript), no otro "en su Leer ajustar"Cosas.

Todo esto se debe a que WordPress genera lo que llamamos páginas web dinámicas.

Si eso suena confuso, amigo, que así sea Entonces, ¿cuál es la diferencia entre un sitio web estático y un sitio web dinámico? Bueno, para hacer algunos puntos, explicaré cómo funciona WordPress y cómo funciona un sitio web estático. Comencemos con un sitio web estático, damas y caballeros.

El sitio web estático es fácil de usar. HTML y CSS archivo y posiblemente algunos JavaScript.archivos que crea/codifica desde cero o con algún software, como taza de caféetc Dios, odio la jerga, pero es difícil de evitar.

Si quiero explicar, necesitamos un curso completo de diseño web. Si tiene unos minutos libres, consulte la guía que mencioné anteriormente para obtener más información.

Por el camino: Para empezar, HTML proporciona estructura y CSS proporciona estilo. JavaScript proporciona interactividad. Personalmente, prefiero escribir código desde cero que usar CoffeeCup, porque esa herramienta crea código inflado. prefiero correr riesgos Bloc de notas ++y construir todo desde cero.

Por otro lado, WordPress es una plataforma para generar páginas web de forma dinámica. No codifica páginas desde cero. Simplemente inicie sesión en su administrador de WordPress, ingrese su contenido y haga clic en liberar botón.

entonces omnipotente PHP Inicie y recupere su contenido desde una base de datos en funcionamiento mysql o algo como esto base de datos maríaSí, lo sé, pero sigue leyendo.

WordPress se encarga de todo lo demás al combinar las diferentes partes para construir la página que ves en tu navegador.

Esto es muy similar a lo que hace Microsoft Office cuando crea un documento. Simplemente escriba y Microsoft Office se encargará de todo lo demás. No escribes documentación desde cero.

Dicho esto, tienes varias herramientas para crear versiones estáticas de tu sitio de WordPress. Quiero decir, puedes usar complementos o servicios en la nube.

Esto es lo que más me gusta de WordPress; siempre hay una manera de evitarlo. Obtiene un complemento o un servicio para arreglarlo por usted. No encontré un problema que no pudiera resolverse con la ayuda de complementos o servicios de terceros.

Pero antes de perdernos en todo esto, ¿por qué crear una versión estática de tu sitio de WordPress? Cuál es el beneficio

Por qué usar WordPress para crear un sitio web estático

Resumen: cada sitio de WordPress realiza cientos de tareas antes de crear la página que ves en tu navegador, lo que ralentiza todo.

Su sitio de WordPress también puede funcionar con miles de archivos del núcleo de WordPress, temas, complementos e integraciones de terceros. Esto no es todo; su sitio de WordPress se conecta a múltiples puntos finales, creando múltiples agujeros de seguridad para los piratas informáticos.

Por otro lado, los sitios web estáticos funcionan de manera diferente. Puede funcionar sin conexión con una base de datos, lo que lo hace más rápido. Además, tener algunos puntos finales (si los hay) significa que tiene una mejor seguridad. Además, eres menos propenso a errores comunes de WordPress como el infame "Error al conectarse a la base de datos"Es un error.

Ahora, una lectura larga.

Es por eso que un sitio web estático es una solución viable. yo recuerdono estamos hablando de ti exactamente bomba nuclear Su instalación de WordPress. Simplemente crea una versión estática para que puedas disfrutar de los siguientes beneficios.

tiempo de carga de página más rápido

¿Puede un sitio de WordPress funcionar sin una base de datos? No. ¿Puede WordPress funcionar sin Apache o PHP? No otra vez. WordPress no puede ejecutarse sin las muchas tareas de servidor que puede realizar un sitio web estático.

Si usa alojamiento compartido, las cosas empeoran porque los recursos se distribuyen en millones de sitios web. Si realiza su comercialización correctamente y comienza a atraer mucho tráfico, los sitios de alojamiento compartido de WP sufrirán.

Para crear la página que ve en su navegador, WordPress realiza múltiples viajes de ida y vuelta al servidor y ejecuta muchos comandos PHP, etc.

Comando más ruta lleva tiempo. Esto puede tomar algunos milisegundos, pero cuando tiene un sitio web grande (y popular), eso es suficiente para ralentizar las cosas y causar una alta tasa de abandono.

Los sitios web estáticos no tienen que lidiar con páginas dinámicas, lo que elimina los viajes de ida y vuelta y le ahorra tiempo al cargar la página. Lo que sucede es que obtienes un tiempo de carga de la página más rápido, lo que siempre es bienvenido, especialmente cuando Google premia los sitios más rápidos. Además, las páginas más rápidas pueden mejorar la experiencia del usuario (UX), lo que se traduce en mejores tasas de conversión.

mejor seguridad

La inyección SQL es una amenaza inmediata que paralizará sitio tras sitio, por millones. Y WordPress tampoco es inmune, ya que se ejecuta en una base de datos que es inmune a la inyección de SQL, especialmente si no fortaleces la seguridad de WordPress.

Además de eso, algunos complementos de WordPress pueden exponer su sitio a riesgos de seguridad (como ataques XSS), especialmente si descarga complementos de fuentes cuestionables o no puede ejecutar actualizaciones periódicas.

La versión estática de su sitio web no tiene esta vulnerabilidad, ya que no hay complementos que puedan ser pirateados. Además, el código PHP (del lado del servidor) no se está ejecutando. Además, no necesitas conectarte a la base de datos 🙂

Sin embargo, la versión de WordPress de su sitio aún tiene estos problemas de seguridad, pero puede optar por ocultar WordPress de los atacantes mediante un archivo .htaccess.

Simplemente oculte la versión de WordPress detrás de una contraseña .htaccess y mantenga un sitio web estático en su lugar. Luego continúe, cree contenido de WordPress y haga clic en los cambios en el sitio estático.

No hace falta decir que ningún activo digital (lectura, sitio web, aplicación móvil, etc.) está 100% protegido contra ataques, así que esté atento.

Reducir la administración y el mantenimiento

Administrar un sitio web no es una tarea fácil. Comenzar un sitio fuerte de WordPress es aún más difícil. Como vimos en la lista de verificación de soporte de WordPress, muchos engranajes necesitan una lubricación constante.

Para empezar, debe mantener su instalación de WordPress actualizada o atraerá a los malos. Además, los temas y complementos más nuevos requieren la última versión de WordPress, lo que significa que te estás perdiendo excelentes funciones.

No tengo ni idea: si no lo sabe, los temas y complementos obsoletos pueden exponer su sitio a los atacantes, especialmente si son Algunas vulnerabilidades de seguridad.

También necesita optimizar sus páginas para una carga más rápida, lo que puede causarle problemas para minimizar archivos o usar complementos de almacenamiento en caché de WordPress y CDN. Si eres un principiante, esto es difícil. Lo sé, he estado allí.

No tienes nada que ver con un sitio web estático. No necesita actualizar el kernel, los temas o los complementos de WordPress, lo que significa menos soporte para usted.

Por el camino: Pero debe seguir actualizando el núcleo, los temas y los complementos de WordPress, incluso si tiene una instalación local en su computadora. Esta es una buena higiene de seguridad del sitio.

Incluso si usa alojamiento compartido, no tiene que preocuparse por la velocidad de carga de la página. Lo más importante, una versión estática de su sitio web tiene mejor seguridad, como mencionamos antesque es una cosa menos de qué preocuparse.

Escalabilidad

Todos queremos crear sitios web que atraigan a muchos visitantes. Después de todo, el tráfico es el elemento vital de cualquier sitio web exitoso.

Sin tráfico, su sitio web está prácticamente muerto. Has creado un sitio web para que el mundo pueda encontrarte a ti y a tu negocio, lo cual es genial.

WordPress es ahora una plataforma extensible. Ya sea que tenga una pequeña empresa con una docena de visitantes en línea o una gran empresa de comercio electrónico con millones de páginas vistas mensuales, puede manejar todas sus operaciones.

Pero, por ejemplo, si su tráfico salta y usa alojamiento compartido, tendrá problemas con su sitio de WordPress porque muchas tareas se ejecutan en segundo plano (tareas que el paquete de alojamiento compartido no puede manejar).

Debido a que se están ejecutando muchos procesos, acceder a su sitio de WordPress varias veces al mismo tiempo puede dañar su servidor o base de datos.

Por otro lado, un sitio web estático es fácil de escalar, ya sea que tenga 10 visitas a la vez o un millón de visitas. por qué Porque no hay un viaje de ida y vuelta al servidor y la base de datos.

En otras palabras, casi no hay procesos que carguen el servidor, lo que significa que las visitas uno a muchos no te defraudará. Todavía puede suceder, pero no tan a menudo como los sitios de WordPress, debido a los viajes y procesos de ida y vuelta.

Esto significa que puede alojar fácilmente en un alojamiento económico o incluso en GitHub (u otro alojamiento gratuito) de forma gratuita y sin ningún problema. Incluso si su tráfico aumenta, su sitio web estático seguirá funcionando, lo que puede mantener su sitio de WordPress en el mismo paquete de alojamiento.

Estos son algunos de los beneficios de crear una versión estática de su sitio de WordPress. Ahora, pasemos a la parte divertida; crear una versión estática de su sitio de WordPress.

Probé varios complementos, pero todos fallaron. Algunos no se han actualizado en años y otros requieren compilar el código fuente de Github, que definitivamente no es adecuado para principiantes. Fue muy frustrante hasta que lo descubrí. Prensa estática 2019, puedo sonreír de nuevo.

Cómo crear un sitio web estático con WordPress

En algunos casos, uso el siguiente sitio de muestra que viene con Temas totales de WordPress:

El sitio de demostración de WordPress todavía existe: diseño.vistamedia.xyz.

Crearemos un sitio web estático que se alojará en un subdominio diferente (es decir, estática.vistamedia.xyz) actualmente se ve así:

No te preocupes; es solo un directorio vacío en mi servidor sin archivos en el sitio web. Allí almacenaremos la versión estática de nuestro sitio de WordPress.

No tengo ni idea: Uso subdominios solo para ilustración. Puede utilizar cualquier otro dominio o URL que desee.

Pero antes de continuar, ten en cuenta los siguientes puntos. Para empezar, esta solución no funcionará para todos los sitios de WordPress.

Es ideal para sitios web simples como:

• Guías online que no requieren complicaciones
• Cartera principal
• sitio de información limpio
• Próximamente página y página de destino
• Sitios vulnerables, como sitios políticos y sitios de celebridades
• debe ser un sitio web muy rápido

Esto se debe a que convertir un sitio de WordPress en un sitio estático interrumpe la funcionalidad del servidor, como por ejemplo:

• Complemento de comercio electrónico
• La mayoría de complementos para controles deslizantes
• Formulario de comentarios predeterminado de WordPress
• Formulario de contacto en el lado del servidor
• Todos los complementos que usan formularios de envío
• complemento de evento
• Complemento de membresía
• Gadget Publicaciones principales
• RSS Feed
• y cualquier otro complemento que requiera un servidor para ejecutarse

Los sitios de comercio electrónico de WooCommerce sufren cuando los convierte en sitios estáticos, porque WooCommerce crea páginas dinámicas que requieren PHP y funcionalidad de servidor.

Sin embargo, existen muchas soluciones para obtener la funcionalidad que necesita. Por ejemplo, puede usar Disqus para reseñas, Algolia para búsquedas y Snipcart para comercio electrónico. Hay algunas soluciones para otras funciones, pero debe preguntar si vale la pena el tiempo y el esfuerzo.

Dicho esto... veamos qué puede hacer el complemento StaticPress2019.

Cómo crear un sitio web estático con el complemento StaticPress2019

StaticPress2019 está disponible en el repositorio de complementos de WordPress, lo que significa que podemos instalarlo en el panel de administración de WordPress.

Inicie sesión en su administrador de WordPress y vaya a Complementos> Agregar nuevo:

Luego ingresa prensa estática En el cuadro Búsqueda por palabra clave, cuando encuentre el complemento, haga clic en instalar ahora:

entonces, tu activas enchufar. Hasta ahora todo bien, lo estás haciendo muy bien.

Luego haga clic Opciones de StaticPress2019 En su menú de administración de WordPress, como se muestra a continuación.

Luego ingrese la URL y la raíz del documento del sitio web estático y haga clic en guardar cambios botón.

En mi caso uso estática.vistamedia.xyz y /home/vistxxxx/static.vistamedia.xyz, respectivamente. Utilice el valor apropiado para su situación.

Luego haga clic Noticias estáticas para 2019:

En la página siguiente, haga clic en reconstrucción como se muestra en la captura de pantalla a continuación.

Espere a que comience el proceso. Esto puede llevar algún tiempo, dependiendo del tamaño de su sitio web.

Una vez finalizado el proceso, puedes soltar las burbujas, porque de eso se trata

Pero espera. ¡No olvide probar su sitio web estático a fondo! Puede ver su nuevo sitio web estático en la parte delantera.

Aquí está nuestro resultado final estática.vistamedia.xyzquien se veia asi...

... ahora se ve así:

no puedes entender la diferencia. Sólo una advertencia; es mucho más rápido que la versión de WordPress del mismo paquete de alojamiento 🙂 Y todo está ahí, incluidas fotos y publicaciones de blog, diseño receptivo y más.

El complemento StaticPress2019 es excelente para crear sitios web estáticos a partir de sitios de WordPress antiguos y nuevos.

recordar: Si está actualizando su sitio de WordPress, debe ir a Prensa estática 2019 y haga clic reconstrucción botón, como hicimos hace unos segundos. Si lo hace, se realizarán cambios en la versión estática de su sitio 🙂

Si está creando un nuevo sitio de WordPress y desea convertirlo en un sitio estático más tarde, puede considerar usar un servicio pago, como Pérdida o Prensa resistenteDichos servicios ofrecen un sitio web estático mensual y soluciones integradas para comentarios y formularios de búsqueda.

Como dijimos antes, cuando usa complementos como StaticPress2019, siempre hay soluciones para dicha funcionalidad. Esto significa que puede crear una versión estática de su sitio de WordPress sin pagar, especialmente cuando es así de simple.

ultimas palabras

Hay pros y contras de crear un sitio web estático con WordPress. Puede disfrutar de tiempos de carga de página más rápidos, mejor seguridad, menos tareas administrativas y más opciones de alojamiento a su disposición.

Al mismo tiempo, los sitios estáticos no son adecuados para todos los sitios de WordPress, como los sitios de comercio electrónico que dependen en gran medida de WooCommerce.

Esto se debe a que la funcionalidad del servidor se elimina cuando convierte su sitio de WordPress en un sitio estático. Contenido como formularios de contacto, formularios de pedido, reseñas y carritos de compras no estarán disponibles.

Si bien existen algunas soluciones para obtener la funcionalidad que necesita, siempre es importante considerar si realmente necesita un sitio web estático. Claro, es fácil de configurar, pero ¿no sería mejor ejecutar un sitio de WordPress en el alojamiento Stellar, por ejemplo?

¿Por qué no prueba StaticPress2019 y nos dice lo que piensa en la sección de comentarios? ¡Feliz creación y cuidado!