كيفية إنشاء قالب ووردبريس فرعي (Child Theme) بشكل مفصل وشامل

يُعتبر ووردبريس من أشهر أنظمة إدارة المحتوى في العالم، ويستخدمه ملايين المواقع لما يتميز به من سهولة في الاستخدام، مرونة في التصميم، وقوة في الأداء. واحدة من الممارسات الأساسية للمطورين والمصممين هي استخدام القوالب الفرعية (Child Themes) بدلاً من تعديل القوالب الأصلية (Parent Themes) مباشرة. ذلك لأن التعديلات المباشرة على القالب الأصلي قد تُفقد مع تحديثات القالب، مما يجعل القالب الفرعي الحل الأمثل للحفاظ على التعديلات وتحديثات الموقع بشكل آمن ومرن.

في هذا المقال سيتم تناول شرح مفصل عن مفهوم القالب الفرعي، الأسباب التي تدفع إلى إنشائه، الخطوات التفصيلية لإنشاء قالب ووردبريس فرعي خطوة بخطوة، مع شرح أفضل الممارسات وأدوات تساعد في تسريع العملية.

مفهوم القالب الفرعي في ووردبريس

القالب الفرعي أو Child Theme هو قالب ووردبريس مستقل يعتمد على قالب رئيسي يُسمى القالب الأب (Parent Theme). القالب الفرعي يرث جميع خصائص القالب الأب، لكنه يتيح لك تعديل هذه الخصائص أو إضافة وظائف جديدة دون الحاجة إلى تعديل ملفات القالب الأب مباشرة.

تتكون فكرة القالب الفرعي على مبدأ الوراثة البرمجية، حيث يتم استدعاء ملفات القالب الأب بشكل افتراضي، إلا إذا قمت بتعريف ملفات مخصصة في القالب الفرعي لتتجاوز تلك الموجودة في القالب الأب.

لماذا تستخدم قالب فرعي بدلاً من تعديل القالب الأصلي؟

• حماية التعديلات من التحديثات: أي تعديل يتم في القالب الأصلي سوف يُفقد عند تحديثه، أما التعديلات في القالب الفرعي فهي مستقلة ولن تتأثر بالتحديثات.

• فصل التخصيص عن القالب الأساسي: هذا يساعد على التنظيم والمرونة، حيث يمكن التراجع أو تعديل التخصيصات بسهولة دون التأثير على القالب الأساسي.

• تجربة واختبار التعديلات: يمكنك تجربة تغييرات كبيرة على تصميم أو وظائف الموقع بأمان دون التأثير على النسخة الحية من القالب.

• سهولة الصيانة: فصل التعديلات يسهل على المطورين فهم التخصيصات وصيانتها في المستقبل.

متطلبات إنشاء قالب فرعي

• موقع ووردبريس مُثبت ويعمل بشكل جيد.

• قالب رئيسي مثبت (Parent Theme) ترغب في إنشاء قالب فرعي له.

• محرر نصوص بسيط (مثل Visual Studio Code أو Sublime Text أو حتى المفكرة).

• وصول إلى ملفات الموقع عبر FTP أو من خلال لوحة تحكم الاستضافة (cPanel أو غيرها).

الخطوات التفصيلية لإنشاء قالب ووردبريس فرعي

1. إنشاء مجلد القالب الفرعي

أول خطوة هي إنشاء مجلد جديد داخل مجلد القوالب في ووردبريس. يمكنك الوصول إلى هذا المسار:

bash
CopyEdit
/wp-content/themes/

داخل هذا المجلد، قم بإنشاء مجلد جديد باسم مناسب يدل على القالب الفرعي، مثلاً إذا كان القالب الأب اسمه twentytwentyone يمكن تسمية المجلد الفرعي twentytwentyone-child.

2. إنشاء ملف style.css الخاص بالقالب الفرعي

داخل مجلد القالب الفرعي، يجب إنشاء ملف style.css وهو الملف الأساسي لتعريف القالب في ووردبريس. هذا الملف يبدأ برأس تعريف يحتوي على معلومات القالب، ويجب أن يتضمن على الأقل المعلومات التالية:

css
CopyEdit
/*
Theme Name: Twenty Twenty-One Child
Theme URI: http://example.com/twenty-twentyone-child/
Description: قالب فرعي للقالب Twenty Twenty-One
Author: اسمك أو شركتك
Author URI: http://example.com
Template: twentytwentyone
Version: 1.0.0
Text Domain: twentytwentyone-child
*/

شرح الحقول المهمة:

• Theme Name: اسم القالب الفرعي كما سيظهر في لوحة تحكم ووردبريس.

• Template: هذا هو اسم مجلد القالب الأب بالضبط (حساس لحالة الأحرف).

• Text Domain: لتوافق الترجمة.

3. إنشاء ملف functions.php لتحميل ملفات القالب الأب

