أبريل 9 2010

تلميحة: صناعة أيقونة لموقعك تظهر في الـ Home Screen علىiPhone

يُمكننا دائماً و من خلال أي مُتصفح حفظ بعض المواقع الهامة أو التي أعجبتنا و نُريد زيارتها لاحقاً، وذلك من خلال الضغط على Ctrl+D و سيتم حفظ الموقع ضمن قائمة المُفضلة للمُتصفح الذي نستخدمه، ولكن ماشد إنتباهي أنه إثناء تصفّحي بإستخدام سفاري الموجود على جهاز الآيفون هو أمكانية إضافة الموقع إلى الشاشة الرئيسية لديك وكأنه تطبيق من ضمن تطبيقات جهازك، لرُبما لم توضح الصورة بعد ولكن دعوني أشرح لكم من خلال هذه الصورة :

و بينما كُنت أتصفح موقع Google Buzz من خلال الآيفون ظهرت لي نافذة صغيرة :

كما تُلاحظون النافذة تقول : لإضافة تطبيق الويب هذا إلى الشاشة الرئيسية إضغط على إشارة “+” و بعد الضغط على هذه الإشارة و إختيار “إضافة إلى الشاشة الرئيسية” أو “Add to home screen” ستجد أن التطبيق بالفعل موجود

و كما تُلاحظون كفكرة جميلة جداً، حيث يُمكننا عمل قائمة خاصة للمواقع التي نزورها أو نرغب بزيارتها من أجل سرعة الوصول إليها، ومن ثم قُمت بعمل حفظ لموقع المشروع، فالنتيجة كانت كالتالي :

كما تُلاحظون أن أيقونة موقع المشروع هي عبارة عن صورة من محتويات الموقع ولم تظهر أي أيقونة، قُمت بالبحث و وصلت للنتيجة، وهي عبارة عن كود صغير جداً نضعه في رأس الصفحة، وهذا الكود هو نفسه فكرة أيقونة الموقع أو الــ FavIcon، و الكود هو :

<link rel="apple-touch-icon" href="رابط الأيقونة هُنا">

الأيقونة يُفضّل أن تكون قياستها 50 بيكسل لكل من الطول و العرض على الأقل، قُمت بصناعة أيقونة لموقعي لكي ترو النتيجة بأعينكم

كما تُلاحظون الأيقونة ظهرت و بنجاح، ارجو منكم التجربة و إخباري بالنتيجة.
و الحمدلله رب العالمين.

تحياتي للجميع

بواسطة فراس اللو • iPhone, لغات الويب • • الوسوم : آيفون, أيقونة للموقع, علامة مرجعية في الآيفون, مُضفلة الآيفون