React ایپس میں Favicons کو ترتیب دینا
سنگل پیج ری ایکٹ ایپس میں جامد برانڈ کے اثاثے کنفیگر کریں۔ عوامی فولڈرز کا نقشہ بنانے کا طریقہ جانیں۔
رد عمل میں فیویکن فائلوں کو کہاں رکھنا ہے
اس سے قطع نظر کہ آپ Vite، Create React ایپ، یا Next.js استعمال کر رہے ہیں، تمام سٹیٹک فائلز جیسے فیوی کون آپ کے پروجیکٹ کی جڑ میں public/ ڈائرکٹری کے اندر ہے۔
- زپ فائلوں کو بازیافت کرنے کے لیے ہمارے ہوم پیج جنریٹر کا استعمال کرتے ہوئے اپنے PNG کو تبدیل کریں۔
- تمام فائلوں کو اپنے React پروجیکٹ روٹ میں براہ راست
public/فولڈر میں نکالیں۔ index.htmlکھولیں (وائٹ کے لیے پروجیکٹ روٹ میں، یا ری ایکٹ ایپ بنانے کے لیےpublic/کے اندر)۔- معیاری HTML ہیڈ میٹا ٹیگز شامل کریں یا ان میں ترمیم کریں، متعلقہ یو آر ایل کو عوامی ڈائرکٹری کی طرف اشارہ کرتے ہوئے:
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">