Resumen: mostrar cómo descargar un sitio web completo (con imágenes, scripts, etcétera) como HTML para su uso fuera de internet o sin depender del dominio, útil también para convertir un sitio de WordPress a un sitio estático (pero con cualquier página funciona).
La herramienta que vamos a usar se llama HTTrack y es completamente gratuita y open source.
Necesitaba hacer un sitio de WordPress estático, ya que tenía que usarlo en algunas cosas de la escuela para enviarlo y que el profesor lo revisara.
Primero intenté con plugins, pero no funcionaron, después encontré esta herramienta.
El repositorio de GitHub está aquí, y puedes descargar el software aquí. Una vez que lo hayas descargado ejecuta el software.
Haz click en Next y luego configura el nombre del proyecto así como el lugar en la PC en donde lo vas a guardar:
Haz click en Next, en la siguiente pantalla selecciona la acción, que en la mayoría de casos es Download web site(s)
Después, en Web Addresses coloca la URL completa del sitio que vas a descargar.
Ahora haz click en Next. En la siguiente ventana deja todo como está y configura tus opciones como desees (por ejemplo, si quieres puedes configurar que la PC se apague al terminar)
Click en Finish y ahora debería comenzar a descargarse la página web:
Después puedes visitar la ruta en donde indicaste que se guarde la página; ahí habrá un directorio con el nombre del proyecto indicando al inicio, si lo abres habrá un index.html que puedes usar para navegar:
Casi ninguno, solo uno que tiene que ver con las imágenes responsivas. Como WordPress utiliza srcset
para eso de las imágenes responsivas, HTTracker no descargaba todas las del srcset
(solo era descargada la que estaba indicada en src
) así que al querer usar una del srcset
no funcionaba.
En resumen, hay que remover ese atributo desde WordPress para que no sea usada en la web offline; para ello puedes usar este plugin.
Hoy te voy a presentar un creador de credenciales que acabo de programar y que…
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Esta web usa cookies.
Ver comentarios
me gustaria contactarme con usted tengo una duda
Hola. Con gusto lo atiendo en https://parzibyte.me/#contacto