في القالب الفرعي، لا يتم تلقائياً تحميل ملفات CSS أو جافاسكريبت الخاصة بالقالب الأب، لذلك يجب إنشاء ملف functions.php داخل مجلد القالب الفرعي، وكتابة كود يقوم بتحميل ملف CSS الخاص بالقالب الأب:

php
CopyEdit

function enqueue_parent_styles() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'enqueue_parent_styles');

هذا الكود يقوم بإضافة ملف CSS الخاص بالقالب الأب عند تحميل صفحات الموقع.

4. تفعيل القالب الفرعي

بعد الانتهاء من الخطوات السابقة، يمكن الانتقال إلى لوحة تحكم ووردبريس:

• الذهاب إلى المظهر > القوالب.

• ستجد القالب الفرعي مدرجاً ضمن القوالب.

• اضغط على تفعيل.

5. تعديل القالب الفرعي

الآن أصبح بإمكانك تعديل القالب الفرعي بأمان. يمكنك:

• إنشاء ملفات قالب جديدة (مثل header.php، footer.php، single.php) داخل مجلد القالب الفرعي، وستقوم ووردبريس بتحميلها بدلاً من تلك الموجودة في القالب الأب.

• تعديل ملف style.css الخاص بالقالب الفرعي لإضافة أنماط CSS مخصصة.

• إضافة ملفات جافاسكريبت، أو وظائف PHP إضافية داخل ملف functions.php للقالب الفرعي.

أمثلة على استخدام القالب الفرعي في التخصيص

تخصيص الشكل والألوان

بدلاً من تعديل ملفات CSS في القالب الأب، يمكن كتابة أنماط CSS جديدة داخل ملف style.css في القالب الفرعي، على سبيل المثال:

css
CopyEdit
body {
    background-color: #f0f0f0;
}

.site-header {
    background-color: #004080;
}

بهذه الطريقة، تظل التعديلات مستقلة وتُحمى من التحديثات.

تعديل ملفات القالب

إذا كنت تريد تعديل طريقة عرض صفحة المقالات مثلاً، يمكن نسخ ملف single.php من مجلد القالب الأب إلى القالب الفرعي، ثم تعديل النسخة الموجودة في القالب الفرعي. عند تحميل الصفحة، سيستخدم ووردبريس الملف الموجود في القالب الفرعي بدلاً من الأب.

التعمق في ملف functions.php للقالب الفرعي

يمكنك إضافة وظائف PHP إضافية خاصة بالقالب الفرعي دون التأثير على القالب الأب. مثلاً إضافة أكواد لتحسين الأداء، أو تسجيل مناطق ودجات جديدة، أو تخصيص القوائم، أو إضافة دعم ميزات جديدة.

مثال على إضافة دعم لصور مصغرة (Thumbnails) في القالب الفرعي:

php
CopyEdit

function child_theme_setup() {
    add_theme_support('post-thumbnails');
}
add_action('after_setup_theme', 'child_theme_setup');

أفضل الممارسات عند إنشاء قالب فرعي

• الاحتفاظ بنسخة احتياطية: قبل البدء، احتفظ بنسخة من القالب الأصلي وأي ملفات أخرى مهمة.

• تسمية المجلدات والملفات بشكل واضح: لتسهيل التعرف عليها فيما بعد.

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

• الالتزام بمعايير ووردبريس: حافظ على ترميز واضح ومنسق، واحرص على كتابة تعليقات لتوضيح الأكواد.

• اختبار القالب: قم بتجربة القالب الفرعي على بيئة تطوير قبل تطبيقه على الموقع الحي.

أدوات مساعدة لإنشاء قوالب فرعية

هناك أدوات وإضافات تساعد في تسريع عملية إنشاء القالب الفرعي:

• Plugin: Child Theme Configurator
  
  إضافة مجانية تتيح لك إنشاء قالب فرعي بضغطة زر، وتقوم بتحليل القالب الأب واقتراح الملفات لتخصيصها.

• Theme Check Plugin
  
  تساعدك على التأكد من أن القالب الفرعي يتبع معايير الترميز القياسية في ووردبريس.

• Local Development Environments
  
  مثل Local by Flywheel أو XAMPP أو WAMP لاختبار القالب الفرعي محلياً قبل نشره.

استخدام القوالب الفرعية مع الإطارات (Frameworks)

الكثير من المطورين يستخدمون إطارات قوالب رئيسية مثل Genesis أو Divi أو Astra، وهذه الإطارات توفر قوالب أصلية قوية جداً تدعم إنشاء قوالب فرعية بشكل كامل. في هذه الحالة يصبح القالب الفرعي طريقة رئيسية لتخصيص التصميم مع الحفاظ على التحديثات المستمرة للإطار الأساسي.

جدول يوضح الفرق بين القالب الأب والقالب الفرعي

الخاتمة

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

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

المصادر والمراجع

• WordPress Developer Handbook – Child Themes

• WordPress Codex – Child Themes