Heb je een eigen homepage…??
Dan is het natuurlijk leuk als je bezoekers ook JOUW icoon op hun bureaublad/desktop zetten op hun iPad (of iPhone – iPod Touch)!
Als er geen echte icoon aanwezig is; dan maakt de iPad een kleine screenshot en die wordt dan in het formaat 72×72 op de iPad geplaatst.
MAAR -> je kunt natuurlijk ook je eigen icoon toevoegen….;
- Je maakt een icoon van 72×72 – bijvoorbeeld in Paint
- Je bewaart deze icoon onder de naam ‘apple-touch-icon.png‘
- Bij je homepage zet je deze in “de root” neer; dus – ook waar de index.html of index.php staat
- Nu moet je nog in de header van je homepage het volgende neerzetten; <link rel=”apple-touch-icon” href=”http://www.example.com/apple-touch-icon.png” />
DENK EROM; example.com -> daar moet JOUW homepage staan, bijvoorbeeld ‘mijnipad.net‘. - en nu jouw bezoekers aansporen om jouw homepage op hun iPad desktop te zetten
(direct links van URL balk – ‘vierkantje met uitgaande pijl’-teken in Safari – dan ‘zet in beginscherm’ – goede titel geven)
Ik ben deze tip ‘ooit’ eens tegengekomen; gecopieerd en weer ‘vergeten’…
Nu is hij weer naar boven gekomen; maar ik weet dus geen bronvermelding meer….!
Ook nog even een punt die misschien iets ander kan; om het bij mij werkende te krijgen – heeft mijn homepage niet dat zinnetje in de header nodig.
Dus – misschien heb je genoeg aan ‘alleen maar de apple-touch-icon.png in de root te zetten’.
En denk erom; de iPad maakt zelf ronde hoeken – dat hoef je zelf niet te doen!
Ik ben een tijd bezig geweest om dit voor elkaar te krijgen haha
maar het is gelukt je bent alleen wat vergeten er moet achter die icon de naam/soort bv ipad enz zie voorbeeld hieronder.
verder top tip bedankt ik ben er blij mee
Hoi Nel – dank voor je reactie => maar uh…wat bedoel je met “wat vergeten er moet achter die icon de naam/soort bv ipad zie voorbeeld hieronder”…??
Want op MijniPad.net heb ik dus ‘apple-touch-icon.png’ in de root staan en dit is dan ook de icon die op de iPad wordt geplaatst.
Kijk maar eens; https://www.mijnipad.net/apple-touch-icon.png
Ik ben benieuwd!
Nou ik was een tijdje bezig om een foto app zichtbaar te maken maar lukte niet.
Ik heb op Google gezocht en daar stond dat je dat moest plaatsen en toen werd de app bij mij zichtbaar!
Maar ik zie geen “zie voorbeeld hieronder”… 🙁
ik tikte een code in maar die zie je zeker niet verschijnen
dus er ontbreekt een stukje van de uitleg van mijn kant!
ik heb dus apple-touch-icon-ipad.png
ik hoop dat het nu zichtbaar is haha
groetjes
Yep – code in een comment gaat vaak niet goed…
Maar raar dat jij het anders moet formuleren.
Had jij wel de vermelding in de header nodig?