{"id":1745,"date":"2010-09-23T23:16:07","date_gmt":"2010-09-24T02:16:07","guid":{"rendered":"http:\/\/irisfernandez.com.ar\/betaweblog\/?p=1745"},"modified":"2010-09-23T23:16:07","modified_gmt":"2010-09-24T02:16:07","slug":"wordpress-como-insertar-imagenes-en-un-post","status":"publish","type":"post","link":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2010\/09\/23\/wordpress-como-insertar-imagenes-en-un-post\/","title":{"rendered":"WordPress: c\u00f3mo insertar im\u00e1genes en un post"},"content":{"rendered":"<p>Ya <a href=\"http:\/\/betaweblog.education\/wp\/?p=1679\">creamos un blog<\/a>, <a href=\"http:\/\/betaweblog.education\/wp\/?p=1699\">escribimos un post<\/a> y lo <a href=\"http:\/\/betaweblog.education\/wp\/?p=1719\">modificamos<\/a>.<\/p>\n<p>Hoy vamos a insertar una imagen o una galer\u00eda de im\u00e1genes en un post.<\/p>\n<p>El primer paso ser\u00e1 elegir la imagen. Es importante tener siempre en cuenta los derechos del autor de la misma: \u00bfvoy a insertar una fotograf\u00eda o un dibujo que yo hice o algo que encontr\u00e9 en la web? En el primer caso no hay problema, excepto que el contenido de la foto tenga derechos de autor&#8230; En el segundo caso, ser\u00e1 importante respetar la licencia que el autor haya elegido. Si el autor dice que tiene todos los derechos reservados, no podemos usar su obra. Si eligi\u00f3 una licencia Creative Commons estamos obligados a nombrarlo -como m\u00ednimo-. S\u00f3lo podemos omitir ese dato si la imagen es de dominio p\u00fablico.<\/p>\n<p>Una vez que tenemos los archivos de imagen en el disco -aunque pueden insertarse im\u00e1genes desde una direcci\u00f3n no es recomendable en absoluto- vamos a subirlos al hosting del blog, haciendo clic en el icono de <strong>Insertar imagen<\/strong> y despu\u00e9s en <strong>Elegir archivos<\/strong>.<\/p>\n<p><a href=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2010\/09\/imagenes_wordpress1.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-1748\" title=\"imagenes_wordpress1\" src=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2010\/09\/imagenes_wordpress1.png\" alt=\"Insertar una imagen en un post\"   \/><\/a><\/p>\n<p>A veces el bot\u00f3n de Elegir archivos no funciona correctamente por un problema del plugin de Flash. Por eso WordPress ofrece una alternativa en el enlace de <em>el cargador del navegador<\/em>.<\/p>\n<p><a href=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2010\/09\/imagenes_wordpress2.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-1749\" title=\"imagenes_wordpress2\" src=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2010\/09\/imagenes_wordpress2.png\" alt=\"Subir archivo\" width=\"90%\" \/><\/a><\/p>\n<p>Ahora hay que escribir:<\/p>\n<ul>\n<li> un t\u00edtulo para la imagen (en Firefox el t\u00edtulo se ver\u00e1 cuando el mouse se pose sobre la imagen),<\/li>\n<li>el texto alternativo (es decir, un texto que la describa y pueda reemplazar la imagen, fundamental para los invidentes o la gente que navega con un navegador de s\u00f3lo texto),<\/li>\n<li>una leyenda (que se ver\u00e1 debajo de la imagen),<\/li>\n<li>una descripci\u00f3n,<\/li>\n<li>y un link si queremos que al hacer clic en la imagen se abra alguna p\u00e1gina (si no escribimos otro link se inserta autom\u00e1ticamente un link a la misma foto pero en tama\u00f1o completo).<\/li>\n<li>Despu\u00e9s hay que elegir la alineaci\u00f3n y el tama\u00f1o en que se mostrar\u00e1 la imagen.<\/li>\n<li>Para terminar, hacer clic en el bot\u00f3n <strong>Insertar en la entrada<\/strong>.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2010\/09\/imagenes_wordpress3.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-1750\" title=\"imagenes_wordpress3\" src=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2010\/09\/imagenes_wordpress3.png\" alt=\"Datos de la imagen e Insertar\" width=\"90%\"\/><\/a><\/p>\n<p>Se ver\u00e1 la imagen en el post y, si la escribimos, la leyenda debajo. Al dejar el mouse sobre la imagen se ver\u00e1 el t\u00edtulo.<\/p>\n<p><a href=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2010\/09\/imagenes_wordpress4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1751\" title=\"imagenes_wordpress4\" src=\"http:\/\/betaweblog.education\/wp\/wp-content\/uploads\/2010\/09\/imagenes_wordpress4.png\" alt=\"C\u00f3mo queda la imagen\" width=\"378\" height=\"279\" \/><\/a><\/p>\n<p>Otra manera de insertar un grupo de im\u00e1genes es subir varios archivos sin insertarlos, y despu\u00e9s usar la pesta\u00f1a <strong>Galer\u00eda<\/strong> para hacer clic en el bot\u00f3n <strong>Insertar galer\u00eda<\/strong> o<strong> Insertar Slideshow<\/strong> (presentaci\u00f3n en la que se muestran las fotos una por una y se usan las flechas para pasar a la siguiente o la anterior).<\/p>\n<p><a href=\"http:\/\/irisfernandez.com.ar\/betaweblog\/wp-content\/uploads\/2010\/09\/imagenes_wordpress5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1752\" title=\"imagenes_wordpress5\" src=\"http:\/\/irisfernandez.com.ar\/betaweblog\/wp-content\/uploads\/2010\/09\/imagenes_wordpress5.png\" alt=\"Galer\u00eda\" width=\"542\" height=\"532\" \/><\/a><\/p>\n<p class=\"relacionados\">Otros post sobre WordPress<\/p>\n<p><a href=\"http:\/\/betaweblog.education\/wp\/?p=1679\">C\u00f3mo crear un blog<\/a><br \/>\n<a href=\"http:\/\/betaweblog.education\/wp\/?p=1699\">C\u00f3mo crear un post en el blog de WordPress<\/a><br \/>\n<a href=\"http:\/\/betaweblog.education\/wp\/?p=1719\">Modificar publicaciones del blog<\/a><br \/>\n<a href=\"http:\/\/betaweblog.education\/wp\/?p=1299\">Crear un formulario de contacto en WordPress<\/a><br \/>\n<a href=\"http:\/\/betaweblog.education\/wp\/?p=672\">Insertar una actividad de Hot Potatoes en WordPress<\/a><br \/>\n<a href=\"http:\/\/betaweblog.education\/wp\/?p=505\">C\u00f3mo insertar m\u00fasica en un blog de WordPress<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ya creamos un blog, escribimos un post y lo modificamos. Hoy vamos a insertar una imagen o una galer\u00eda de im\u00e1genes en un post. El primer paso ser\u00e1 elegir la imagen. Es importante tener siempre en cuenta los derechos del autor de la misma: \u00bfvoy a insertar una fotograf\u00eda o un dibujo que yo hice &hellip; <a href=\"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2010\/09\/23\/wordpress-como-insertar-imagenes-en-un-post\/\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> &#8220;WordPress: c\u00f3mo insertar im\u00e1genes en un post&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1745","post","type-post","status-publish","format-standard","hentry","category-educacion-tecnologia"],"_links":{"self":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/1745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/comments?post=1745"}],"version-history":[{"count":0,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/1745\/revisions"}],"wp:attachment":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/media?parent=1745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/categories?post=1745"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/tags?post=1745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}