تعيين أيقونة مفضلة مخصصة وأيقونة Apple touch
أنشئ وأرسل مجموعة أيقونات مفضلة كاملة (16 و32 و180 و512 بكسل) حتى تبدو مدوّنتك متقنة في تبويبات المتصفح وشاشات iOS الرئيسية وتثبيتات PWA. ملف واحد يحل محل الافتراضي في كل مكان.
الأيقونة المفضلة الافتراضية لـ VeloCMS مناسبة — لكن إن كنت تنشر تحت علامتك التجارية الخاصة، فاستبدالها يُحقق نتيجة فورية في 60 ثانية. المتصفحات تلجأ إلى كرة الأرض العامة حين لا توجد أيقونة مفضلة، مما يجعل تبويبتك تبدو مجهولة الهوية. والمكسب الأكبر هو Safari على iOS: حين يحفظ القارئ مدوّنتك إلى شاشته الرئيسية، تسحب iOS أيقونة apple-touch-icon بحجم 180×180 — وأيقونة واضحة هناك تمنحك مكاناً راسخاً بجوار تطبيقاته الأخرى.
ما تحتاجه فعلاً
انسَ حزم أيقونات المفضلة ذات الصيغ الكثيرة المنتشرة في كل مكان. المتصفحات الحديثة (وخط أنابيب بيانات تعريف VeloCMS) تغطي كل شيء بثلاثة ملفات:
- favicon.ico — ملف ICO بحجم 32×32، تُدرجه Next.js تلقائياً في رأس HTML حين ترفعه إلى /public/
- icon.svg — المصدر المتجه، تُفضّله المتصفحات على شاشات الرتينا والوضع الداكن
- apple-touch-icon.png — صورة PNG بحجم 180×180 بخلفية صلبة (تُقرّب iOS الزوايا؛ لا شفافية)
أنشئها مرة واحدة
ابدأ بصورة PNG بحجم 512×512 لشعارك على خلفية صلبة. أدخلها في https://realfavicongenerator.net/ وحمّل الحزمة. الملفات الثلاثة التي تحتاجها موجودة بالداخل؛ أعد تسميتها وفق القائمة أعلاه. ارفعها عبر لوحة التحكم تحت الإعدادات ثم العلامة التجارية — الحقل اسمه «أيقونة مفضلة (32×32)» والصفحة تتولى عملية متعددة الدقة.
أو تجاوز الواجهة وضع الملفات مباشرةً في `public/` في نسختك المتشعبة. الملفات في `/public/` تُقدَّم من جذر الموقع، لذا ستُحلَّل `/favicon.ico` و`/apple-touch-icon.png` دون أي توصيل إضافي.
من أين تأتي بيانات التعريف
تقرأ بيانات التعريف الجذرية في VeloCMS من `src/app/layout.tsx` حقل `site_settings.favicon` وتُصدر وسوم `<link rel="icon">` الصحيحة. إن خصّصت الأيقونة المفضلة ولم تتغير، تحقق أن مسار الملف هو بالضبط `/public/favicon.ico` (وليس `/favicon.ico` — ذاك هو المسار الذي تُقدَّم منه، لا المسار الذي تضعها فيه). معظم مشكلات إلغاء صلاحية الذاكرة المؤقتة هي في الواقع ذاكرة المتصفح؛ جرّب تحديثاً قسرياً أو نافذة تصفح خاصة جديدة.
التحقق بمعاينة iOS
على أي iPhone، افتح Safari ثم مدوّنتك ثم المشاركة ثم «إضافة إلى الشاشة الرئيسية». تُظهر المعاينة بالضبط ما ستُصيّره iOS. إن كانت لا تزال كرة الأرض الافتراضية، فأيقونة apple-touch-icon إما لم تُنشر أو يُخزّنها iOS في الذاكرة المؤقتة — امسح بيانات موقع Safari لنطاقك وأعد المحاولة.