Apple Touch Icon: Come funziona?

Da **MattiaDes** Mer 27 Mag 2015 - 19:35

Apple Touch Icon: Come funziona?

Questo tutorial è per chi vuole creare una icona personalizzata da mettere nella Home Screen del proprio iPhone o iPad.

Spiegazione

La tecnica si chiama esattamente “Apple Touch Icon” e come dice la parola stessa è un codice HTML che dovremo inserire nella parte superiore del nostro sito, tra i tags “head”. Avere una icona Touch significa anche fidelizzare i tuoi membri e visitatoriproprio perché sarà per lui più intuitivo cliccare su una bella icona che cliccare su una icona per la quale non ci ricordiamo nemmeno per quale scopo la avevamo scaricata.

La grandezza ottimale di una icona è solitamente di 114 x 114px, ma varia a seconda dei dispositivi. Esempio:

Apple Touch Icon: Come funziona? App1010

Maggiori informazioni sul sito Apple:
Apple Touch Icon: Come funziona? Attention2

References Apple.com!

Hai realizzato la tua icona? Ottimo! Andiamo ora a vedere come inserirla nella versione mobile del tuo forum.

Modifica per l'inserimento dell'icona
E' necessario utilizzare i templates. Per questo andate verso Pannello di amministrazione ► Visualizzazione ► Templates ► Generale ► overall_header :mod:

Modifica il template ed aggiungi subito prima del tag (senza spazi) il seguente codice:

Codice:: <link rel="apple-touch-icon-precomposed" href="LINK_ICONA" />

Andiamo ora a vedere come poter avere l'icona del nostro forum sulla nostra schermata home:

Come prima cosa apri l'applicazione internet, Safari.
Inserisci il link nella barra di ricerca e dirigiti sul tuo forum.
Controlla di essere nella versione mobile.
Clicca il bottone centrale presente su #Safari:
Clicca ora sul bottone "Aggiungi a Home":
Dai un nome alla tua "applicazione" e salva il tutto cliccando su aggiungi
Se tutto è andato a buon fine, ora dovresti vedere tra le ultime applicazioni quella del tuo forum, con la relativa icona da te realizzata.

Nota: Nel caso in cui non aggiungessi alcuna icona nel template, ne verrà realizzata una da iOS di anteprima.

Buona giornata :zen: