Cómo evitar que WordPress formatee automáticamente HTML en publicaciones y páginas

WordPress tiene el problema de intentar siempre formatear HTML automáticamente cuando lo agregas en el editor. También están los problemas de alternar entre el editor de texto y el editor visual. Si bien Gutenberg resuelve muchos de estos problemas, aquellos que trabajan en el editor clásico aún pueden verse afectados.

No hay nada peor que agregar HTML a un editor de WordPress solo para descubrir que su código se ha formateado automáticamente para usted. Hay una manera de desactivar el formato HTML en WordPress , pero necesitará un poco de ayuda del complemento que usaremos hoy.

¿Qué sucede con el código HTML que agrego?

El principal problema que tienen las personas es que cuando agregan código HTML al editor de texto de WordPress y luego vuelven al editor visual , todo el código se elimina y WordPress formatea automáticamente. Técnicamente, el sistema está haciendo esto para ayudarlo, ya que está eliminando el código que cree que no es correcto ni necesario.

Durante mucho tiempo, no había nada que pudieras hacer al respecto. Sin embargo, con el tiempo, surgió cierto código que podría agregar y que podría ayudarlo. También puede formatear todo con anticipación en un editor externo, luego pegar ese contenido en el editor de texto en WordPress y publicarlo.

Sin embargo, incluso si hace eso, si hace clic por error en el editor visual, WordPress formatea automáticamente el HTML nuevamente. Así que da vueltas y vueltas, sin ningún progreso si lo hace.

Hoy, le mostraré cómo puede detener el formato HTML en WordPress utilizando un complemento que le proporcionará un código para solucionar todos estos problemas.

Echemos un vistazo al complemento en cuestión y veamos todo lo que tiene para ofrecer.

HTML sin formato

Raw HTML es un complemento liviano y fácil de usar que le permite evitar que WordPress formatee automáticamente el contenido HTML. Debe permanecer en el editor de texto, pero la versión pro también se ocupa de este problema.

El complemento Raw HTML funciona de manera muy simple. Una vez agregado, envuelve cualquier parte de una publicación o página en el código generado por el complemento. Esencialmente, envolver contenido en este shortcode evitará que WordPress convierta líneas nuevas en párrafos HTML.

El complemento se vuelve aún más útil si necesita (o desea) agregar un bloque CSS o JavaScript a su publicación o página. Además del código abreviado proporcionado en el complemento, también agrega nuevas casillas de verificación a la pantalla "Editar publicación". Puede usar estas casillas de verificación para deshabilitar ciertos filtros de WordPress publicación por publicación. A pesar de ser liviano, Raw HTML también permitirá:

• Posibilidad de deshabilitar wptexturize
• Deshabilitar la creación automática de párrafos
• Posibilidad de deshabilitar caritas de imágenes.
• Deshabilitar convert_chars

En general, será muy difícil encontrar un complemento mejor para este problema. Vamos a instalarlo y configurarlo juntos para que puedas corregir todo el código HTML de tu sitio.

Nota: La versión gratuita de este complemento solo admite la edición de publicaciones en el editor HTML (editor de texto) en WordPress. Si desea cambiar entre el editor de texto y el visual sin estropear el contenido, debe obtener la versión pro del complemento.

También se debe tener en cuenta que este complemento no es totalmente compatible con el editor de Gutenberg . El tutorial a continuación está dirigido a personas que todavía usan el editor clásico en WordPress para construir y escribir.

Evite que WordPress intente formatear HTML automáticamente

Paso 1. Instalar y activar el complemento

Para detener el formato automático de HTML en WordPress, primero debe instalar y activar el complemento. Puede hacerlo saltando a la página Complementos en el panel de administración de WordPress.

Allí encontrará un campo de búsqueda. Use ese campo para buscar el complemento por nombre. Una vez que lo vea aparecer, instálelo y actívelo directamente desde allí.

Paso 2: Cree una nueva publicación para formato HTML automático

Ahora que el complemento está instalado y activado, es hora de crear una nueva publicación. Para hacer esto, haga clic en Publicaciones > Agregar nuevo, ubicado en el área del menú del lado izquierdo del tablero.

Esto abrirá una nueva publicación donde puede usar el código que se ve a continuación y también tendrá acceso a las casillas de verificación que proporciona el complemento.

Nota: No hay una página de configuración para el complemento.

Paso 3: Crear contenido HTML

Cuando se abra el editor (editor clásico), haga clic en la pestaña "Texto" y comience a crear su contenido HTML. Desea envolver el contenido en el siguiente código:

[raw]contenido aquí[/raw]  o  etiquetas <!—raw–>content here<!–/raw–>  .

Esto evita que WordPress formatee parte de su publicación o página. Recuerde, debe estar en el editor de texto/HTML y envolverlo en el código anterior. El editor visual solo funciona con la versión pro del complemento.

Las dos versiones del código anterior funcionan exactamente igual. La única diferencia es que las últimas (etiquetas) no serán visibles para sus visitantes incluso si desactiva el complemento HTML sin procesar.

Paso 4: desplácese hacia abajo para usar casillas de verificación HTML sin formato

También puede desplazarse hacia abajo en la página y usar cualquiera de las casillas de verificación disponibles proporcionadas por el complemento. Estos deshabilitarán ciertas funciones según lo que necesite.

¡Eso es todo! Continúe y publique el contenido. Puede ver que todo su formato HTML permanecerá y está listo para comenzar.

Recuerde, permanezca en el editor de texto o el editor seguirá formateando HTML automáticamente. Nuevamente, necesita la versión pro del complemento para usar el lado visual del editor.

¿Otros complementos para usar para detener el formato automático de HTML?

Los complementos para este tipo de función son pocos y distantes entre sí. Siempre hay un código que puede agregar a su tema, pero esto implica ingresar al archivo PHP , y no todos se sienten cómodos con eso.

Dicho esto, hay otro complemento que ayuda con la tipografía y otros problemas que puede enfrentar al usar el editor de WordPress. Siéntete libre de echarle un vistazo y ver si te puede ser útil de alguna manera.

wp-Tipografía

wp-Typography lo ayudará a mejorar la tipografía web y también le dará más control sobre muchas funciones que se encuentran en el editor de WordPress. Podrá acceder al control de espaciado, reemplazo de caracteres y enlaces CSS. 

El complemento no ralentiza los tiempos de carga de la página y tiene una página de configuración fluida y fácil de entender que puede adaptar a su gusto. Échale un vistazo.

Pensamientos finales

El formato automático de HTML en WordPress ha sido un problema constante durante bastante tiempo. Dicho esto, a medida que han pasado los años, han surgido diferentes herramientas y funciones que pueden ayudarlo a evitar que WordPress formatee automáticamente el contenido HTML.

El complemento anterior le dará un control bastante bueno sobre este tipo de contenido. Recuerde, deberá permanecer en la pestaña del editor de texto y también deberá utilizar el editor clásico. Si no lo eres, entonces este tutorial no es para ti y el editor de Gutenberg tiene su propia forma de lidiar con esto.

Espero que este tutorial haya podido mostrarle lo fácil que es hacer que WordPress deje de formatear automáticamente su contenido HTML.

¿Has usado este complemento antes? ¿Prefieres agregar código al archivo PHP?