قالب فرعي (Child Theme)

أدرس كامل عن إنشاء قالب فرعي (Child Theme) عشان تفهم ليه وإزاي تستخدمه صح.

1. ليه نستخدم قالب فرعي (Child Theme)؟

لما تعدل في قالب ووردبريس مباشر، ممكن يحصل مشكلة لما تيجي تحدث القالب الأصلي. التحديث يمسح كل التعديلات اللي عملتها!
عشان كده بنستخدم القالب الفرعي، اللي هو نسخة منفصلة بتورث وظائف القالب الأصلي، وتقدر تعدل فيها براحتك من غير ما تخاف إن التحديث يمسح شغلك.

2. إيه الفرق بين القالب الأصلي والقالب الفرعي؟

  • القالب الأصلي (Parent Theme): القالب الرئيسي اللي بيتبني عليه الموقع
  • القالب الفرعي (Child Theme): قالب بسيط بيورث وظائف وشكل القالب الأصلي، وممكن تعدل فيه بأمان

3. خطوات إنشاء قالب فرعي خطوة بخطوة

الخطوة 1: إنشاء فولدر جديد

  • روح لمجلد القوالب في موقعك:
    wp-content/themes/
  • اعمل فولدر جديد باسم القالب الفرعي، مثلاً:
    mytheme-child

الخطوة 2: إنشاء ملف style.css

  • جوه الفولدر الجديد، اعمل ملف style.css واكتب فيه:
/*
Theme Name: MyTheme Child
Template: mytheme
Description: قالب فرعي لتعديل آمن على MyTheme
Author: محمد ابوزيد
Version: 1.0
Text Domain: mytheme-child
*/
  • خلي بالك من السطر المهم Template: mytheme — ده اسم فولدر القالب الأصلي بالظبط.

الخطوة 3: إنشاء ملف functions.php

  • في نفس الفولدر، اعمل ملف functions.php واكتب فيه الكود ده عشان تحمل ستايل القالب الأصلي:
<?php
function mytheme_child_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'mytheme_child_enqueue_styles' );

الخطوة 4: تفعيل القالب الفرعي

  • ادخل على لوحة تحكم ووردبريس
  • اذهب لـ “المظهر” > “القوالب”
  • هتلاقي قالب باسم “MyTheme Child”
  • فعّله

الخطوة 5: ابدأ التعديل بأمان

  • أي تعديل عايز تعمله في القالب، حطه في القالب الفرعي، سواء ملفات CSS أو PHP
  • التحديثات هتفضل بتنزل على القالب الأصلي، والتعديلات بتاعتك في القالب الفرعي هتفضل موجودة

4. أهم نصائح عند استخدام القالب الفرعي

  • دايمًا خلي اسم الفولدر في سطر Template مطابق بالظبط للقالب الأصلي
  • لو عايز تعدل ملفات PHP معينة، انسخ الملف من القالب الأصلي وحطه في القالب الفرعي وعدل عليه
  • ماتمسحش ملفات القالب الأصلي
  • تابع تحديثات القالب الأصلي بانتظام
  • جرب الموقع بعد كل تعديل عشان تتأكد إن كل حاجة شغالة

5. مراجعة سريعة

  • القالب الفرعي بيخليك تعدل بأمان بدون ما تخسر التعديلات بتاعتك بعد التحديث
  • لازم تعمل فولدر جديد وتكتب style.css وfunctions.php صح
  • فعل القالب من لوحة التحكم وابدأ شغل التعديلات عليه

6. أسئلة شائعة

س: هل لازم كل القوالب تدعم القوالب الفرعية؟
ج: معظم القوالب الشائعة بتدعمها، بس لازم تتأكد من وثائق القالب الأصلي.

س: هل ممكن أعمل قالب فرعي لقالب مجاني أو مدفوع؟
ج: أيوه، ممكن تعمله لأي قالب، سواء مجاني أو مدفوع.

س: هل لازم أنقل كل ملفات القالب الأصلي في القالب الفرعي؟
ج: لأ، فقط الملفات اللي عايز تعدلها.

7. نهاية الدرس: “التعديل الذكي على القالب بدون خوف”

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