{"id":3513,"date":"2008-12-06T19:37:34","date_gmt":"2008-12-07T00:37:34","guid":{"rendered":"http:\/\/www.vidadigital.net\/blog\/2008\/12\/06\/aadir-imgenes-en-el-blog\/"},"modified":"2008-12-06T19:38:44","modified_gmt":"2008-12-07T00:38:44","slug":"aadir-imgenes-en-el-blog","status":"publish","type":"post","link":"http:\/\/www.vidadigital.net\/blog\/2008\/12\/06\/aadir-imgenes-en-el-blog\/","title":{"rendered":"A&ntilde;adir im&aacute;genes en el blog"},"content":{"rendered":"<p>En varias ocasiones tendr\u00e1s la necesidad de complementar una entrada con fotos e im\u00e1genes para complementar la misma. Hay dos formas principales de insertar una imagen: subi\u00e9ndola al blog desde tu computadora o a\u00f1adiendo la direcci\u00f3n de internet en la cual se encuentra la misma. Comencemos por subir una imagen desde nuestra computadora:<\/p>\n<p>1. Ve\u00a0 a Entradas\u2014New Post.<\/p>\n<p>2. En el editor selecciona el icono de \u201cA\u00f1adir una imagen\u201d (est\u00e1 al lado de \u201cUpload\/Insert)\u201d).<\/p>\n<p><a rel=\"lightbox\" href=\"http:\/\/academic.uprm.edu\/~marion\/blogrum\/Aadirimgenesenelblog_1111F\/imagen.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px\" title=\"imagen\" src=\"http:\/\/academic.uprm.edu\/~marion\/blogrum\/Aadirimgenesenelblog_1111F\/imagen_thumb.jpg\" border=\"0\" alt=\"imagen\" width=\"244\" height=\"55\" \/><\/a><\/p>\n<p>Ver\u00e1s entonces lo siguiente:<\/p>\n<p><a rel=\"lightbox\" href=\"http:\/\/academic.uprm.edu\/~marion\/blogrum\/Aadirimgenesenelblog_1111F\/upload.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px\" title=\"upload\" src=\"http:\/\/academic.uprm.edu\/~marion\/blogrum\/Aadirimgenesenelblog_1111F\/upload_thumb.jpg\" border=\"0\" alt=\"upload\" width=\"429\" height=\"319\" \/><\/a><\/p>\n<p>3. Pulsas sobre \u201cSelect Files\u201d , seleccionas la imagen y oprimes \u201cOpen\u201d. Vas a ver algo parecido a esta captura:<\/p>\n<p><a rel=\"lightbox\" href=\"http:\/\/academic.uprm.edu\/~marion\/blogrum\/Aadirimgenesenelblog_1111F\/imagen4.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px\" title=\"imagen[4]\" src=\"http:\/\/academic.uprm.edu\/~marion\/blogrum\/Aadirimgenesenelblog_1111F\/imagen4_thumb.jpg\" border=\"0\" alt=\"imagen[4]\" width=\"429\" height=\"316\" \/><\/a><\/p>\n<p>Puedes cambiar el t\u00edtulo, incluir una leyenda debajo de la imagen y a\u00f1adir una descripci\u00f3n (opcional). Se te ofrece la opci\u00f3n de\u00a0 enlazar esa imagen a su URL o a la direcci\u00f3n de la entrada. Adem\u00e1s, puedes seleccionar la alineaci\u00f3n de la imagen y su tama\u00f1o. Finalmente, pulsas sobre \u201cinsertar entrada\u201d y la imagen aparecer\u00e1\u00a0 en el editor.<\/p>\n<p><a rel=\"lightbox\" href=\"http:\/\/academic.uprm.edu\/~marion\/blogrum\/Aadirimgenesenelblog_1111F\/imagen6.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px\" title=\"imagen[6]\" src=\"http:\/\/academic.uprm.edu\/~marion\/blogrum\/Aadirimgenesenelblog_1111F\/imagen6_thumb.jpg\" border=\"0\" alt=\"imagen[6]\" width=\"429\" height=\"140\" \/><\/a><\/p>\n<p>Notar\u00e1s que al pulsar sobre la imagen, tendr\u00e1s la oportunidad de editarla seleccionado el icono de imagen:<\/p>\n<p><a rel=\"lightbox\" href=\"http:\/\/academic.uprm.edu\/~marion\/blogrum\/Aadirimgenesenelblog_1111F\/imagen8.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px\" title=\"imagen[8]\" src=\"http:\/\/academic.uprm.edu\/~marion\/blogrum\/Aadirimgenesenelblog_1111F\/imagen8_thumb.jpg\" border=\"0\" alt=\"imagen[8]\" width=\"139\" height=\"75\" \/><\/a><\/p>\n<p>Puedes eliminar la imagen la imagen oprimiendo\u00a0 en el icono\u00a0 de \u201cborrar imagen\u201d.<\/p>\n<p>La segunda manera de a\u00f1adir una imagen es siguiendo los mismos que hemos descrito hasta llegar al cuadro de di\u00e1logo y seleccionar \u201cDesde URL\u201d:<\/p>\n<p><a rel=\"lightbox\" href=\"http:\/\/academic.uprm.edu\/~marion\/blogrum\/Aadirimgenesenelblog_1111F\/desdeurl.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px\" title=\"desdeurl\" src=\"http:\/\/academic.uprm.edu\/~marion\/blogrum\/Aadirimgenesenelblog_1111F\/desdeurl_thumb.jpg\" border=\"0\" alt=\"desdeurl\" width=\"429\" height=\"293\" \/><\/a><\/p>\n<p>Ahora puedes a\u00f1adir el URL de la imagen, su t\u00edtulo, una leyenda. el tipo de alineaci\u00f3n que prefieres y si deseas que enlace a la imagen original. Recuerda dar siempre cr\u00e9dito al autor de la misma,\u00a0 si la imagen no te pertenece. M\u00e1s a\u00fan, esto solo debe hacerse cuando el due\u00f1o de la imagen lo permite.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En varias ocasiones tendr\u00e1s la necesidad de complementar una entrada con fotos e im\u00e1genes para complementar la misma. Hay dos formas principales de insertar una imagen: subi\u00e9ndola al blog desde tu computadora o a\u00f1adiendo la direcci\u00f3n de internet en la cual se encuentra la misma. Comencemos por subir una imagen desde nuestra computadora:<\/p>\n<p>1. Ve\u00a0 &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/www.vidadigital.net\/blog\/2008\/12\/06\/aadir-imgenes-en-el-blog\/\">Seguir leyendo<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[61],"tags":[778,295],"series":[],"class_list":["post-3513","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-wordpress","tag-wordpresscom","item-wrap"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p4tuv-UF","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/www.vidadigital.net\/blog\/wp-json\/wp\/v2\/posts\/3513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.vidadigital.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.vidadigital.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.vidadigital.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.vidadigital.net\/blog\/wp-json\/wp\/v2\/comments?post=3513"}],"version-history":[{"count":1,"href":"http:\/\/www.vidadigital.net\/blog\/wp-json\/wp\/v2\/posts\/3513\/revisions"}],"predecessor-version":[{"id":3514,"href":"http:\/\/www.vidadigital.net\/blog\/wp-json\/wp\/v2\/posts\/3513\/revisions\/3514"}],"wp:attachment":[{"href":"http:\/\/www.vidadigital.net\/blog\/wp-json\/wp\/v2\/media?parent=3513"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.vidadigital.net\/blog\/wp-json\/wp\/v2\/categories?post=3513"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.vidadigital.net\/blog\/wp-json\/wp\/v2\/tags?post=3513"},{"taxonomy":"series","embeddable":true,"href":"http:\/\/www.vidadigital.net\/blog\/wp-json\/wp\/v2\/series?post=3513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->