¿Es posible comentar el código HTML en una publicación de WordPress?

4 minutos de lectura

avatar de usuario
usuario249493

A veces necesito inyectar un código HTML sin procesar en una publicación de WordPress y, a veces, necesito comentar una parte de ese código.

Con un editor de texto sin formato, solo puedo usar <!-- Comment --> alrededor del trozo que quiero ocultar.

Pero cuando pruebo esto en una publicación de WP, oculta el código pero aún veo la “etiqueta de comentario de cierre” -->.

¿Cuál es la forma correcta, si es posible, de comentar el código en una publicación de WP?

¡Gracias!

  • Esta pregunta probablemente pertenece a superusuario o aplicaciones web.

    – LBushkin

    27 de julio de 2010 a las 13:48


  • Creo que quiere decir que colocar comentarios en una publicación a través de wp admin no convierte las entidades correctamente.

    – RobertPitt

    27 de julio de 2010 a las 14:10

  • Correcto… Vista HTML a través de wp admin…

    – usuario249493

    27 de julio de 2010 a las 14:14

  • use la etiqueta de código para mostrar html sin procesar aquí, o puede usar el ` codificar una pequeña pieza

    – RobertPitt

    27 de julio de 2010 a las 14:24

wpautop() contiene un error que rompe los comentarios que contienen código HTML. Una solución fácil es agregar una segunda etiqueta de comentario HTML de apertura justo antes del cierre; esto engaña a WordPress para que funcione como se espera. ver http://core.trac.wordpress.org/ticket/2691

Esto funcionará en WordPress:

<!-- <div class="book floatleft"><a href="#">
<img src="http://www.myreallycoolsite.com/wp-content/uploads/2013/02/button.png" alt="" />
</a></div> <!-- -->

Esto no funcionará en WordPress:

<!-- <div class="book floatleft"><a href="#">
<img src="http://www.myreallycoolsite.com/wp-content/uploads/2013/02/button.png" alt="" />
</a></div> -->

  • Me gusta esta solución porque no tiene que depender de CSS para que funcione, no tiene que meterse con los filtros predeterminados o agregados, no tiene que apagar o evitar el editor visual, y funcionará. si mueve su contenido a otro lugar. Salud.

    –Mike Ebert

    18/09/2013 a las 21:53

  • Un problema importante con esto es que agrega un salto de línea después del comentario.

    – Dan

    20 de marzo de 2017 a las 20:38


  • lol, después de esperar 11 años, este error está programado para corregirse en la versión 4.9 de WordPress. No te aguantaría la respiración.

    – jharrell

    24 de agosto de 2017 a las 17:03


Usar un bloque div oculto

como esto:

<div style="display: none;">

...comment...

</div>

Funciona de maravilla

  • El problema con esta solución es que los bots aún indexarán el contenido dentro del <div>.

    – nathangiebrecht

    15 de enero de 2014 a las 18:22

  • Desde un punto de vista semántico no es aceptable como solución. Un comentario HTML no es parte del contenido de la página (como otros elementos que no se muestran, como plegables, acordeones, paneles, etc.)

    – Marco Panichi

    20 de noviembre de 2015 a las 14:18

Puede probar uno de los siguientes complementos que conserva el formato del código dentro del editor html:

  • Complemento TRUEedit
  • Súper edición de WP
  • ps-desactivar-auto-formato
  • MU sin filtrar (solo multisitio)

Creo que la mayoría de estos complementos eliminan el filtro wptexturize que usa WordPress, que reemplaza caracteres y patrones (lo que estropea algunos códigos cortos y html).

Si está utilizando ‘Deans FCKEditor’ o ‘Foliopress WYSIWYG’, ese podría ser el problema, ya que convierten las comillas en comillas html, agregan marcas de párrafo, desordenan los códigos cortos y reemplazan otros caracteres html.

Este fragmento debería hacer lo que estás buscando.

// Add the unfiltered_html capability back in to WordPress 3.0 multisite.
function um_unfilter_multisite( $caps, $cap, $user_id, $args ) {
if ( $cap == 'unfiltered_html' ) {
    unset( $caps );
    $caps[] = $cap;
}
return $caps;
}
add_filter( 'map_meta_cap', 'um_unfilter_multisite', 10, 4 );

Prueba esto:

<!-- Comment --!>

Funciona de maravilla.

avatar de usuario
Glorfindel

en lugar de escribir <!--Comment--> en el editor de su publicación, asegúrese de colocar la etiqueta de comentario dentro del editor html sin formato.

texto alternativo
(fuente: headwaythemes.com)

También use un DOM Inspector para asegurarse de que th --> la etiqueta de cierre en realidad proviene de la publicación en sí.

Otro consejo, antes de publicar el artículo, presione el botón Close Tags botón para asegurarse de que valida mejor su html.

avatar de usuario
P.J.

Prueba esto:

&lt;!&#45;&#45;<br />
... commented out stuff ...<br >
&lt;&#45;&#45;&gt;

pero tenga cuidado con la etiqueta HTML break que WordPress agregará al final del comentario.

¿Ha sido útil esta solución?