¿Por qué subir archivos HTML a WordPress? Si está creando o desarrollando un sitio de WordPress, la importación de archivos y páginas HTML puede ahorrarle mucho tiempo al configurar su sitio o agregar contenido nuevo y personalizado. A veces, es posible que desee crear una página HTML personalizada o usar páginas de un sitio anterior y luego agregarlas a WordPress.
En esta publicación, le mostraremos cómo agregar archivos y páginas HTML a su sitio de WordPress.
Discutiremos:
¿Qué es un archivo HTML?
HTML significa “Lenguaje de marcado de hipertexto”, que es el lenguaje utilizado para crear y estructurar páginas web. Los archivos HTML son documentos de texto y contienen contenido altamente interactivo para mostrar en un navegador web. Puede crear archivos HTML desde cero o puede convertir archivos existentes, como Google Docs, a HTML.
A continuación se muestra un ejemplo del contenido de un archivo HTML.
ver la pluma Un ejemplo de un archivo HTML por HubSpot (@hubspot) en CódigoPen.
Los archivos HTML se pueden cargar en cualquier tipo de navegador web. Esto los hace más aptos para dispositivos móviles, ya que se renderizarán correctamente independientemente del dispositivo o sistema operativo utilizado. Si muchas personas están trabajando en su sitio, o si subcontrata la tarea a un desarrollador externo, los archivos HTML son una excelente manera de distribuir su contenido antes de publicarlo en su sitio.
Pero ese no es el único beneficio de usar archivos HTML. Cuando trabaja en WordPress, los archivos HTML son excelentes para crear contenido personalizado que puede que no se ofrezca de forma nativa en su tema actual de WordPress.
Siga leyendo para conocer más razones para cargar archivos HTML y páginas web al crear su sitio de WordPress.
Por qué subir archivos HTML a WordPress
WordPress no es solo un creador de sitios web, es un sistema de gestión de contenido. Esto significa que incluso si su sitio está alojado en WordPress, no necesita crear todas las páginas en la interfaz de WordPress.
Cuando se trata de desarrollo de sitios web, WordPress tiene sus ventajas. Puede crear hermosas páginas con temas prediseñados e incluso instalar creadores de páginas como Elementor para crear páginas de ventas, páginas de destino y páginas de productos.
Sin embargo, es posible que desee almacenar archivos HTML personalizados en su panel de WordPress. Aquí hay algunas razones por las que vale la pena.
No desea reconstruir sus páginas desde cero.
Puede tener una página HTML existente que se convierta bien y, en lugar de reconstruirla en WordPress, puede ahorrar tiempo simplemente cargando la página directamente. También reduce el riesgo de error humano porque en lugar de copiar y pegar manualmente el código, simplemente puede cargar todo el contenido a través de un archivo HTML.
Desea personalizar su sitio web más allá del tema embotellado.
Otro beneficio de cargar archivos HTML es que le permite personalizar el contenido más allá de lo que permite su tema. Por ejemplo, digamos que su sitio anterior usaba una plantilla o página que realmente le gustaba pero que no está disponible en WordPress. Puede copiar el código HTML de este contenido y luego subirlo a su sitio de WordPress.
O bien, puede recrear el contenido desde cero y escribir el HTML usted mismo. Cuando haya terminado, suba su archivo HTML a WordPress y ¡listo! Ahora tiene una nueva página o función personalizada a su disposición.
Es más fácil verificar su sitio con servicios como Google Search Console.
Finalmente, una gran ventaja de cargar HTML en WordPress es que ayuda a validar su sitio en Google Search Console. Para usar Google Search Console, primero debe verificar su sitio web, lo que incluye: cargando un archivo HTML especial a WordPress. Esto le da a Google acceso a sus datos y asegura que su sitio esté correctamente indexado por el motor de búsqueda de Google.
¿Listo para comenzar a cargar? Siga leyendo para obtener una guía paso a paso para cargar archivos HTML en WordPress.
Cómo subir un archivo HTML a WordPress
- Ir al panel de administración.
- Haz clic en “Páginas” en la barra lateral izquierda.
- Seleccione una página existente o cree una nueva.
- Haga clic en “Agregar bloque”.
- Agregue un bloque “Archivo”.
- Elija su archivo HTML.
1. Vaya al panel de administración.
Puede usar el editor visual de WordPress para agregar rápidamente archivos HTML a su sitio web. Para acceder al editor visual, primero vaya al panel de administración.
2. Haga clic en “Páginas” en la barra lateral izquierda.
Entonces eche un vistazo a la barra lateral izquierda. Debería haber una opción llamada “Páginas”. Haz click en eso. Esto debería cargar una nueva pantalla a la derecha, similar al ejemplo a continuación, que muestra todas las páginas que ha creado.
3. Seleccione una página existente o cree una nueva.
Ahora debería poder editar una página existente o agregar una nueva. Para agregar una nueva página, simplemente haga clic en el botón junto al título “Páginas”, que significa “Agregar nuevo”.
Si desea editar una publicación existente, simplemente haga clic en el nombre de la publicación y el editor se cargará de inmediato. El editor visual debería abrirse de forma predeterminada, pero si también usa un creador de páginas como Elementor, coloque el cursor sobre el nombre de la página y haga clic en “Editar” en lugar de “Editar con Elementor”.
4. Haga clic en “Agregar bloque”.
Después de acceder al Editor visual, haga clic en la esquina superior izquierda para “agregar un bloque”. Esto abrirá el menú desplegable en el lado izquierdo de la pantalla.
5. Agregue el bloque “Archivo”.
Usando la barra de búsqueda en la parte superior del menú de la izquierda, busque “Archivo”. Luego haga clic en él para cargar un nuevo archivo.
También puede buscar “HTML”. Este bloque te permitirá ingresar código HTML, pero tendrás que copiarlo y pegarlo manualmente en el bloque de código. Esto funciona si está cargando fragmentos cortos de código, pero es más eficiente usar las opciones multimedia para archivos más grandes.
6. Elija su archivo HTML.
En el módulo que se muestra, seleccione la opción “enviar”. Luego seleccione el archivo HTML que desea agregar a la publicación. El archivo seleccionado debe agregarse automáticamente a la publicación.
También puede agregar el archivo a su biblioteca de medios. Esto le permitirá reutilizar el archivo HTML en otras publicaciones del blog.
¿Cómo soluciono el error “El tipo de archivo no está permitido por razones de seguridad”?
En algunos casos, puede encontrar este error al intentar cargar un archivo HTML en una publicación de blog o biblioteca multimedia.
La forma más fácil de navegar por esto es usar un bloque HTML. Usando un bloque HTML, puede copiar todo el código de un archivo HTML y pegarlo directamente en su sitio web de WordPress, similar al ejemplo a continuación.
Cómo agregar una página HTML a WordPress
Supongamos que somos los orgullosos diseñadores del sitio de Lonéz Scents y queremos llevar ese sitio a WordPress.
Echemos un vistazo al proceso de migración de este sitio a WordPress.
1. Comprima la página HTML en una carpeta ZIP.
Exporte el sitio web desde el CMS actual. No necesita tocar ninguno de estos archivos, a menos que quiera personalizarlos antes de subirlos a WordPress.
Asegúrese de que este archivo HTML esté comprimido en una carpeta ZIP.
2. Vaya al cPanel de su sitio de WordPress.
¡Perfecto! Ahora tiene un archivo HTML que migrará a su sitio de WordPress.
Entonces es hora de acceder a cPanel donde se encuentra la base de datos de su sitio web. Obtiene estos inicios de sesión de su proveedor de alojamiento.
Consejo para profesionales: Si prefiere que otra persona haga el trabajo pesado por usted, algunos lo harán proveedores de alojamiento migrará sus sitios web de forma gratuita. Asegúrese de consultar con su servicio de alojamiento.
Para ir a cPanel, inicie sesión en el sitio web de su proveedor de alojamiento y descubra dónde se vinculan a su cPanel.
En Bluehost, haga clic en “Avanzado” en la barra lateral, desplácese hacia abajo hasta “Archivos” y luego haga clic en “Administrador de archivos”.
3. Ingrese a su carpeta public_HTML en cPanel.
Su carpeta public_HTML se encontrará en la barra lateral izquierda. Si aloja varios sitios, debe seleccionar el sitio al que desea mover la página.
4. Agregue una nueva carpeta a la carpeta public_HTML del sitio.
Haga clic en el botón “+ Carpeta” en la parte superior de la pantalla para crear una nueva carpeta. Ahora asigne un nombre a su nueva carpeta y luego haga clic en Crear nueva carpeta. (El nombre de esta carpeta formará parte de la URL de su página HTML).
5. Transfiera el archivo HTML comprimido a la nueva carpeta.
Después de crear la carpeta, haga clic en ella. Luego haga clic en el botón Enviar en la parte superior de la pantalla. Debería haber una opción Seleccionar archivo y puede seleccionar el archivo HTML comprimido que desea agregar.
6. Extraiga los archivos.
Después de la carga, el archivo HTML comprimido ahora está en una carpeta. Seleccione el archivo y haga clic en Extraer en la esquina superior derecha de la pantalla. Ahora haga clic en Extraer archivos.
7. Obtenga una vista previa de su sitio web.
Ahora verá una opción llamada Resultados de extracción. Haga clic en Cerrar. Luego haga clic en Actualizar en el medio de la pantalla. Verá el archivo HTML desempaquetado en la carpeta. (Si lo desea, elimine el archivo ZIP. No afectará la página HTML extraída ni ninguna otra carpeta).
Finalmente, puede obtener una vista previa de la página visitando yourdomain.com/FolderName/HTMLFileName.html.
¡Y estás acabado! Ya sabe cómo cargar archivos HTML en su sitio de WordPress.
Sube archivos HTML a WordPress para construir tu sitio web
Subir archivos HTML a WordPress podría ser una buena solución, especialmente si desea crear un sitio web altamente personalizado que no se puede construir con un tema. También es una gran opción para ti si quieres migrar tu antiguo sitio a WordPress. La mejor parte es que es fácil de hacer, pero asegúrese de marcar esta guía para que nunca se pierda durante el proceso.
Nota del editor: esta publicación se publicó originalmente en julio de 2019 y se actualizó para que esté completa.