Advertisement
  1. Web Design
  2. WordPress
  3. WordPress Hosting

Cómo cargar un archivo HTML a WordPress

Scroll to top
Read Time: 8 min

() translation by (you can also view the original English article)

En este artículo discutiremos un par de formas diferentes en las que puedes cargar un archivo HTML a tu sitio web de WordPress.

¿Por qué necesitas cargar un archivo HTML a WordPress?

Cuando trabajas con un sitio web de WordPress puedes usar cualquier cosa, desde entradas y páginas estáticas hasta lujosas funciones dinámicas, como galerías de imágenes, revistas y comercio electrónico. Puedes implementar muchas de estas funciones avanzadas simplemente instalando y configurando complementos gratuitos del mercado de WordPress.

Por otro lado, cuando se trata del diseño y la temática de tu sitio web, WordPress te permite elegir de entre miles de temas profesionales listos para ser usados disponibles en el mercado. Cuando combinas estos temas con complementos de generación de páginas, puedes personalizar completamente tu interfaz de la manera que desees. Y si eso no es suficiente, puedes personalizar un tema o construir tu propio tema para darle una apariencia completamente diferente a tu sitio web.

Habiendo dicho eso, en ocasiones es posible que quieras cargar un archivo HTML específico que obtuviste de tu sitio anterior, y simplemente no quieres tocar el resto de tu instalación de WordPress. Específicamente, quizá tengas un archivo HTML que muestra un diseño completamente diferente al de tu sitio web existente, y quieres mostrarlo para campañas específicas. O quizá quieras verificar tu sitio web con Google cargando un archivo HTML a la raíz de los documentos de tu sitio web.

Sea cual sea la razón, en esta publicación analizaremos un par de maneras de cargar un archivo HTML a tu sitio web de WordPress.

Cómo cargar un archivo HTML

Resumamos rápidamente los diferentes métodos que puedes usar para cargar un archivo HTML:

  • Usa el software de cliente FTP
  • Usa cPanel
  • Usa el editor del back-end

Software de cliente FTP

Esta es una de las maneras más sencillas de cargar archivos de tu computadora al sitio web de WordPress. Si tienes acceso FTP a tu sitio web, puedes usar el software de cliente FTP para conectarte a tu sitio web y cargar los archivos necesarios. Mantén tus credenciales de FTP a la mano si quieres usar esta opción. Necesitarás tener un host, nombre de usuario, contraseña y puerto.

Hay diferentes clientes FTP disponibles, y necesitas elegir uno para la versión de tu sistema operativo. Si estás usando sistemas basados en *nix, Linux y Unix, puedes utilizar opciones populares como LFTP, gFTP o FileZilla. Por otro lado, WinSCP es una de las opciones más populares para los usuarios de Windows.

Una vez que hayas instalado tu cliente FTP favorito, sigue adelante y ábrelo. Ingresa la información necesaria, como se muestra en la siguiente captura de pantalla, y conéctate. Yo he usado el cliente gFTP.

gftp UIgftp UIgftp UI

Una vez que te conectes al servidor, deberías poder ver la lista de archivos disponibles en tu instalación de WordPress. gFTP lista los archivos de tu computadora local del lado izquierdo, y muestra los archivos del sitio remoto del lado derecho.

Ahora es momento de cargar el archivo deseado de tu computadora local a WordPress. En el lado izquierdo, navega al directorio en donde reside el archivo HTML, selecciona el archivo, y finalmente arrástralo y suéltalo en el lado derecho. Alternativamente, también puedes hacer doble clic en ese archivo para cargarlo.

Una vez que hayas cargado el archivo, asegúrate de que se haya cargado correctamente visitando el URL https://tu-sitioweb-wordpress/miarchivohtml.html en tu navegador.

Así es como puedes cargar archivos de tu computadora a WordPress usando el software de cliente FTP. En la siguiente sección discutiremos cómo puedes usar cPanel para lograr lo mismo.

cPanel

En esta sección veremos cómo puedes cargar un archivos HTML a tu WordPress con la ayuda de cPanel. ¡Por supuesto, necesitas tener acceso a cPanel en tu computadora host para usar esta opción! Puedes obtener más información sobre opciones gratuitas de alojamiento de WordPress aquí en Envato Tuts+.

El uso de cPanel es bastante similar al uso de FTP. Debes navegar al directorio de la instalación de WordPress y cargar los archivos que desees.

Sigue adelante e inicia sesión en tu cPanel. En tu panel de control, deberías poder ver las diferentes opciones mostradas a continuación.

Cpanel DashboardCpanel DashboardCpanel Dashboard

Después, haz clic en el enlace File Manager (Administrador de archivos) en tu panel de control, y eso debería llevarte a la pantalla que lista diferentes archivos de tu servidor. Navega al directorio de la instalación de WordPress en la que desees cargar el archivo HTML. Debería mostrar archivos, como puedes ver en la siguiente captura de pantalla.

File Manager UIFile Manager UIFile Manager UI

