XenForo kullanan forumunuza Apple Touch ikonları eklemek istiyorsanız, ilk olarak forumunuzun şu boyutlardaki logolarını hazırlayınız:
iPhone için: 60x60 boyutunda, PNG formatında ve touch-icon-iphone adıyla
iPad için: 76x76 boyutunda, PNG formatında ve touch-icon-ipad adıyla
iPhone retina için: 120x120 boyutunda, PNG formatında ve touch-icon-iphone-retina adıyla
iPad retina için: 152x152 boyutunda, PNG formatında ve touch-icon-ipad-retina adıyla
Ardından bu resimleri forumunuzun kurulu olduğu dizine (root) atın.
Hemen sonrasındaysa forumunuzun yönetim paneline giriş yapın ve arama kısmına PAGE_CONTAINER yazın. Çıkan arama sonuçlarından PAGE_CONTAINER'a tıklayarak şablon (template) sayfasını açın.
Karşınıza şablonunun kodlarının yer aldığı bir kısım çıkacak. Burada </head> kodunu bulun ve hemen öncesine aşağıdaki kodları ekleyin ve kaydedin:
iPhone için: 60x60 boyutunda, PNG formatında ve touch-icon-iphone adıyla
iPad için: 76x76 boyutunda, PNG formatında ve touch-icon-ipad adıyla
iPhone retina için: 120x120 boyutunda, PNG formatında ve touch-icon-iphone-retina adıyla
iPad retina için: 152x152 boyutunda, PNG formatında ve touch-icon-ipad-retina adıyla
Ardından bu resimleri forumunuzun kurulu olduğu dizine (root) atın.
Hemen sonrasındaysa forumunuzun yönetim paneline giriş yapın ve arama kısmına PAGE_CONTAINER yazın. Çıkan arama sonuçlarından PAGE_CONTAINER'a tıklayarak şablon (template) sayfasını açın.
Karşınıza şablonunun kodlarının yer aldığı bir kısım çıkacak. Burada </head> kodunu bulun ve hemen öncesine aşağıdaki kodları ekleyin ve kaydedin:
Kod:
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">