A pesar de que WordPress nos permite insertar imágenes en un post del modo mas sencillo, mediante botones en el editor visual, hay ocasiones en que unas nociones básicas de HTML nos ayudarán a incluir imágenes en cualquier parte de nuestra plantilla, widgets de texto, comentarios, etc.
El proceso es bien sencillo, y solo tienes que aprender una tag HTML: img src
Como hacerlo es muy sencillo, solo tienes que conocer la ruta donde está alojada la imagen e insertarla dentro de la etiqueta HTML adecuada. Sería así:
Si, además, queremos modificar algunos de sus parámetros se pueden añadir otras etiquetas, a continuación de la ruta de la imagen y separando cada uno con espacios. Los mas utilizados son estos:
- alt: Texto alternativo que se muestra cuando no se carga la imágen.
width: Define el ancho de la imágen en pixelsheight: Define la altura de la imagen en pixels
Aplicando estas tags al ejemplo anterior lo haríamos así:
Esta es una tag especial, pues el cierre no requiere insertar una etiqueta para ello salvo el indicado, distinto a, por ejemplo, como veíamos ayer en las listas.
Ya puedes practicar e insertar imágenes en donde quieras. En próximos posts veremos mas tags e iremos usando combinaciones de ambas.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)
Muy buena explicación, algo basico del html puro, pero muy usado al momento de insertar imagenes, aveces mi wordpress falla y no inserta la imagen cuando uno la sube, y tengo que irme al codigo html y agregarla por medio de codigo exactamente como aqui lo explicas, saludos. (Y)
y como puedo poner una imagen o avatar a mi perfil?
soy medio inculto en eso xD
gracias
@negro: Mira a ver si este post te da ideas:
https://ayudawp.com/crear-una-pagina-de-autores-del-blog/
esta incompleto faltamucha informacion ahiizhh sii van hacer algo aganlo biien
falta mucha infomacion esta muy incompleto aiizhh si van hacer algo haganlo bien qe eso no sirve para nada ineptos
Está claro, que es mucho más fácil criticar que aportar.
Muy buena la explicacion, recien estoy viendo videotutoriales de HTMl y ya me se unas cuantas cosas :), Muchas gracias y Salu2
falta informacion y no me ayudo para nda
si claro esta bien guey
<img src="http://www.hemofilia.com/fotos/447_nueva-imagen-n-7.jpg"
hola
y con you tube a ver quien sabe…
osea guardo la imagen en el escritorio…y luego hago esos pasos pero no me sale nada…o xfavor diganme q hago mal: <img src="imagen.jpeg"
Te falta indicar la ruta completa, y desde tu escritorio malamente la va a poder mostrar. Tienes que subir la imagen antes a un servidor a ser posible
gracias!
me ayudo bastante, muchas gracias
Pues no se ve…
http://img834.imageshack.us/img834/4374/dsc1535copia.jpg
conxetumare aweonao jojojojojojojojojo
Fernando y como le hago para insertar una imagen con un codigo de paypal en wordpress? lo e estado haciendo y nada, pongo el codigo del boton que tomo de paypal y le enlazo la imagen y no funciona,estoy usando como tema optimizepress
no me sale………..
me serviooooo muxooooo