Código HTML se descuadra en WordPress

virtualpc · 19 Nov 2012

hola amigos del foro es que estoy editando un tema de wordpress

cree una tabla para un contenido que ira dentro en el archivo singel.php y me quedo así

pero como me quedo dificl de administrar pues decidí cargar ese cuadro pero desde la entrada de wordpress en el cuadro html

pero cuando copio el código y actualizo noto que se me descuadra todo quedándome así

y con el inspeccionar elemento de google note que me crea un saldo de linea <br> automáticamente e revisado y modificado todo y no logro quitar ese salto de linea que se crea automáticamente tras poner una etiqueta <a></a>

espero y alguien me pueda ayudar ya que e buscado y no encuentro nada ni en google ni en el buscador del foro

de antemano muchas gracias por su ayuda

Cicklow · 19 Nov 2012

mmm creo ke es porke tenes un salto de lineas dsp del link, por eso WP pone el <br/>. Sino con este code lo sacas:
agrega esto al functions.php

PHP:

remove_filter ('the_content',  'wpautop');

virtualpc · 19 Nov 2012

cicklow dijo:
mmm creo ke es porke tenes un salto de lineas dsp del link, por eso WP pone el <br/>. Sino con este code lo sacas:
agrega esto al functions.php

PHP:

remove_filter ('the_content', 'wpautop');

huyyyyyyyyyyyy muchas graciasssssssssssssssss amigo con eso se soluciono todo enserio que gracias brother

y que pena si te puedo pregunta otra dudita es que yo las imágenes las estoy agregando en el html asi un ejemplo

HTML:

<img width="120" height="28" border="0" align="middle" src="http://1.bp.blogspot.com/-GLBVh7ED9Qc/UKnB7DE2LnI/AAAAAAAAACE/AAB-6UO_6ro/s1600/online1.png"

pero como ves con un link ........................

y e intentado poner la imagen relativa mas o menos asi

HTML:

<img width="120" height="28" border="0" align="middle" src="css/images/ver.png"

e buscado en google y supuesta mente con esto tendría que cargar la imagen pero no me la carga no se por que

mira estoy trabajando en un localhost y e leído que tengo que determinar la dirección adsoluta osea donde este el index y de partimos no se que tan en lo correcto estoy pero mira aqui esta mi index

y la imagenes estan dentro de css/images... mira

la verdad no se que estoy haciendo mal y requiero mejor cargar imágenes relativas por que próximamente estaré subiendo el tema a un hosting y no quiero tener problemas por esto

jonay · 19 Nov 2012

Insertar CODE, HTML o PHP:

<img width="120" height="28" border="0" align="middle" src="<?php bloginfo('template_url'); ?>/css/images/ver.png"

virtualpc · 19 Nov 2012

jonay dijo:
Insertar CODE, HTML o PHP:

<img width="120" height="28" border="0" align="middle" src="<?php bloginfo('template_url'); ?>/css/images/ver.png"

amigo gracias por comentar pero el problema es que como necesito cargar la imagen desde el editor html de una nueva entrada en wordpress en esa parte solo admite html no php y es por eso que no me a funcionado

osea necesito un código puro de html o lo que lea el editor de html de wordpress

espero y me halla echo entender amigo y espero y me puedan ayudar

de antemano muchas gracias por sus respuestas 🙂

jonay · 19 Nov 2012

virtualpc dijo:
amigo gracias por comentar pero el problema es que como necesito cargar la imagen desde el editor html de una nueva entrada en wordpress en esa parte solo admite html no php y es por eso que no me a funcionado

osea necesito un código puro de html o lo que lea el editor de html de wordpress

espero y me halla echo entender amigo y espero y me puedan ayudar

de antemano muchas gracias por sus respuestas 🙂

Entonces solo puedes poner la url completa o crear un shortcode... pero yo que tú no ponía todo eso en el post... sino utilizaba campos personalizados y así no tendrías que copiar todo esa tabla una y otra ves en los posts. :encouragement:

Cicklow · 19 Nov 2012

Pon:

Insertar CODE, HTML o PHP:

/wp-contents/themes/moviescript/css/images/

virtualpc · 19 Nov 2012

jonay dijo:
Entonces solo puedes poner la url completa o crear un shortcode... pero yo que tú no ponía todo eso en el post... sino utilizaba campos personalizados y así no tendrías que copiar todo esa tabla una y otra ves en los posts. :encouragement:

pues si brother lo de los campos personalizados lo estuve pensando pero creo queda aun mas dificl por que para estar administrando lo de cambiar los links cambiar las fotos delos servidores cambiar la foto de lso idiomas etc creo que al final terminara mas dificl

o que opinan ustedes amigo 🙂

- - - Actualizado - - -

cicklow dijo:
Pon:

Insertar CODE, HTML o PHP:

/wp-contents/themes/moviescript/css/images/

amigo puse el código tal cual lo escribiste agregándole la foto mira asi :

HTML:

<img width="24px" height="24px" src="/wp-contents/themes/moviescript/css/images/ver.png"/>

y nada brother no me muestra la foto

Cicklow · 19 Nov 2012

HTML:

<img width="24px" height="24px" src="/wp-contents/themes/moviescript/css/images/ver.png"/>

Pero te fijaste si existe bien la img asi? por ahi le erre en algo XD

virtualpc · 19 Nov 2012

