Cómo generar una copia HTML estática de su sitio de WordPress

Puede crear casi cualquier tipo de sitio web que desee usar WordPress. Sin embargo, no puede usarlo para crear sitios web simples de HTML. En algunos casos, esto es todo lo que necesita y puede usar otra plataforma para hacerlo. Afortunadamente, es muy poco lo que no puedes hacer con los complementos de WordPress. En este artículo, hablaremos de cuándo tiene sentido usar páginas simples de WordPress. También presentaremos un complemento que le permita generar páginas estáticas de WordPress y discutir cómo alojarlas. ¡Vamos! Por qué es posible que desee usar un sitio web estático simple antes de ir más allá, hable sobre cuáles son las páginas estáticas. Decimos que una página es “estática” cuando no carga ningún contenido dinámico y consiste solo en HTML, CSS y posiblemente de JavaScript. En muchos casos, las personas asocian páginas estáticas con diseños demasiado simples, pero solo puede hacer mucho con HTML y CSS.
WordPress, por otro lado, genera solo páginas dinámicas, sin importar cuán simples sean sus diseños. Por ejemplo, de forma predeterminada, sus últimas publicaciones se presentan en su página de inicio. Para lograr esto, use algo llamado WordPress “bucle”. The Loop está buscando las últimas publicaciones que ha publicado y listas en orden cronológico:

El hecho de que WordPress solo genera páginas dinámicas no es una desventaja. Lejos de esto, porque le permite crear casi cualquier tipo de sitio que desee, desde proyectos simples hasta complejos. Sin embargo, hay casos en los que es posible que desee usar páginas estáticas simples. P.ej:
Puede ser mejor por razones de seguridad. Con páginas estáticas, su servidor no debe “jugar” su sitio cada vez que alguien lo visita. En cambio, les envía solo HTML y CSS simples, por lo que es más difícil explotar su sitio. Las pendientes estáticas tienden a ser más rápidas. Las páginas estáticas generalmente se cobran más rápido, porque su servidor no debe generarlas.
Son menos propensos a los errores. WordPress es muy fácil de usar, pero aún pueden ocurrir errores. En el caso de las páginas estáticas, la mayoría de ellas, como conectar errores a la base de datos, no será un problema.
Si bien las páginas estáticas tienen beneficios claros, no es una coincidencia que la Web se mueva constantemente a más y más sitios que usan sistemas de gestión de contenido (CMS) en lugar de construir páginas desde cero. Esto se debe al hecho de que las páginas dinámicas le permiten implementar muchas funciones más avanzadas.
Veamos un ejemplo rápido. Con un blog estático, debe actualizar su página de inicio cada vez que cree una publicación. Eso significa agregar una nueva imagen, una imagen presentada y muchos más para cada actualización. WordPress, por otro lado, hace todas esas cosas pesadas en el fondo debido al bucle. Sin embargo, si desea configurar un sitio web, no tendrá que actualizar a menudo, las páginas estáticas funcionarán excelentes. Del mismo modo, los sitios con funcionalidad muy simple, como carteras pequeñas o archivos en línea, podrían ser mejores con un enfoque estático. La desventaja es que generalmente no puede usar WordPress para crear esos sitios. Con Div, puede llevar solo unas pocas horas crear un sitio profesional, con algunas páginas. Sin embargo, no serían estáticos. Afortunadamente, hay un complemento que puede ayudarlo. Presentamos el complemento WP de salida HTML
El complemento WP de salida HTML ha existido por algún tiempo y por buenas razones. Este complemento le permite generar niños completamente estáticos de todo el sitio web de WordPress e implementarlos en otras plataformas. Además de transformar sus páginas de WordPress en niños estáticos, el complemento puede reemplazar todos sus enlaces internos. En la práctica, esto le permite usar WordPress para crear su sitio web en un medio de prueba local y luego implementarlo en su plataforma de alojamiento. HTML Output Static WP también incluye todos los archivos multimedia al exportar su sitio web. También puede usarlo para almacenar una copia anterior de su sitio como reserva.
Sin embargo, tenga en cuenta que tendrá problemas si intenta usarlo para reproducir características dinámicas, como secciones de comentarios, formularios de conexión y más. En general, si en su sitio hay funcionalidades que requieren la introducción por parte del usuario o pueden considerarse dinámicas, no funcionará cuando lo traduzca en una página estática, así que tenga en cuenta esto al tener en cuenta el uso del complemento. Características clave: cree niños completamente estáticos de todo el sitio web de WordPress.