En la parte superior de la pantalla muestra diferentes botones que te permiten llevar a cabo diferentes operaciones con los archivos. Entre ellos, el botón Upload (Cargar) te permite cargar archivos de tu computadora, y eso es lo que vamos a usar en nuestro caso.

Sigue adelante y haz clic en el botón Upload (Cargar), y esto mostrará una pantalla emergente, como la que puedes ver en la siguiente captura de pantalla.

Upload File PopupUpload File PopupUpload File Popup

Básicamente te pide que elijas el archivo que quieras cargar. Haz clic en el botón Select File (Seleccionar archivo) y elige el archivo que desees de tu computadora. Después, cPanel debería cargar el archivo seleccionado al directorio deseado. Una vez que el archivo haya sido cargado correctamente, deberías poder verlo en la lista de archivos dentro del directorio de tu instalación de WordPress.

Si hay algún error al cargar tu archivo, este mostrará un útil mensaje que te permite tomar las medidas necesarias para corregir la causa del error. La mayoría de los errores están relacionados con los permisos del directorio u ocurren cuando el tamaño de tu archivo excede el límite de carga.

De esta manera, cPanel te permite cargar archivos de tu computadora a tu sitio web de WordPress. En la siguiente y última sección, veremos cómo puedes cargar un archivo desde el panel de WordPress.

Panel de control de WordPress

En esta sección discutiremos cómo puedes cargar archivos HTML con la ayuda del administrador de medios integrado, disponible en tu panel de control de WordPress.

Sin embargo, antes de que continúes y hagas uso de esta opción, necesitarás hacer cambios en tu archivo de configuración de WordPress. De forma predeterminada, WordPress te permite cargar archivos con extensiones específicas por motivos de seguridad. Principalmente puedes cargar archivos que pertenezcan a archivos de medios válidos como .jpg.gif.png.pdf, etc. Por otro lado, no puedes cargar archivos que tengan extensiones como .html, .js, .php, y así sucesivamente.

Por lo tanto, si quieres cargar un archivo que no sea un archivo de medios válido y que no pertenezca a una de las extensiones de medios válidas en WordPress, necesitas hacer un cambio especial en tu archivo de configuración de WordPress. Ten en cuenta que debe ser un cambio temporal, y debes deshacerlo una vez que hayas terminado de cargar archivos. Yo te recomendaría que utilices esta opción solo si sabes lo que estás haciendo.

Sigue adelante y abre el archivo wp-config.php con tu editor de texto favorito. El archivo wp-config.php reside en la raíz de tu instalación de WordPress. Agrega el siguiente fragmento de código al final de tu archivo.

1
define('ALLOW_UNFILTERED_UPLOADS', true);

Una vez que lo hayas hecho, carga el archivo wp-config.php actualizado a tu sitio de WordPress. Con estos cambios implementados, podrás cargar archivos .html de tu computadora.

A continuación, dirígete a tu panel de control de WordPress y navega a Media > Add New (Medios > Agregar nuevo). Esto mostrará la siguiente pantalla.

Add New File - Media ManagerAdd New File - Media ManagerAdd New File - Media Manager

Haz clic en el botón Select Files (Seleccionar archivos), que te permite elegir los archivos de tu computadora que quieras cargar. Selecciona los archivos que desees, y estos serán cargados de inmediato, como se muestra en la siguiente captura de pantalla.

Uploaded File PreviewUploaded File PreviewUploaded File Preview

Ahora navega a la sección Media > Library (Medios > Biblioteca), y esta debería mostrar la lista de archivos. Haz clic en el archivo que acabas de cargar para ver sus detalles. Verás el campo File URL (URL del archivo), que contiene el enlace de este archivo, como se muestra en la siguiente captura de pantalla.

Uploaded File URLUploaded File URLUploaded File URL

Puedes copiarlo y pegarlo en tu navegador para ver si funciona. Este es el enlace que necesitarías para acceder a este archivo en tu interfaz.

Así es como puedes cargar archivos con la ayuda del administrador de medios de tu panel de control de WordPress. No olvides deshacer tus cambios en el archivo wp-config.php, ya que sería un problema de seguridad peligroso mantenerlo abierto.

Conclusión

Hoy discutimos diferentes opciones que puedes usar para cargar un archivo HTML a tu sitio web de WordPress. No dudes en escribir un comentario si tienes alguna pregunta o duda usando el canal a continuación.

¡Instala un widged o complemento prémium de WordPress ahora mismo!

Hay miles de complementos de WordPress de alta calidad en CodeCanyon que pueden ayudar a mejorar el sitio web de tu empresa. Echa un vistazo a esta gran colección de complementos, y encontrarás complementos útiles en todos los diferentes tipos de categorías, desde mercadotecnia hasta comercio electrónico y redes sociales.

Encuentra el complemento de WordPress perfecto para ayudar a tu negocio a tener éxito y motivar a tus clientes. Puedes encontrar aún más ideas e inspiración en cuanto a complementos en nuestro curso gratuito sobre cómo encontrar los mejores complementos de WordPress para tu sitio.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.