cicklow dijo:
HTML:

<img width="24px" height="24px" src="/wp-contents/themes/moviescript/css/images/ver.png"/>

Pero te fijaste si existe bien la img asi? por ahi le erre en algo XD

no te entendí bien la pregunta amigo la imagen si se llama ver.png mira la foto

y el código que copio es el siguiente

HTML:

<img width="24px" height="24px" src="/wp-contents/themes/moviescript/css/images/ver.png"/>

y no aparece la imagen esta raro verdad????????????

Cicklow · 19 Nov 2012

virtualpc dijo:
no te entendí bien la pregunta amigo la imagen si se llama ver.png mira la foto

y el código que copio es el siguiente

HTML:

<img width="24px" height="24px" src="/wp-contents/themes/moviescript/css/images/ver.png"/>

y no aparece la imagen esta raro verdad????????????

jaja te dije ke veas bien porque por ahi le erre en algo y si... le erre puse una "s" de mas
es:

HTML:

<img width="24px" height="24px" src="/wp-content/themes/moviescript/css/images/ver.png"/>

Y NO!

HTML:

<img width="24px" height="24px" src="/wp-contents/themes/moviescript/css/images/ver.png"/>

virtualpc · 19 Nov 2012

cicklow dijo:
jaja te dije ke veas bien porque por ahi le erre en algo y si... le erre puse una "s" de mas
es:

HTML:

<img width="24px" height="24px" src="/wp-content/themes/moviescript/css/images/ver.png"/>

Y NO!

HTML:

<img width="24px" height="24px" src="/wp-contents/themes/moviescript/css/images/ver.png"/>

jajajajajaaj amigo tampoco aparece la pinche foto yo creo que es por que el editor html de las entradas de wordpress nos limita mucho por que si aceptara php hace rato lo hubiese echo

Cicklow · 19 Nov 2012

y con la url completa:?

HTML:

<img width="24px" height="24px" src="http://www.miweb.com/wp-content/themes/moviescript/css/images/ver.png"/>

virtualpc · 19 Nov 2012

cicklow dijo:
y con la url completa:?

HTML:

<img width="24px" height="24px" src="http://www.miweb.com/wp-content/themes/moviescript/css/images/ver.png"/>

brother tampoco ya puse toda la url con mi sitio wed empezando y nada la única forma que e podido es poniendo el link asi:

<img width="24px" height="24px" src="http://3.bp.blogspot.com/-hDu6fDs9Tsc/UKnC0r3NH0I/AAAAAAAAAEM/dVMZhPzFrJU/s1600/vk.png"/>

muy raro no.......

y con el único código que e sido capas de cargar imágenes relativas es con

<img width="25" height="15" src="<?php bloginfo( 'template_url' ); ?>/css/images/es_es.png">

pero tiene php y el editor html de las entrada en wp no lo reconoce

Cicklow · 19 Nov 2012

Y si creas una carpeta en el root de tu sitio, llamadas images, y luego las colocas:

HTML:

<img width="25" height="15" src="/images/es_es.png">

virtualpc · 19 Nov 2012

cicklow dijo:
Y si creas una carpeta en el root de tu sitio, llamadas images, y luego las colocas:

HTML:

<img width="25" height="15" src="/images/es_es.png">

amigo pero cual es el root ?????????????? perdona mi ignorancia hay hablas de crearme una carpeta aqui en esta ruta:

crearme la carpeta hay???????????????????????????????????

Cicklow · 19 Nov 2012

root es miserver.com :: this domain is for sale osea / donde esta el index.php del wordpress no del theme... en tu localhost seria en:
c:/xampp/htdocs/wordpress9/

Code · 19 Nov 2012

Debes verificar que sea la ruta correcta y completa, intenta con:

http://127.0.0.1/ruta/de/tu/imagen.png

- - - Actualizado - - -

Te dejo un ejemplo mas practico:

<img src="http://127.0.0.1/ruta/wordpress/ruta/imagen.png" width="25" height="15">

Yo usaria custom fields para evitar toda esas chorreras de código html por cada post.

virtualpc · 20 Nov 2012

cicklow dijo:
root es miserver.com :: this domain is for sale osea / donde esta el index.php del wordpress no del theme... en tu localhost seria en:
c:/xampp/htdocs/wordpress9/

amigo tampoco ya lo hice como me dijiste y nada esa pinche imagen no quiere aparecer

- - - Actualizado - - -

Code dijo:
Debes verificar que sea la ruta correcta y completa, intenta con:

- - - Actualizado - - -

Te dejo un ejemplo mas practico:

Yo usaria custom fields para evitar toda esas chorreras de código html por cada post.

amigo cuando <img src="http://127.0.0.1/ruta/wordpress/ruta/imagen.png" width="25" height="15">

dices /ruta/wordpress es la ruta adsoluta ????????? osea C:\xampp\htdocs\wordpress9 ????????????????''

Cicklow · 20 Nov 2012

nono en tu caso es 127.0.0.1/wordpress9/

Código HTML se descuadra en WordPress

virtualpc

Cicklow

virtualpc

jonay

virtualpc

jonay

Cicklow

virtualpc

Cicklow

virtualpc

Cicklow

virtualpc

Cicklow

virtualpc

Cicklow

virtualpc

Cicklow

Code

virtualpc

Cicklow

Temas similares