Cómo editar HTML en WordPress Code Editor (Guía para principiantes)

¿Busca una manera fácil de editar HTML en su sitio web de WordPress? El lenguaje de marcado de hipertexto o HTML es un código que le dice a un navegador web cómo mostrar contenido en sus páginas web. La edición HTML es útil para la personalización avanzada y los problemas de solución de problemas. En este artículo, le mostraremos cómo editar HTML en el editor de código de WordPress utilizando diferentes métodos.

¿Por qué debería editar HTML en WordPress? WordPress ofrece miles de temas y complementos para cambiar el aspecto de su sitio web y personalizar diferentes elementos sin alcanzar una sola línea de código. Sin embargo, los complementos y los temas tienen sus limitaciones y pueden no proporcionar las funciones exactas que está buscando. Como resultado, es posible que no pueda modelar su sitio web como desea ver.
Aquí es muy útil editar HTML. Puede realizar fácilmente la personalización avanzada utilizando el código HTML. Ofrece mucha flexibilidad y control sobre cómo se verá y funcionará. No tiene acceso al tablero. Nota: Si no desea editar HTML, pero aún desea opciones de personalización completas, recomendamos usar un constructor de páginas de arrastrar y soltar, como SeedProd. Dicho esto, para analizar diferentes formas de editar HTML en un sitio web de WordPress.
Cubriremos cómo editar HTML usando el editor de bloques y el editor clásico y también le mostraremos una manera fácil de agregar código a su sitio. Puede hacer clic en los enlaces a continuación para moverse a la sección preferida.
Cómo editar HTML en WordPress Block Editorcum Editar HTML en WordPress Classic Editor
Cómo editar html en wordpress widgets
Cómo editar HTML en WordPress Theme Editor
Cómo editar HTML en WordPress usando FTP
Forma fácil de agregar código a WordPress
Cómo editar HTML en el editor de bloques de WordPress en el editor de bloques de WordPress, hay varias formas de editar la publicación HTML o el código de página.
Primero, puede usar un bloque HTML personalizado en su contenido para agregar código HTML. Para comenzar, vaya al tablero de WordPress y luego agregue una nueva publicación / página o edite un elemento existente. Después de eso, haga clic en el signo más (+) desde la esquina superior izquierda y agregue un bloque “HTML personalizado”.
Luego continúe e ingrese el código HTML personalizado en el bloque. También puede hacer clic en la opción “Vista previa” para verificar si el código HTML funciona correctamente y cómo se verá su contenido en su sitio en vivo.

Otra forma de agregar o modificar el código HTML en el editor de bloques de WordPress es editar el código HTML de un bloque en particular.

Para hacer esto, simplemente seleccione un bloque existente en su contenido y luego haga clic en el menú de tres puntos. Luego continúe y haga clic en la opción “Editar como HTML”.
Ahora verá el código HTML de un bloque individual. Continúe y edite el código HTML de su contenido, por ejemplo, puede agregar un enlace nofollow, cambiar su estilo de texto o agregar otro código.

Si desea editar el código HTML de toda su publicación, puede usar el “Editor de código” en el editor de bloques de WordPress. Puede acceder al editor de códigos haciendo clic en la opción de tres puntos en la esquina superior derecha. Luego seleccione el “Editor de código” de las opciones de descomposición. Como HTML se publica en WordPress Classic Editor si usa el editor clásico de WordPress, puede editar fácilmente el código HTML en la vista de texto. Para acceder a la vista de texto, simplemente edite una publicación de blog o agregue una nueva. Cuando esté en el editor clásico, haga clic en la pestaña “Texto” para ver el código HTML de su artículo.

Después de eso, puede editar el código HTML de su contenido, por ejemplo, puede atrever a diferentes palabras para que sean prominentes, puede usar el estilo cursivo en el texto, puede crear listas, puede agregar un contenido y muchos más. ¿Cómo editar HTML en WordPress Widgets?

En WordPress, el uso de un widget HTML personalizado puede ayudarlo a personalizar su barra lateral, sótano y otras áreas de widgets. Por ejemplo, puede incorporar formularios de contacto, mapas de Google, botones de urgencia (CTA) y otro contenido. Puede comenzar dirigiéndose al panel de administración de WordPress y luego acceder a widgets. Después de eso, continúe y agregue un widget HTML personalizado haciendo clic en el botón “Agregar”.

Luego deberá seleccionar dónde desea agregar el widget HTML personalizado y elegir un puesto. El área del widget dependerá del tema de WordPress que use. Por ejemplo, es posible que pueda agregarlo al sótano, el encabezado u otras áreas.
Después de seleccionar el área y la posición del widget, continúe y haga clic en el botón “Guardar el widget”. Después de eso, puede hacer clic en el widget HTML personalizado, ingrese el código HTML y luego haga clic en el botón “Guardar”. Ahora puede visitar su sitio web para ver el widget HTML en la acción.

Cómo editar HTML en WordPress Theme Editor Otra forma de editar su sitio web HTML es a través de WordPress Editor (editor de código). Sin embargo, no recomendamos que edite directamente el código en el editor de temas. El más mínimo error al ingresar al código puede romper su sitio web y bloquear su acceso al tablero de WordPress.


Además, si actualiza su tema, entonces todos sus cambios se perderían. Dicho esto, si está pensando en editar HTML usando el editor de temas, entonces es una buena idea copiar su sitio web antes de hacer cambios. Luego vaya al aspecto »Editor temático del tablero de WordPress. Ahora verá un mensaje de advertencia sobre la edición directa de los archivos temáticos.

Después de hacer clic en el botón “Entiendo”, verá los archivos de archivo y el código. Desde aquí, puede elegir qué archivo desea editar y realizar los cambios.

Cómo editar HTML en WordPress usando FTP Otro método alternativo de edición HTML en archivos temáticos de WordPress es el uso de FTP, también conocido como protocolo de transferencia de archivos.
Esta es una característica estándar que viene con todas las cuentas de alojamiento de WordPress. La ventaja de usar el FTP en lugar del editor de códigos es que puede solucionar fácilmente los problemas con el cliente FTP. De esta manera, no se bloqueará desde el tablero de WordPress si algo se rompe cuando edita HTML. Para comenzar, primero deberá seleccionar un software FTP. Usaremos FileZilla en este tutorial, porque es un cliente FTP de forma gratuita y fácil de usar para Windows, Mac y Linux. Una vez que haya seleccionado el cliente FTP, ahora tendrá que iniciar sesión en el servidor FTP de su sitio. Puede encontrar los detalles de conexión en el tablero del panel de control de su host. Consulte diferentes archivos y archivos de su sitio web en el sitio web en el sitio web. Columna “Sitio remoto”. Vaya más allá y navegue por sus archivos de tarea accediendo al tema WP-Content ». Ahora verá diferentes temas en su sitio web. Continúe y seleccione el tema que desea editar.

Luego puede hacer clic en un archivo de tema para editar el código HTML. Por ejemplo, si desea realizar cambios en el sótano, haga clic en el archivo Footer.php. Muchos clientes de FTP le permiten ver y editar el archivo y cargarlo automáticamente después de haber realizado cambios. En Filezilla, puede hacerlo haciendo clic en la opción “Ver / Editar”.

Sin embargo, le sugerimos que descargue el archivo que desea editar en el escritorio antes de hacer cambios. Después de editar el código HTML, puede reemplazar el archivo original. Para obtener más detalles, le recomendamos que siga nuestra guía sobre cómo usar FTP para cargar archivos en WordPress. Fácil de agregar código a WordPress La forma más fácil de agregar código a WordPress es usar los encabezados de inserción y el complemento de WordPress. El equipo WPBeginner diseñó este complemento para que pueda agregar fácilmente el código a su sitio en unos minutos, y lo hicimos 100% gratis. También le ayuda a organizar su código porque se almacena en un solo lugar. Además, evita los errores que pueden causarse a la edición manual del código. Otra ventaja es que no tiene que preocuparse por eliminar su código si decide actualizar o cambiar su tema. Lo primero que debe hacer es instalar y activar el complemento de insertos encabezados y pies de página en su sitio web. Para obtener más detalles, puede seguir nuestro tutorial detallado sobre cómo instalar un complemento de WordPress. Una vez que el complemento está activo, puede acceder a la configuración »Insertar encabezados y sótanos del panel de administración. Luego puede agregar el código HTML a su sitio web a su encabezado, cuerpo y cajas de sótano. Por ejemplo, suponga que desea mostrar una barra de alerta en su sitio web. Simplemente puede ingresar el código HTML en el cuadro “Escrituras en el cuerpo” y hacer clic en el botón Guardar.