L'iPhone représente la plus grande part du trafic Web mobile pour la plupart webmaster . Donc, vous aurez envie de le rendre plus facile pour les visiteurs de l'iPhone à votre site favori avec une icône de l'iPhone personnalisée . Si vous ne créez pas une icône personnalisée , l'iPhone va créer une petite capture d'écran de votre page d'accueil à la place , donc un beau graphique lisible sera mieux si vous souhaitez que les utilisateurs reconnaissent votre site .
Revenons en arrière une étape de sorte que ceux d'entre vous sans iPhones saurez pourquoi cette question est importante . L'iPhone permet aux visiteurs du site de marquer une page , soit en l'ajoutant à signets dans le navigateur Safari , ou en plaçant une icône sur l'écran d'accueil qui agira comme un raccourci vers votre site . Lorsque quelqu'un clique un signe + en bas au centre de leur navigateur Web Safari pour iPhone signet une page sur leur iPhone , ils vont voir votre icône personnalisée au lieu de la capture d'écran miniature de votre page. Voici à quoi il ressemble sur l'iPhone lors de l'ajout d'un signet
Voici un trois étapes & quot ; . Comment & quot ; sur la création et l'affichage d'un signet spécifique iphone qui apparaîtra sur l'écran d'accueil iPhone lorsque les visiteurs de votre site favori et choisissez & quot ; Ajouter à l'écran d'accueil & quot ; parmi les options de signets présentés par l' iphone
. Les choses dont vous aurez besoin
votre logo au format carré
programme FTP
Graphics Software pour icône téléchargement de compétences en HTML de base
Instructions
1
Voici ce que l' icône de favori WebSite101 ressemblait quand je laisse mon iPhone créer pour moi. Ce ne est pas visuellement convaincante et ne aidera personne à se rappeler ce qu'ils signets. Si vous avez un logo existant qui peut être adapté à une icône carrée 45x45 pixel , il suffit de redimensionner le logo pour se adapter au petit format carré avec votre programme graphique préféré . Je ai fait le mien en prenant une icône Twitter existante créée pour WebSite101 et de réduire la taille de 73 pixels carré pour les nécessaires 45 pixels .
2
Voici mon logo adapté pour se adapter au format carré nécessaire d'icônes iPhone . (Je ai ajouté un aperçu de sorte que vous pouvez voir les bords contre le fond blanc ici.) Sauvegarder le graphique au format PNG et nommez-le & quot ; apple -touch -icon.png & quot ; et télécharger ce graphique à la racine de votre site en utilisant un programme FTP . Le logo personnalisé à gauche est beaucoup plus susceptibles d' aider les visiteurs à se rappeler le site et ce qu'ils signets.
3
Maintenant que vous avez téléchargé l'icône graphique représentant votre site , comment obtenez-vous iphone à reconnaître et utiliser votre nouvelle version à la place de ce petit écran ? Ajoutez la ligne de code suivante & lt; head> de vos pages
& lt . link rel = & quot ; apple -touch -icon & quot ; href = & quot ; /apple-touch-icon.png" ; />
Électroniques Technologie En ligne © [fr.365electric.com]