{"id":446,"date":"2010-01-27T18:06:33","date_gmt":"2010-01-27T17:06:33","guid":{"rendered":"http:\/\/blog.walii.es\/2010\/01\/27\/tu-web-como-iphone-bookmark\/"},"modified":"2010-01-27T18:20:32","modified_gmt":"2010-01-27T17:20:32","slug":"tu-web-como-iphone-bookmark","status":"publish","type":"post","link":"https:\/\/blog.walii.es\/?p=446","title":{"rendered":"Tu web como IPHONE BOOKMARK"},"content":{"rendered":"<p>O como decimos en criollo\u2026 hacer un icono de link para tu p\u00e1gina, para ser agregado en el men\u00fa de tu IPHONE o ITOUCH, para representar el acceso a tu WEB.<\/p>\n<p>Cuando visitamos una p\u00e1gina web, podemos guardarla de dos maneras, como favorito, en la cual el iphone guarda una foto completa de tu web, y la segunda forma es guardarla en el men\u00fa de inicio del iphone o mejor dicho como si fuese una aplicaci\u00f3n m\u00e1s. Esto por defecto coge autom\u00e1ticamente \u00abuna captura\u00bb un pantallazo de tu web, si no lo deseas y quieres personalizarlo, mediante alg\u00fan tipo de logo o marca, podemos hacerlo de la siguiente forma:<\/p>\n<p>Creamos en el PHOTOSHOP o el GIMP, o cualquier programa de dise\u00f1o, una imagen con dimensiones de 57&#215;57 pixeles, en la cual no utilizaremos ning\u00fan tipo de brillo o redondeo de esquinas, de eso se encargar\u00e1 el iphone de forma autom\u00e1tica (igual para los que quieren personalizar el icono al 100% puede decirle al iphone que no toque nada, con solo cambiar el nombre de la imagen).<\/p>\n<blockquote><p><strong>En cortas palabras\u2026<br \/>\n<\/strong><\/p><\/blockquote>\n<blockquote><p><strong>Imagen de 57&#215;57 pixels<br \/>\n<\/strong><\/p><\/blockquote>\n<blockquote><p><strong>Sin brillos, redondeos o transparencias. (Si queremos que lo haga el iPHONE)<br \/>\n<\/strong><\/p><\/blockquote>\n<blockquote><p><strong>Finalizar la imagen grab\u00e1ndola con el formato .PNG<br \/>\n<\/strong><\/p><\/blockquote>\n<p><strong>Obtendremos esto:<br \/>\n<\/strong><\/p>\n<p style=\"text-align: center;\">Tama\u00f1o ampliado.<\/p>\n<p style=\"text-align: center;\"><img src=\"http:\/\/blog.walii.es\/wp-content\/uploads\/2010\/01\/012710_1706_TuwebcomoIP1.png\" alt=\"\" \/><\/p>\n<p style=\"text-align: center;\"><!--more--><\/p>\n<p>Como pueden observar, no posee ning\u00fan tipo de brillo o redondeo\u2026 esto se realizar\u00e1 de forma autom\u00e1tica luego.<\/p>\n<p>Ahora necesitaremos cambiar el nombre de la imagen.<\/p>\n<p><strong>Si queremos que esta sea modificada luego por el IPHONE el nombre a usar es:<br \/>\n<\/strong><\/p>\n<p><strong><em>apple-touch-icon.png<\/em><br \/>\n<\/strong><\/p>\n<p>Si por el contrario NO queremos que sea modificada luego por el IPHONE el nombre a usar es:<\/p>\n<p><strong><em>apple-touch-icon-precomposed.png<\/em><br \/>\n<\/strong><\/p>\n<p><strong>Tendremos dos opciones a utilizar, dependiendo del control que tenemos de nuestro alojamiento:<br \/>\n<\/strong><\/p>\n<p>Si tenemos acceso al directorio ROOT de nuestra web, con solo copiar la imagen a este directorio, ya el IPHONE hace el resto.<\/p>\n<p>Si por el contrario no tenemos acceso a dicho directorio y tenemos que poner nuestra imagen en otra carpeta, debemos agregar lo siguiente al c\u00f3digo INDEX de nuestra p\u00e1gina:<\/p>\n<p><strong><em>&lt;link\u00a0rel=\u00bbapple-touch-icon-precomposed\u00bb\u00a0href=\u00bbicons\/apple-touch-icon.png\u00bb\u00a0\/&gt;<br \/>\n<\/em><\/strong><\/p>\n<p><strong><em>o<br \/>\n<\/em><\/strong><\/p>\n<p><strong><em>&lt;link\u00a0rel=\u00bbapple-touch-icon\u00bb\u00a0href=\u00bbicons\/apple-touch-icon.png\u00bb\u00a0\/&gt;<br \/>\n<\/em><\/strong><\/p>\n<p>La pr\u00f3xima vez que visitemos nuestra web, y queramos guardarla en nuestro IPHONE (Agregar a pantalla de inicio), nos aparecer\u00e1 nuestro ICONO personalizado, como si fuese una aplicaci\u00f3n mas.<\/p>\n<p style=\"text-align: center;\"><img src=\"http:\/\/blog.walii.es\/wp-content\/uploads\/2010\/01\/012710_1706_TuwebcomoIP2.png\" alt=\"\" \/><\/p>\n<p style=\"text-align: center;\">&#8212;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O como decimos en criollo\u2026 hacer un icono de link para tu p\u00e1gina, para ser agregado en el men\u00fa de tu IPHONE o ITOUCH, para representar el acceso a tu WEB. Cuando visitamos una p\u00e1gina web, podemos guardarla de dos maneras, como favorito, en la cual el iphone guarda una foto completa de tu web, &hellip;<br \/><a href=\"https:\/\/blog.walii.es\/?p=446\" class=\"more-link pen_button pen_element_default pen_icon_arrow_double\">Seguir leyendo <span class=\"screen-reader-text\">Tu web como IPHONE BOOKMARK<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.walii.es\/index.php?rest_route=\/wp\/v2\/posts\/446"}],"collection":[{"href":"https:\/\/blog.walii.es\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.walii.es\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.walii.es\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.walii.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=446"}],"version-history":[{"count":1,"href":"https:\/\/blog.walii.es\/index.php?rest_route=\/wp\/v2\/posts\/446\/revisions"}],"predecessor-version":[{"id":447,"href":"https:\/\/blog.walii.es\/index.php?rest_route=\/wp\/v2\/posts\/446\/revisions\/447"}],"wp:attachment":[{"href":"https:\/\/blog.walii.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=446"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.walii.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=446"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.walii.es\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}