شرح أداة الفحص Inspect | معرفة كلاس أي عنصر في بلوجر وتعديله بسهولة

🔍 شرح أداة الفحص Inspect: كيف تعرف كلاس أي عنصر في بلوجر وتعدله بسهولة

إذا كنت تريد تعديل شكل مدونتك باحتراف، فأداة الفحص Inspect هي سلاحك السري. من خلالها تعرف اسم العنصر، الكلاس، أو الـ ID، ثم تعدل الألوان، الحجم، الخط، والمسافات بسهولة.

1. ما هي أداة الفحص Inspect؟

أداة الفحص هي ميزة موجودة في المتصفح تساعدك على رؤية كود الصفحة مباشرة. تستطيع استخدامها لمعرفة اسم الكلاس الخاص بأي نص، صورة، زر، عنوان، أو صندوق داخل مدونتك.

2. استخدم أداة الفحص من الكمبيوتر

• 💻 افتح مدونتك من المتصفح.
• 🖱️ ضع الماوس فوق العنصر الذي تريد تعديله.
• 🔘 اضغط كلك يمين.
• ✅ اختر فحص أو Inspect.

3. ابحث عن اسم الكلاس أو ID

بعد فتح نافذة الأكواد، سيظهر لك السطر الخاص بالعنصر الذي اخترته. ابحث عن كلمة class أو id.

class="post-snippet"
id="main-wrapper"

لو وجدت مثلًا class="post-snippet" فهذا يعني أن اسم الكلاس هو post-snippet.

4. كيف تستخدم اسم الكلاس في CSS؟

بعد معرفة اسم الكلاس، تضع قبله نقطة داخل CSS، ثم تكتب التعديلات التي تريدها.

.post-snippet {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.8;
}

5. الفرق بين class و id

الكلاس class نستخدم معه نقطة، أما الـ id نستخدم معه علامة #.

.post-title {
    color: gold;
}

#main-wrapper {
    padding: 20px;
}

💡 حركة ذكية لو تشتغل من الجوال

إذا كنت تستخدم الجوال، ابحث داخل أكواد القالب أو CSS عن كلمات مثل: snippet، summary، post-body، post-title. الاسم الذي تجده هو غالبًا العنصر الذي تحتاج تعديله.

أسئلة شائعة

هل أداة Inspect تغير الموقع فعليًا؟

لا، التغيير داخل Inspect يكون مؤقتًا فقط. حتى تحفظ التعديل يجب نسخه ووضعه داخل قالب بلوجر أو قسم CSS.

هل أحتاج معرفة برمجة كثيرة؟

لا، تحتاج فقط معرفة بسيطة بالـ CSS مثل تغيير اللون، الحجم، الخلفية، والمسافات.

هل تعمل الطريقة على بلوجر؟

نعم، هذه الطريقة مفيدة جدًا في بلوجر لمعرفة أسماء عناصر القالب وتعديل شكلها.

الخلاصة

أداة الفحص Inspect تساعدك على فهم قالب بلوجر وتعديل أي عنصر بسهولة. فقط افتح الأداة، اعرف اسم الكلاس أو ID، ثم اكتب كود CSS المناسب. بهذه الطريقة تصبح قادرًا على التحكم في شكل مدونتك بدون تخمين.