كيفية انشاء Child Theme لقالب الووردبريس وما أهميته؟

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

في هذه المقالة، سأوضح كيفية انشاء Child Theme والقيام بتخصيصه بكل سهولة وبدون مشاكل.

ما هو Child Theme للوردبريس؟

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

توجد قوالب WordPress الفرعية في مجلد مختلف عن القالب الأصلي، ويعتمد القالب الفرعي Child Theme على وظائف القالب الفرعي ما لم يتم تعديلها. وعند تثبيت قالب فرعي في لوحة تحكم WordPress، ستلاحظ أنه متصل بالقالب الأصلي.

إذا كنت تستخدم قالب فرعي Child Theme، فسيقوم WordPress الأساسي بفحص ملفات القوالب الفرعية أولاً. إذا لم يتم تغييره، فسيقوم ووردبريس بتنفيذ ملفات القالب الأصلي.

من المهم أن تتذكر أن القوالب الفرعية لا يمكن أن تعمل بشكل مستقل. لذلك يجب أن يتم تثبيته بجوار القالب الأصلي.

ما هو الفرق بين قوالب الووردبريس وال Child Theme؟

القوالب الأصلية هي قوالب WordPress كاملة تتضمن ملفات القوالب وأوراق الأنماط وملفات CSS وملفات JavaScript والأصول الأخرى المطلوبة لتشغيل موقع WordPress على الويب. من ناحية أخرى يستمد القالب الفرعي وظائفه من القالب الأصلي.

إليك جدول لمساعدتك على فهم الاختلافات بين الاثنين.

متى يجب استخدام Child Theme في الووردبريس؟

يمكنك استخدام قالب فرعي عندما:

• تريد تخصيص قوالب أو أنماط قالبك دون تغيير أكواد القالب الأصلي.
• تريد اختبار الميزات أو التخصيصات الجديدة دون مخاطرة.
• أن تقوم بتطوير قالب جديد وتريد استخدام قالب موجود كنقطة بداية.
• تريد إنشاء قالب مخصص لعميل أو مشروع معين واستخدام قالب موجود كنقطة بداية

كيفية انشاء Child Theme يدويا

لا يستغرق إنشاء Child theme في الووردبريس سوى بضع خطوات. لفهم مفهوم القوالب الفرعية بشكل كامل في WordPress، سنقوم بإنشاء قالب فرعي لقالب Twenty Twenty الافتراضي في الووردبريس وإجراء تعديلات معينة للحصول على الفكرة وراء القوالب الفرعية Child Themes.

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

أولاً، قم بإنشاء مجلد منفصل لوضع جميع الملفات الأساسية لقالبك الفرعي، تحتاج إلى فتح /wp-content/themes/ في مجلد تثبيت WordPress الخاص بك وإنشاء مجلد جديد للقالب الفرعي الخاص بك.

إذا كنت أرغب في إنشاء قالب فرعي لقالبي الحالي Kadence، فسأسمي المجلد Kadence-child. حيث يشير إلى أن هذا المجلد هو مجلد قالب فرعي للقالب الأصلي Kadence. وكذلك عند انشاء قالب فرعي لأي قالب آخر.

الخطوة 2: انشاء ملف CSS في مجلد ال Child Theme

الان تحتاج إلى إنشاء الملف الأولي للقالب الفرعي. ابدأ بانشاء ملف وقم بتسميته “style.css“. ثم تحتاج إلى لصق الكود التالي في هذا الملف الفارغ:

/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

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

يجب أن تتأكد عند انشاء ملف ال style.css أن يكون امتداد الملف css وليس امتداد آخر.

الخطوة 3: انشاء ملف الوظائف في مجلد ال Child theme

أهم الملفات عند انشاء قالب فرعي هو ملف functions.php حيث أن هذا الملف مهم جدا لوضع جميع الاكواد المهمة والوظائف-Functions فيه. ومن أهم الأكواد التي يجب أن تقوم باضافتها في هذا الملف بعد إنشاءه الكود التالي:

/**
 * Enqueue child styles.
 */
function child_enqueue_styles() {
    wp_enqueue_style( 'child-theme', get_stylesheet_directory_uri() . '/style.css', array());
}
add_action( 'wp_enqueue_scripts', 'child_enqueue_styles' );

هذا الكود مسئول عن استيراد جميع التخصيصات وأكواد ال CSS التي قمت باضافتها في ملف style.css الذي سبق وأن قمنا بانشاؤه في الخطوة السابقة.

يجب أن تتأكد عند انشاء ملف ال functions.php أن يكون امتداد الملف php وليس امتداد آخر.

نظرًا لأنك لم تغير أي شيء في قالبك الفرعي حتى الآن، فسيستخدم موقعك وظائف ومظهر قالبه الأصلي. يمكنك الآن البدأ في تخصيص قالبك الفرعي Child Theme الذي قمت بانشاؤه.

كيفية إنشاء child theme باستخدام اضافة

إذا لم تكن مطورًا وليس لديك خلفية تقنية أو لا ترغب في استخدام الطريقة اليدوية، فيمكنك إنشاء قالب فرعي باستخدام اضافة. هناك العديد من الاضافات المتوفرة في مستودع WordPress لإنشاء القوالب الفرعية.

1. انتقل إلى لوحة تحكم WordPress > الاضافات > إضافة جديد .
2. ابحث عن اضافة Child Theme Wizard في شريط البحث.
3. انقر على زر التثبيت.
4. بمجرد التثبيت، انقر فوق الزر “تفعيل” لتنشيط الاضافة.

بمجرد تفعيل الاضافة بنجاح، سترى خيار Child Theme Wizard ضمن خيار الأدوات على شريط إدارة WP الموجود على الجانب.

الآن يجب عليك تحديد القالب الأصلي . للقيام بذلك تحتاج إلى إضافة عنوان URL للعنوان والوصف والقالب الفرعي والنقر على ” إنشاء قالب فرعي ” .

انتقل الآن إلى المظهر > القوالب وشاهد القالب الفرعي الذي تم إنشاؤها حديثًا.

الان تم إنشاء قالب فرعي أو child theme بعدة خطوات بسيطة ويمكنك من خلالها انشاء قالب فرعي لأي قالب أصلي آخر.

• أفضل اضافات الووردبريس التي ستحتاجها في موقعك 2023
• الفرق بين wordpress.com و wordpress.org الاختلافات الرئيسية وكيفية الاختيار (2023)
• أفضل 5 بدائل Elementor سهلة الاستخدام وكثيرة الميزات

الخاتمة

أتمنى أن أكون قد وضحت أهمية القالب الفرعي Child Theme بطريقة سهلة والمتطلبات الأساسية التي يجب عليك مراعاتها عند انشاء القالب الفرعي. اذا كان لديك أي أسئلة فقم بوضعها في التعليقات أسفل المقالة.

أسئلة شائعة