Aggiungere un'icona del sito sui dispositivi iOS

Crea un'icona Apple Touch per consentire agli utenti iOS di inserire il tuo sito tra i preferiti nella schermata iniziale del loro dispositivo.

Ultimo aggiornamento 20 gennaio 2025

Quando crei un'icona Apple Touch, i visitatori possono aggiungere il tuo sito ai segnalibri sui loro dispositivi iOS (iPhone, iPad o iPod). Il segnalibro sarà un'icona in linea con altre app o segnalibri su una schermata principale.

Per rivedere le linee guida per le immagini di Apple in merito a queste icone, consulta la relativa pagina delle linee guida per le immagini.

Accesso a questa funzionalità

La soluzione descritta in questa guida include l'iniezione di codice, disponibile nei piani Core, Plus, Advanced, Business, Commerce Base e Commerce Avanzato. Per maggiori informazioni, visita Scegliere un piano Squarespace.

Step 1 - Carica l'immagine dell'icona

Crea l'icona del sito. L'icona deve essere un file .png e non può essere trasparente. Ti consigliamo di utilizzare lo stesso design della favicon o del logo del sito per mantenere un aspetto coerente.

Dopo aver creato l'immagine, apri l'editor di pagina per ciascuna pagina di layout sul sito e inserisci il testo che verrà utilizzato come un link. Evidenzia il testo e clicca sull'icona Link nella barra degli strumenti di testo.

text-link.png

Si aprirà l'editor di link. Clicca sulla scheda File , quindi su Aggiungi file per caricare il file immagine dell'icona di tocco. Clicca su Aggiungi link per inserire il link.

file-link.png

Step 2 - Ottieni l'URL dell'immagine dell'icona

Clicca nuovamente sul testo collegato e copia l'URL del file. L'URL del file è simile a questo:

/s/file-name.extension
file_URL.png

Step 3 - Aggiungi Iniezione di codice

Apri il pannello Iniezione di codice.

Copia e incolla il codice riportato di seguito nel campo di iniezione di codice dell'Intestazione:

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

Sostituisci /s/file-name.extension con l'URL copiato per il file dell'icona.

code_injection_panel.png

Clicca su Salva.

Step 4 - Visualizza l'icona Touch

Visita il tuo sito utilizzando il tuo dispositivo iOS. Utilizza l'opzione Condividi per aggiungere il sito alla schermata Home. Apparirà più o meno così:

KB Guide Image

Nota

questa personalizzazione basata su codice non rientra nell'ambito del supporto Squarespace. Ti consigliamo vivamente di acquisire nozioni di programmazione prima di aggiungere del codice all'iniezione di codice. Pur non potendo fornire ulteriore assistenza su questo argomento, ti invitiamo a fare riferimento alle seguenti risorse:

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.