En nuestro artículo anterior, le mostramos dos herramientas ricas en funciones que sobresalen en la edición de HTML de WordPress para páginas y publicaciones individuales. Ahora, pasemos a la siguiente sección de edición de HTML, que involucra el código fuente de WordPress.
Dado que interferir con el código fuente puede poner en riesgo su sitio, solo opte por este método si confía en su conocimiento del código.
Usted es? ¡Entonces empecemos!
Por qué Deberías Saber Editar Código fuente HTML
WordPress tiene como objetivo ayudar a los usuarios a evitar tocar una línea de código tanto como sea posible. No hace falta decir que es una plataforma amigable y fácil de usar que proporciona muchas funciones y complementos incorporados para ayudar a los usuarios a satisfacer la mayoría de sus necesidades.
Por ejemplo, cuando se trata de personalizar su sitio de WordPress, hay muchos complementos y temas disponibles para ayudarlo a hacer las cosas. Al tenerlos instalados y activados, puede arreglar o personalizar completamente su sitio sin problemas. En otras palabras, para necesidades básicas, WordPress te permite hacer todo sin interferir con el código fuente de tu sitio.
Sin embargo, llega un momento en el que te gustaría tener más control sobre tu sitio, es decir, realizar una personalización avanzada. Incluso en el peor de los casos, su sitio se bloquea o sufre un error que le impide acceder a su panel de administración.
En estas circunstancias, editar el código fuente HTML de WordPress podría ser el ticket. Como tal, le ayudará a solucionar los problemas.
Esta publicación te mostrará una guía completa para editar código fuente HTML en WordPress. En consecuencia, puede elegir la solución más adecuada en función de sus necesidades específicas.
- Editar Código Fuente HTML Usando el Editor de Temas de WordPress
- Editar Código Fuente HTML Usando FTP (Protocolo de Transferencia de Archivos)
- Editar Código Fuente HTML Usando cPanel
Editar Código Fuente HTML Usando el Editor de Temas de WordPress
Usar el Editor de temas de WordPress en su panel de control es un método sencillo. Significa que no tiene que usar ningún complemento o plataforma de terceros para editar su código fuente HTML.
Simplemente siga los pasos a continuación.
Paso 1: Vaya a Apariencia > Editor de temas.
Paso 2: Aparece un mensaje de advertencia para confirmar su comprensión de la edición de HTML antes de comenzar. Haga clic en «Entiendo» para que la bola ruede.
Paso 3: Seleccione un tema para editar en el menú desplegable en la esquina derecha. Digamos que tenemos la intención de editar el tema de la tienda.
Paso 4: Aparecerá una nueva pantalla. En la lista de la derecha, seleccione un archivo de tema específico que desee editar.
Tenga en cuenta que los archivos se muestran dependiendo de su tema. Dicho esto, hay puntos comunes en todos los temas. Por ejemplo:
- Índice.encabezado php
- .php
- Pie de página.estilo php
- .Función css
- .php
Paso 4: Realice cambios en HTML. Recuerde proceder con precaución, ya que incluso una coma o punto incorrecto posiblemente rompa su sitio.
Paso 5: Presione Actualizar archivo para guardar los cambios.
Vale la pena señalar que WordPress evitará que guarde su HTML editado si se detectan errores. En este caso, vuelva a comprobar el código HTML y guárdelo de nuevo.
Por esta razón, este método se considera más seguro que los otros 2 métodos, que se presentarán a continuación.
Edite el código fuente HTML usando FTP
FTP significa Protocolo de transferencia de archivos. Si eres un experto en tecnología, editar el código fuente HTML de WordPress con un cliente FTP no será ciencia para ti. En este artículo, iremos con FileZilla, que es considerado el cliente FTP más seguro y fácil de usar entre varios.
¡Ahora, comencemos!
Paso 1: Descargue FileZilla e instálelo en su local.
Paso 2: Una vez hecho, abramos FileZilla.
Requerirá que introduzca sus credenciales de FTP, como un nombre de usuario, contraseña y nombre de host, que se pueden encontrar fácilmente en su cuenta de alojamiento.
Presione QuickConnect para conectarse con su servidor.
Paso 3: A continuación, debería ver una lista de los archivos de su sitio web en el panel derecho.
Abra la carpeta public_html. Es donde residen tus archivos y carpetas.
Paso 4: En la carpeta Public_html, busque la carpeta wp-content que alberga todos los temas instalados de su sitio. Deberías desplazarte hacia abajo para verlo.
Paso 5: Dentro de la carpeta wp-content, elija temas.
Aquí, descarga y edición de temas que desea personalizar.
Por ejemplo, como puede ver en la captura de pantalla a continuación, tenemos un tema llamado twentytwentyone.
Paso 6: Abra la carpeta del tema y verá una lista de archivos HTML. Para editar uno, haga clic con el botón derecho en él y seleccione la opción Ver/Editar.
En consecuencia, el archivo se descargará en su local.
Paso 7: Edita tus archivos de tema con tu propio código de fragmento.
Paso 8: Vuelva a cargar el archivo en la misma carpeta. En consecuencia, el nuevo archivo sobrescribirá los antiguos.
¡Eso es todo! Puede volver a su sitio público y comprobar el resultado.
Editar código fuente HTML Usando cPanel
Otro método digno de confianza para modificar el código fuente HTML de WordPress es usar cPanel.
Con cPanel, puede administrar sus sitios web de WordPress, cuentas de correo electrónico, nombres de dominio, conexión a bases de datos, etc. sin ningún tipo de conocimiento técnico.
Ahora, exploremos cómo puedes editar tu fuente HTML de WordPress con cPanel.
Paso 1: Inicie sesión en su cuenta de alojamiento web para acceder a cPanel.
Paso 2: Vaya al Administrador de archivos y busque la carpeta public_html.
Paso 3: En la carpeta wp-content, debería poder encontrar la carpeta temas.
Paso 4: En la carpeta temas, seleccione el tema actual y edítelo.
Esto abrirá el archivo en un editor de texto donde puede personalizarlo. Después de realizar los cambios, no olvide guardar el archivo.
Precaución Al editar Código fuente HTML de WordPress
Como se indica, cualquier cambio en el código fuente de WordPress podría poner en riesgo su sitio. Por lo tanto, tenga cuidado y tome en consideración nuestros consejos antes de comenzar.
Haga una copia de seguridad de sus datos
Esto garantiza que tenga un registro de datos actualizado para cargarlo en su backend en caso de que todo se estropee al editar el código fuente HTML.
Asegúrese de almacenar sus archivos de copia de seguridad en un lugar seguro para que los no autorizados no puedan acceder y robar sus valiosos datos.
Crear un Tema Infantil
Si usted planea editar directamente el código en los ficheros de tema, usted debe utilizar el tema niño en lugar de directamente editando el padre de uno. De lo contrario, perderás los cambios una vez que actualices el tema principal.
¿Está Listo para Editar su Código Fuente HTML de WordPress?
Con nuestros dos artículos, te has armado con conocimientos sólidos sobre la edición de HTML en tu página de WordPress, incluidas páginas individuales, publicaciones y código fuente.