Apple Touch Icon: Come funziona?


Tutorial Apple Touch Icon: Come funziona?

Messaggio Da MattiaDes il 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:


Maggiori informazioni sul sito Apple:
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:

  1. Come prima cosa apri l'applicazione internet, Safari.

  2. Inserisci il link nella barra di ricerca e dirigiti sul tuo forum.
    Exclamation Controlla di essere nella versione mobile.

  3. Clicca il bottone centrale presente su #Safari:


  4. Clicca ora sul bottone "Aggiungi a Home":


  5. Dai un nome alla tua "applicazione" e salva il tutto cliccando su aggiungi :new:


  6. Se tutto è andato a buon fine, ora dovresti vedere tra le ultime applicazioni quella del tuo forum, con la relativa icona da te realizzata. :W:


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

Buona giornata :zen:

avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
Età : 21
Messaggi : 3003
Località : Modena, Italy


Vedi il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum