Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.
Adding a site icon on iOS devices

Cuando creas un icono de Apple Touch, los visitantes pueden marcar tu sitio en sus dispositivos iOS (iPhone, iPad o iPod). La marca será un icono incorporado con otras aplicaciones o marcas en la pantalla de inicio.

To review Apple's image guidelines for these icons, visit their image guidelines page.

La solución en esta guía incluye la Inserción de código. Esta es una función Premium disponible en los planes Business y Commerce.

Step 1 - Upload the icon image

Create the icon for the site. The icon must be a .png file and can't be transparent. We recommend using the same design as your favicon or site logo for a consistent look.

Después de crear la imagen, abre el editor de páginas en cualquier Página de Diseño de tu sitio e ingresa el texto que funcionará como enlace. Destaca el texto y haz clic en el icono de Enlace, en la Barra de herramientas de textos.

text-link.png

Se abrirá el editor de vínculos. Haz clic en la pestañaArchivos y, luego, en Agregar archivo para cargar el archivo de imagen con el ícono táctil. Haz clic en Agregar vínculo para insertarlo.

file-link.png

Step 2 - Get the icon image URL

Click the linked text again, and copy the file URL. The file URL looks like this:

/s/file-name.extension

file_URL.png

Step 3 - Add Code Injection

In the Home Menu, click Settings, click Advanced, then click Code Injection.

Copy and paste the following code into the Header Code Injection box:

<link rel="apple-touch-icon" href="/s/file-name.extension">

Replace /s/file-name.extension with the URL you copied for your icon file.

code_injection_panel.png

Click Save.

Step 4 - View your touch icon

Visit your site using your iOS device. Use the Share option to add the site to your home screen.  It will look something like this:

Note: This third-party service and custom code falls outside the scope of Squarespace support. We highly recommend that you have coding knowledge before adding code to Code Injection. While we can’t offer more help on this topic, there are many resources available that can point you in the right direction:

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 21 de 35