إعداد أيقونات المواقع في تطبيقات React
إعداد عناصر العلامة التجارية الثابتة في تطبيقات React أحادية الصفحة. تعرّف على كيفية ربط المجلدات العامة.
أين تُوضع ملفات أيقونات المواقع في React؟
بغض النظر عن استخدامك لـ Vite أو Create React App أو Next.js، يجب وضع جميع الملفات الثابتة، مثل أيقونات المواقع، داخل المجلد public/ في جذر مشروعك.
- حوّل ملف PNG باستخدام مُولّد الصفحة الرئيسية الخاص بنا لاسترداد الملفات بصيغة ZIP.
- استخرج جميع الملفات مباشرةً إلى المجلد
public/في جذر مشروع React الخاص بك. - افتح ملف
index.html(الموجود في جذر المشروع في Vite، أو داخل المجلدpublic/في Create React App). - أضف أو عدّل وسوم HTML القياسية في قسم
<head>، مع توجيه عناوين URL النسبية إلى الدليل العام:
<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">