Exporte su contenido junto con todos los archivos multimedia.
Reemplace todos sus enlaces internos para que pueda implementar páginas estáticas de WordPress en un entorno en vivo.
Almacenan a los hijos de exportaciones anteriores como respaldo.
Reescribir las formas de que su contenido de WordPress oculte su sitio web es usar la plataforma.
Precio: gratis, con una versión premium disponible más información
Cómo generar una copia HTML estática de su sitio de WordPress (y alojarlo usando GitHub) En esta sección, le mostraremos cómo implementar páginas estáticas de WordPress en GitHub. GitHub le permite alojar páginas estáticas de forma gratuita, lo que lo convierte en una opción decente si desea usarlo como un host simple para páginas estáticas. Paso 1: Genere una copia HTML estática de su sitio para este paso, utilizaremos el complemento WP de salida HTML que hemos introducido anteriormente. Continúe e instálelo y activelo ahora en su sitio web. Una vez que haya terminado, vaya a la salida HTML estática TRA Transi> WP en su sitio.
Antes de generar una copia estática de su sitio, revisemos algunas configuraciones ofrecidas por complemento. En primer lugar, verá una opción para indicar la URL que tiene la intención de usar para su sitio. Recuerde, sus páginas estáticas no se mostrarán correctamente a menos que ingrese la URL correcta aquí, porque sus páginas no podrán la URL que haya establecido. Anteriormente, hablamos sobre cómo puede usar esta función para crear sitios localmente e implementarlos en un entorno en vivo. Como tal, le recomendamos que consulte nuestros consejos sobre cómo elegir el nombre de dominio perfecto.
Al continuar, puede activar la configuración para exportar su sitio web como un archivo zip, que puede descargar desde el tablero. De lo contrario, el complemento solo exportará los nuevos archivos en el WP-Context / Supars /. Aquí puede ver a ese director con algunas exportaciones completas de nuestro sitio. También puede elegir si desea mantener la última exportación que cree para usarla como copia de seguridad:
Si desea cambiar la carpeta en la que el complemento exporta sus páginas, puede hacerlo en la sección Cancelar el director de salida:
Finalmente, hay opciones para reemplazar los valores predeterminados de WordPress con su nombre de elección. La idea es ocultar el hecho de que su sitio ha sido construido con WordPress:

Depende de usted si usa esta función, ya que no afectará la funcionalidad de su página exportada de ninguna manera. Una vez que esté listo para crear niños estáticos de sus páginas de WordPress, haga clic en el botón Inicio Exportar Sitio estático: el complemento hará su trabajo ahora y puede seguir su progreso a través del registro de exportación en la parte inferior de la pestaña:

Una vez que se completa el proceso, debe ver una línea en el registro de exportación en la parte superior, que Zip creó escribe, incluido un enlace a la derecha:

Si copia y pega ese enlace a la barra de navegación, podrá descargar una copia estática de su sitio web para que no tenga que usar FTP. Una vez que tenga el sitio estático, es hora de probarlo y publicarlo.

Paso 2: Cargue su sitio estático en GitHub en este momento, debe tener todos los archivos estáticos creados desde su sitio de WordPress. Es hora de encontrar un lugar para alojarlos, por lo que puede verificar si funciona de acuerdo con la intención. Hagamos esto usando GitHub, que le permite configurar páginas estáticas simples a través de depósitos. Si no ha utilizado GitHub antes o no necesita un recordatorio, aquí hay una guía rápida para comenzar a usar la plataforma. Una vez que haya configurado una cuenta de GitHub, deberá crear un nuevo almacén. Escriba una descripción si lo desea y deje el depósito establecido en el público, luego haga clic en el botón Crear depósito:

Una vez que su almacén esté listo, debe cargar los archivos de WordPress en él. Para hacer esto, puede usar la línea de comando si está familiarizado con el control de la versión GIT o usar la aplicación de escritorio GitHub. Utilizaremos el enfoque de escritorio aquí, porque es más fácil de seguir. Al configurar la aplicación de escritorio GitHub, podrá clonar los depósitos existentes de su cuenta: Elija entre la lista del almacén que ha configurado anteriormente y establece su ruta local en cualquier carpeta que desee. Usará esa carpeta para agregar archivos de WordPress, así que asegúrese de que esté en un lugar que pueda recordar:

Descarte el archivo exportado del paso número uno y extraiga su contenido al archivo local del almacén que ha configurado hace un segundo. Después de hacer esto, la aplicación de escritorio GitHub detectará cambios en el almacén. Especifique un nombre para su primera confirmación y luego haga clic en el botón Commit to Master:

Ahora, al hacer clic en el botón, se publica en la parte superior de la aplicación, sus cambios se cargarán en GitHub. Ahora está casi listo para acceder a su página. Sin embargo, primero debemos configurar GitHub para reconocer su almacén como sitio web. Para hacer esto, vaya a la configuración del almacén y busque la sección de páginas GitHub. En la fuente, elija la opción de rama principal y haga clic en Guardar:

La URL de su sitio ahora aparecerá en la parte superior de la sección. Si lo visita, debería ver que su sitio de WordPress solo aparece como una página estática:
Como se mencionó anteriormente, algunas partes de su sitio web pueden no funcionar si se basa en contenido dinámico, como secciones de comentarios. Sin embargo, si este es el caso, probablemente tendrá algún uso de páginas estáticas de todos modos y debe permanecer usando WordPress normalmente. Conclusión En algunos casos, HTML simple y Little CSS es todo lo que necesita para construir un sitio web informativo y elegante. Sin embargo, WordPress genera páginas dinámicas de la caja. Esto está lejos de ser malo, pero significa que tienes que jugar un pequeño juego si quieres crear páginas estáticas de WordPress. Aquí le mostramos cómo hacer el trabajo y publicar las páginas estáticas de forma gratuita, en tres pasos: use el complemento WP de salida HTML para crear una copia estática de su sitio.

Cargue las páginas estáticas en GitHub.

¿Tiene alguna pregunta sobre la creación de páginas estáticas de WordPress? ¡Hablemos de ellos en la sección de comentarios a continuación! Miniatura de la imagen del artículo de Andrew Ryalko / Shutterstock.com