كيفية وضع أيقونات بجانب أقسام الموقع
شرح لوضع أيقونات بجانب أقسام المدونة او الموقع لمدونات بلوجر
السلام عليكم متابعينا اليوم درس طلبه العديد من متابعي الموقع الكرام وهو كيفية وضع ايقونة بجانب روابط أقسام الموقع والصراحة هذه طريقة تعطي شكل جيد للموقع واليوم سأقول لك كيفية وضع ايقونات بجانب قسم المدونة مع تلوين كل أيقونة بـاللون الذي تختاره بطريقة بسيطة ولن تؤثر علي سرعة الموقع نهائيا
كما ترون في مدونتي بجانب كل قسم أيقونه له مع لون خاص لكل أيقونةسنتجه لشرح اضافة ايقونات بجانب الاقسام
<head>
قم بوضع الكود الاتي
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css' rel='stylesheet '/>
وقم بحفظ القالب
وبهذه الطريقة تكون اضفت مكتبة الايقونات لمدونتك بطريقة صحيحة
الخطوة القادمة هي مضمون الدرس يجب التركيز في هذا الجزء للمبتدئين ، انا ساذهب للتخطيط لكي اضيف قسم جديد في قائمة المدونة سأضيف قسم شروحات وسأكتب أسم التسمية بهذا الشكل :-
شروحات <i class="fab fa-windows"style="color: #0abde3;"></i>
كلمة شروحات هي أسم القسم وكود #0abde3 هو لون الاضافة وكلمة fab fa-windows هي الأيقونة واسم الايقونة وهذه صورة مثال لطريقة وضع الاضافة
وقم بحفظ القسم وستجد ان كلمة شروحات بجانبها اسم الايقونه التي وضعتها واللون الذي اخترته , شي أيضا مهم وهو كيف اعرف أسماء باقي الايقونات ؟ سؤال جيد كل ماعليك هو الاتجاه للصفحة الرسمية لمكتبة fontawesome ستجد هذه الصورة
سنختار مثلا ايقونة Apple كل ماعليك هو نسخ اسم Class الخاص بالايقونه مثل هكذا
وقم بنسخ اسم معرف الايقونه وقم بتبديله بالايقونه الموجودة سابقا وقم بحفظ الاقسام وستعمل معك الايقونات بدون أي مشاكل , اتمني ان الدرس يفيدكم ولاتنسي زيارة قسم بلوجر لمزيد من الدروس والشروحات واذا واجهتك اي مشكلة عموما في موقعك او اذا كنت تريد شرح معين عن أي شي لاتتردد في كتابته في التعليقات.