Solución para el código intrusivo en WordPress

  • Autor Autor shadowhck
  • Fecha de inicio Fecha de inicio
shadowhck

shadowhck

Lambda
Programador
Verificado por Whatsapp
hola, tengo el sitio de descargas DescargasPlus actualmente lo estoy desarrollando con reseñas,etc, y en cuestiones tecnicas estoy utilizando WordPress y yo mismo subo los archivos de descargas a un lugar donde siempre esten disponibles pero el problema surge al querer agregar el siguiente codigo:

HTML:
<!--more-->
<a rel="nofollow" href="http://blablabla" target="_blank"><div style="width:150px;height:45px;background:url('***********');"></div></a>
El estilo del div ya lo intente colocar en el style.css y en el header con la tag <style>, lo que hace WordPress o no se quien o que cosa lo aga es poner <P> en el codigo sin que yo lo concienta. Aqui esta un pedaso de lo que me arroja:

HTML:
<p><span id="more-137"></span><br />
<a rel="nofollow" href="http://blablabla" target="_blank">
<div style="width:150px;height:45px;background:url('http://www.************/img/boton_descargar_.png');"></div>
<p></a></p>
Como se observa no se a quien se le ocurre colocar la <p> antes del cierra de un <a> y el cierre del </p> despues del cierre de </a>

Necesito ayuda, el codigo que les mostre es tal cual, aqui esta la url en la que tengo el problema:******* estoy asiendo pruebas antes de aplicarlo, he intentado poner el codigo en una plantilla en blanco HTML y funciona correctamente pero al colocarlo en el post no funciona porque hay código intrusivo. :listen:
 
Última edición:
Agrega esta línea a tu archivo functions.php:

PHP:
remove_filter( 'the_content', 'wpautop' );
 
Me funciono correctamente, como puedes saberlo todo? :laugh1:

JAJAJAJA

Lo que pasa es que tengo muchos años en el negocio, he cometido muchos errores y me han pasado muchas cosas, pero de todo eso he aprendido mucho.
 
JAJAJAJA

Lo que pasa es que tengo muchos años en el negocio, he cometido muchos errores y me han pasado muchas cosas, pero de todo eso he aprendido mucho.

Espero que para cuando tenga unos 19 años (tengo 17) ya sepa mucho al igual que tu 😛
 
HTML:
<a rel="nofollow" href="http://blablabla" target="_blank"><div style="width:150px;height:45px;background:url('http://www.descargasplus.com/img/boton_descargar_.png');"></div></a>

una sola cosa, no puedes poner un elemento block (div) dentro de un elemento inline (a), por lo tanto si quieres que el código cumpla los estándares, cámbialo por lo siguiente:

HTML:
<a rel="nofollow" href="http://blablabla" target="_blank"><span style="width:150px;height:45px;background:url('http://www.descargasplus.com/img/boton_descargar_.png');"></span></a>
 
HTML:
<a rel="nofollow" href="http://blablabla" target="_blank"><div style="width:150px;height:45px;background:url('http://www.descargasplus.com/img/boton_descargar_.png');"></div></a>
una sola cosa, no puedes poner un elemento block (div) dentro de un elemento inline (a), por lo tanto si quieres que el código cumpla los estándares, cámbialo por lo siguiente:

HTML:
<a rel="nofollow" href="http://blablabla" target="_blank"><span style="width:150px;height:45px;background:url('http://www.descargasplus.com/img/boton_descargar_.png');"></span></a>

Esto solo sucede en XHTML 1.0, cuando lo escribo en HTML 5 sucede lo contrario y me lo marca correctamente, espero que salga pronto al 100% :lollypop:
 
Esto solo sucede en XHTML 1.0, cuando lo escribo en HTML 5 sucede lo contrario y me lo marca correctamente, espero que salga pronto al 100% :lollypop:

Ese fue uno de los cambios de HTML5, pero ya que en tu página esta en XHTML no te haría daño seguir los estándares.

P.D. Ni yo me sabía ese filtro 😛
 
Ese fue uno de los cambios de HTML5, pero ya que en tu página esta en XHTML no te haría daño seguir los estándares.

P.D. Ni yo me sabía ese filtro 😛

Para lograrlo tuve siguiendo entandares de XHTML utilice un <button> dentro del <a> y de esta manera me funciono, lo malo es que no pude utilizar <span> :laugh1: y como al poner el cursor en el boton no parece nada aparece como si fuera una simple imagen, para esto solo le añadi un poco de CSS :biggrin:
 
Atrás
Arriba