إذا كان لديك موقع ويب خاص بك أو تقوم بتطوير موقع لشخص آخر ، فيجب عليك تخصيص أيقونة الإشارة المرجعية المحفوظة التي تظهر على شاشة المستخدمين الرئيسية لنظام التشغيل iOS. في لقطة الشاشة أعلاه ، سترى رمز OSXDaily المفضل على شاشة iPhone.

يعد إعداد رمز Apple Touch فكرة جيدة لأن نظام iOS بشكل افتراضي سيحفظ فقط صورة مصغرة للموقع. غالبًا ما يكون من الصعب تحديد الصور المصغرة الصغيرة ولا تبدو رائعة بشكل عام ، لذلك دعونا نضع صورتك المفضلة بدلاً من ذلك.

كيفية تخصيص وتعيين رمز Apple Touch لموقع ويب

• أنشئ الرمز ، وتأكد من أنه مربع ، والرمز الموجود هنا على OSXDaily.com هو 512 × 512 بكسل ، ولكن يمكنك اختيار أحجام مربعات أخرى إذا كنت تريد حقًا - لاحظ أن الحجم الأكبر مناسب لـ يعرض شبكية العين
• احفظ رمز الشاشة الرئيسية كملف PNG وقم بتسميته: apple-touch-icon.png
• إسقاط apple-touch-icon.png في دليل خادم الويب الجذر ، بحيث يمكن الوصول إليه على domain.com/apple-touch-icon.png
• اختبر رمز الإشارة المرجعية للشاشة الرئيسية لمواقعك الإلكترونية من خلال زيارة الموقع من Safari في iOS ، ثم النقر على "إضافة إلى الشاشة الرئيسية"
• انظر إلى الشاشة الرئيسية لجهاز iOS وسترى الإشارة المرجعية المحفوظة هناك مع رمزك المخصص الجديد ، مثل لقطة الشاشة أعلاه

طالما تم تسمية الملف بشكل صحيح وفي الدليل الجذر لخوادم الويب ، سيعرف Mobile Safari ما يجب فعله به حتى لا تكون هناك حاجة إلى مزيد من التعديل للحصول على الرمز المفضل الخاص بنظام iOS.

كمرجع ، إليك صورة 'apple-touch-icon.png' المخصصة التي نستخدمها لـ OSXDaily.com ، تم إنشاء رمز الإشارة المرجعية هذا وحجمه بشكل مناسب لشاشات شبكية العين ():

ستلاحظ أن ملف الرمز الفعلي لا يحتوي على انكسار الضوء المحفوظ على الرمز ، حيث يتولى iOS هذا الأمر بمفرده. يمكنك استخدام أي صورة تريدها ، لكني أوصي بإنشاء صورة تلتقط واجهة المستخدم المألوفة لأيقونات iOS الحالية.

من الواضح أن هذا لا يماثل وجود تطبيق iOS مخصص ، لكن تجربة مستخدم الهاتف المحمول اللائقة من الويب هي فكرة جيدة وتتجنب ما يمكن أن يكون الثمن الباهظ لتطوير تطبيق iOS.

مهلا ، إذا كنت قلقًا بشأن أشياء مثل هذه ، فربما تستخدم Photoshop على الأقل لتصميم الرموز بشكل صحيح؟ لذا تحقق من بعضها أثناء تواجدك فيه.