Apple Touch Icon: Come funziona?

Tutorial Apple Touch Icon: Come funziona?

Messaggio 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.

Apple Touch Icon: Come funziona? 6hNvXZv

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:

  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:

    Apple Touch Icon: Come funziona? Scherm60

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

    Apple Touch Icon: Come funziona? Scherm61

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

    Apple Touch Icon: Come funziona? Scherm62

  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:

MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 27
Messaggi : 5129
Località : Italy

http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

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