Bloque HTML personalizado

Introducción al bloque HTML personalizado de WordPress

El bloque HTML personalizado de WordPress es una función dentro del editor de bloques de WordPress, comúnmente conocido como Gutenberg. Este bloque permite a los usuarios añadir código HTML personalizado a sus entradas o páginas. Es especialmente útil para aquellos que necesitan insertar código que no es compatible con los bloques estándar de WordPress.

Comprender el objetivo

El bloque HTML personalizado está diseñado para usuarios con ciertos conocimientos de HTML o para quienes necesiten incrustar fragmentos de código específicos, como widgets de terceros o scripts personalizados. Ofrece más flexibilidad y control sobre el contenido que los típicos bloques de texto.

Acceso al bloque HTML personalizado

Para acceder a este bloque, siga estos pasos:

  1. Inicie sesión en el panel de control de WordPress.
  2. Navegue hasta la entrada o página en la que desea añadir el código HTML.
  3. Pulse el botón "+" para añadir un nuevo bloque.
  4. Busque "HTML personalizado" en la barra de búsqueda del bloque.
  5. Selecciona el bloque HTML personalizado para añadirlo a tu entrada o página.

Añadir y editar código HTML

Una vez que haya añadido el bloque HTML personalizado:

  • Puede empezar a escribir su código HTML directamente en el bloque.
  • Si ya tienes el código HTML, puedes pegarlo en el bloque.
  • Puede editar el código HTML según sea necesario, directamente dentro del bloque.

Vista previa de su HTML

El bloque HTML personalizado tiene una función de vista previa incorporada:

  • Haz clic en el botón "Vista previa" de la barra de herramientas del bloque para ver cómo aparecerá tu código HTML en el front-end.
  • Esta función es especialmente útil para asegurarse de que el HTML se muestra como se espera antes de publicar o actualizar la entrada/página.

Buenas prácticas

Al utilizar el bloque HTML personalizado:

  • Asegúrese de que su código HTML está bien estructurado y no contiene errores.
  • Evite añadir demasiados bloques HTML personalizados, ya que podrían afectar al tiempo de carga de la página y al rendimiento general.
  • Tenga cuidado al añadir scripts de terceros, ya que podrían plantear riesgos de seguridad.

Limitaciones y consideraciones

  • El bloque HTML personalizado no está pensado para una codificación extensa. Para proyectos más grandes o más complejos, considere el uso de un tema hijo o un plugin personalizado.
  • Es importante tener en cuenta que ciertas etiquetas HTML pueden ser eliminadas por razones de seguridad, dependiendo de la configuración de WordPress y del rol del usuario.

Conclusión

El bloque de HTML personalizado en WordPress es una herramienta versátil para los usuarios que requieren HTML personalizado en sus entradas o páginas. Aunque ofrece una gran flexibilidad, debe utilizarse con criterio y con conocimientos de HTML. Recuerde previsualizar su trabajo y garantizar la compatibilidad con el diseño y la funcionalidad general de su sitio.