القوالب الفرعية (Child Themes) في ووردبريس: ما هي؟ لماذا هي مهمة؟ وكيفية إنشائها واستخدامها خطوة بخطوة؟
عندما يتعلق الأمر بتخصيص موقعك على ووردبريس وإجراء تغييرات جذرية على تصميمه ووظائفه، قد يخطر ببالك تعديل الملفات الأساسية للقالب الذي تستخدمه. لكن هنا تكمن المشكلة: إذا أجريت تغييرات على القالب الأساسي (Parent Theme) وقمت لاحقًا بتحديثه للحصول على إصلاحات أو مزايا جديدة، ستفقد كل تلك التعديلات التي عملت عليها بجهد. لهذا السبب، ابتكر ووردبريس نظام القوالب الفرعية (Child Themes) الذي يسمح لك بتخصيص ما تشاء مع الحفاظ على إمكانية تحديث القالب الأساسي دون فقدان أي شيء.
ما هو القالب الفرعي (Child Theme)؟
القالب الفرعي هو بمثابة “ابن” للقالب الأساسي. تخيل أن القالب الأساسي يقدم لك الهيكلية والتصميم والوظائف العامة، بينما يتيح لك القالب الفرعي إضافة أو تعديل أي شيء تريده دون المساس بملفات القالب الأصلي. وبمجرد تحديث القالب الأساسي، تظل تعديلات القالب الفرعي سارية، مما يوفر عليك عناء استعادة التعديلات كل مرة.
على مستوى أوضح، يقوم القالب الفرعي بتحميل جميع ملفات القالب الأساسي، لكنه يتيح لك إمكان استبدال أو تجاوز أي ملف تحتاج إلى تعديله. إذا لم تقم بتعديل ملف معين في القالب الفرعي، يستمر ووردبريس بتحميله من القالب الأساسي تلقائيًا.
لماذا تحتاج إلى قالب فرعي؟
- حماية تخصيصاتك: بمجرد قيامك بإنشاء قالب فرعي وإجراء التعديلات عليه، سيبقى عملك في أمان مهما جرى من تحديثات للقالب الأساسي.
- تنظيم وهيكلة أفضل: يمكنك تركيز جميع الأكواد والتخصيصات في القالب الفرعي، ما يجعل إدارة الموقع وفهم التعديلات أسهل بكثير.
- تجنب الأخطاء المفاجئة: عند التعديل المباشر على ملفات القالب الأساسي، قد يؤدي خطأ بسيط إلى تعطل الموقع. في القالب الفرعي، تجري التعديلات بأمان، ويمكنك دائمًا إزالة الملف أو التعليمة المسببة للمشكلة ليعود الموقع لسابق عهده.
- تجربة التعلم والتطوير: إذا كنت مبتدئًا في تطوير ووردبريس، سيوفر لك القالب الفرعي بيئة مثالية لتجربة الأكواد واكتساب الخبرة دون العبث بالقالب الأصلي.
مفهوم القالب الأساسي (Parent Theme)
القالب الأساسي هو القالب الرئيسي الذي يعتمد عليه موقعك في جلب التصميم والوظائف. غالبًا ما يكون من تطوير جهة خارجية (شخص أو شركة)، مثل Twenty Twenty-One أو Astra أو GeneratePress. قد تتضمن القوالب الأساسية خيارات وإعدادات كثيرة في لوحة تحكم ووردبريس، إلى جانب ملفات PHP وCSS وJavaScript المسؤولة عن الشكل والسلوك العام للموقع.
خطوة بخطوة: كيفية إنشاء قالب فرعي
1. إنشاء مجلد جديد للقالب الفرعي
ابدأ بإنشاء مجلد فارغ في مسار wp-content/themes الخاص بموقعك. يُفضل اختيار اسم يعكس القالب الأساسي مع إضافة كلمة child أو child theme. على سبيل المثال، إذا كان القالب الأساسي اسمه mytheme، فأنشئ مجلدًا باسم mytheme-child.
2. إضافة ملف style.css أساسي
أنشئ ملفًا باسم style.css داخل مجلد القالب الفرعي. في هذا الملف، ستضع معلومات تعريف القالب الفرعي في قسم التعليقات الافتتاحية، مثل:
/*
Theme Name: MyTheme Child
Template: mytheme
Description: هذا هو القالب الفرعي الخاص بقالب MyTheme
Author: اسمك أو اسم شركتك
Version: 1.0
*/
- Theme Name: الاسم الذي سيظهر للقالب الفرعي في لوحة تحكم ووردبريس.
- Template: يُكتب به اسم المجلد الخاص بالقالب الأساسي بالضبط. إذا كان المجلد اسمه mytheme، يجب ألا تخطئ في الأحرف الصغيرة والكبيرة.
- Description وAuthor وVersion: معلومات إضافية يمكنك استخدامها للتوثيق.
نصيحة: احرص على أن يكون ملف style.css هو مكانك الأول لإضافة أي تعديلات CSS على التصميم.
3. إنشاء ملف functions.php للقالب الفرعي
ملف functions.php هو المكان الذي تضع فيه الدوال البرمجية الخاصة بقالبك الفرعي، أو تستدعي من خلاله ملفات CSS وJS الإضافية. أنشئ ملفًا جديدًا في القالب الفرعي يُسمى functions.php، ثم أضف الكود التالي:
<?php
function mytheme_child_enqueue_styles() {
// استدعاء ملف CSS الخاص بالقالب الأساسي
wp_enqueue_style(
'mytheme-parent-style',
get_template_directory_uri() . '/style.css'
);
// استدعاء ملف CSS الخاص بالقالب الفرعي
wp_enqueue_style(
'mytheme-child-style',
get_stylesheet_directory_uri() . '/style.css',
array('mytheme-parent-style')
);
}
add_action('wp_enqueue_scripts', 'mytheme_child_enqueue_styles');
يعمل هذا الكود على:
- تحميل ملف style.css الخاص بالقالب الأساسي: لكي لا تفقد أي تنسيق أو تنميط قدمه القالب الأصلي.
- تحميل ملف style.css الخاص بالقالب الفرعي: سيتم تحميله بعد القالب الأساسي، ليكون له الأولوية في استبدال أي قواعد CSS.
4. رفع المجلد وتفعيل القالب الفرعي
- بعد إنشاء الملفين style.css وfunctions.php وحفظهما، يمكنك رفع مجلد القالب الفرعي إلى
wp-content/themesعبر برنامج FTP أو من خلال مدير الملفات في لوحة تحكم الاستضافة. - انتقل إلى مظهر > قوالب في لوحة تحكم ووردبريس.
- ستجد قالبك الفرعي باسم MyTheme Child أو أي اسم استخدمته.
- اضغط على تفعيل لاستخدام القالب الفرعي.
كيفية استخدام القالب الفرعي
1. استبدال الملفات التي تريد تعديلها فقط
إذا أردت تعديل ملف معين في القالب الأساسي، مثل header.php، فما عليك إلا نسخه من مجلد القالب الأساسي إلى المجلد نفسه في القالب الفرعي (أنشئ مجلدًا فرعيًا بنفس الاسم إذا لزم الأمر). بعد ذلك، أجرِ التعديلات على نسخة الملف داخل القالب الفرعي. سيقوم ووردبريس تلقائيًا بتحميل الملف المعدل بدلًا من الملف الأصلي.
2. إضافة أكواد CSS جديدة
يُفضل دومًا إضافة الأكواد والتنسيقات الجديدة داخل ملف style.css في القالب الفرعي. على سبيل المثال:
/* تغيير لون خلفية الهيدر */
.site-header {
background-color: #fafafa;
border-bottom: 2px solid #ccc;
}
/* تخصيص نمط عناوين المقالات */
.entry-title {
color: #004080;
font-weight: bold;
margin-bottom: 20px;
}
ووردبريس سيطبق هذه التنسيقات بعد الانتهاء من تنسيقات القالب الأساسي، وبذلك تضمن أن تنسيقاتك لها الأولوية.
3. إضافة أو إزالة وظائف عبر functions.php
ملف functions.php هو المكان المناسب لإضافة دوال أو “هوكات” Hooks لإضافة ميزات جديدة أو تعطيل ميزات موجودة في القالب الأساسي. إذا أردت إلغاء سجل ودجة مثلاً، أو إضافة حقل مخصص في لوحة التحكم، فيمكنك فعل ذلك ضمن ملف functions.php الخاص بالقالب الفرعي.
نصائح متقدمة لعمل القالب الفرعي
- لا تكرر ملفات لا تحتاجها: لا تنسخ جميع ملفات القالب الأساسي عشوائيًا إلى القالب الفرعي. انسخ فقط الملفات التي ترغب في تعديلها.
- حافظ على اسماء الملفات والمجلدات: يجب أن يطابق مسار واسم الملف في القالب الفرعي نظيره في القالب الأساسي تمامًا حتى يتعرف ووردبريس على التعديل.
- اجعل الـ CSS منظمًا: اسخدم تعليقات /*…*/ لتوضيح ما يخص كل جزء من التعديلات. سيسهل عليك وعلى أي مطور آخر فهم ما يجري.
- استخدام ملفات إضافية: يمكنك إنشاء ملفات style-rtl.css للغة العربية، أو custom.js للوظائف البرمجية المخصصة، واستدعاؤها عبر ملف functions.php.
- تجربة قبل التطبيق: في حال كنت تخشى الأخطاء، أنشئ بيئة تجريبية (Staging Site) أو جرب التعديلات على موقع محلي قبل نقلها إلى موقعك المباشر.
كيف أتحقق من عمل القالب الفرعي؟
- بعد تفعيل القالب الفرعي، افتح موقعك ولاحظ ما إذا كانت التخصيصات التي أجريتها تظهر.
- حاول تحديث القالب الأساسي لمعرفة ما إذا كانت التعديلات باقية ولم تتأثر.
- إذا صادفت مشاكل، تأكد من أسماء الملفات والمجلدات ومطابقتها للقالب الأساسي، وتحقق من أي أخطاء إملائية في ملف functions.php.
لماذا تحتاج إلى موقع احترافي مع إتقان؟
إن مفهوم القالب الفرعي ليس إلا جزءًا صغيرًا من مجمل العمليات المتقدمة التي نُطبقها لبناء مواقع ووردبريس عالية الجودة. لدى إتقان فريق متخصص في تطوير مواقع عربية احترافية تضمن لك الأمان والسرعة والأداء العالي، بالإضافة إلى التصميم الجذاب والتوافق مع محركات البحث.
عندما تتعاون مع إتقان، ستحصل على:
- تصميم يلفت الأنظار: نأخذ هوية عملك ونمزجها مع أفضل الممارسات لتقديم واجهة مستخدم مريحة ورائعة.
- تطوير مخصص: من خلال القوالب الفرعية، نضمن تطبيق التعديلات التي تلائم احتياجاتك دون التأثير على القالب الأصلي.
- أداء وسرعة: نلتزم بتطبيق أحدث معايير تحسين الأداء لتكون سرعة موقعك ضمن أولوياتنا.
- دعم استشاري وفني: مهما كانت مشكلتك أو استفسارك، نحن هنا للرد وتقديم الحلول المناسبة.
تواصل معنا الآن!
إذا كنت تطمح لبناء موقع ووردبريس متميز باللغة العربية، أو تسعى لتخصيص قالبك الحالي بطريقة احترافية تحافظ على جهودك على المدى الطويل، لا تتردد في التواصل مع إتقان. نحن مستعدون لمساعدتك في كل مرحلة، من التخطيط والتصميم وصولًا إلى الإطلاق والصيانة.
لا تدع المنافسة تسبقك في الساحة الرقمية. استثمر في قالب فرعي آمن ومتطور، ودع فريق إتقان يساعدك على تحقيق أفضل النتائج في مشروعك الرقمي القادم!