قالب الطفل

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

لإنشاء قالب فرعي، أنشئ مجلدًا في دليل wp-content/themes. يجب أن يحتوي هذا المجلد على ملف style.css مخصص وملف functions.php. يتم تحميل ملف أنماط القالب الفرعي بعد ملف أنماط القالب الرئيسي، مما يسمح لملفات CSS المخصصة الخاصة بك بأن تكون لها الأولوية ويضمن عدم استبدال التغييرات التي أجريتها على القالب الرئيسي.

القالب الفرعي هو مجموعة من التعليمات التي تُضاف إلى القالب الأصلي، مما يسمح لك بتحديث القالب الرئيسي، مثل Twenty Seventeen أو Twenty Nineteen أو Twenty Twenty-One، دون فقدان أي تخصيصات. دعونا نستكشف المفاهيم الأساسية، وخطوات إنشاء قالب فرعي، وأفضل الممارسات لتطوير القوالب.

ما الفرق بين موضوعات الأب والابن؟

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

القالب الفرعي الميزات والأنماط من القالب الأصلي. من خلال الإشارة إلى مجلد القالب الأصلي في ترويسة ملف أنماط القالب الفرعي، يقوم ووردبريس بتحميل ملف style.css الخاص بالقالب الأصلي قبل ملف CSS الخاص بالقالب الفرعي. يتيح لك هذا إضافة ملفات القوالب أو تعديلها، وإضافة أنماط CSS إضافية دون تغيير ملف style.css الخاص بالقالب الأصلي.

فوائد استخدام قالب فرعي

يوفر استخدام قالب فرعي العديد من المزايا العملية، خاصة عند صيانة أو توسيع قالب مخصص معقد:

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

• فصل واضح للشيفرة : جميع الشيفرة المخصصة، من تعديلات ملفات CSS إلى مقتطفات شيفرة PHP، موجودة في القالب الفرعي. هذا الفصل يُسهّل تتبع تعديلاتك وتصحيح أخطائها وإزالتها عند الحاجة، بدلاً من البحث عنها في شيفرة القالب الرئيسي.

• تطوير أسرع للقوالب : يمكن لمنشئ القوالب الفرعية أو إضافة مُهيئتها (مثل إضافة مُهيئ القوالب الفرعية الرسمية) إنشاء قالب فرعي جديد في ثوانٍ. ستوفر وقتًا ثمينًا في إعداد المجلدات، وتركز أكثر على التصميم والوظائف.

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

• منصة التعلم : بالنسبة لمطوري القوالب الطموحين، توفر القوالب الفرعية طريقة سهلة لتجربة ملفات القوالب وخطافات الإجراءات والفلاتر دون المخاطرة بموقع مباشر.

وظائف القالب الفرعي

يُعدّ القالب الفرعي في ووردبريس عنصرًا أساسيًا في تخصيص الموقع بشكل آمن وقابل للتطوير. وتشمل وظائفه الرئيسية ما يلي:

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

• تخصيص الأنماط وتجاوز القوالب : يمكن للمطورين تجاوز الأنماط والرؤوس والتذييلات والمزيد من خلال ملف CSS الخاص بالثيم الفرعي وملفات القوالب المنسوخة.

• إضافة أو تعديل الوظائف : يتيح لك ملف functions.php في قالب فرعي كتابة أو تعديل كود PHP لتغيير طريقة عمل ووردبريس، دون المساس بمنطق القالب الأساسي.

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

• تبسيط اختبار القوالب والنماذج الأولية : مثالي لتجربة تغييرات التخطيط أو الميزات على موقع ووردبريس دون المساس بالاستقرار.

إنشاء قالب فرعي (خطوة بخطوة)

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

• إنشاء مجلد القالب الفرعي : في تثبيت ووردبريس الخاص بك، انتقل إلى wp-content/themes. أنشئ مجلدًا جديدًا، على سبيل المثال، twentyone-child، إذا كنت تستهدف قالب Twenty Twenty-One كقالب رئيسي. يصبح مجلد القالب الفرعي هذا حاوية لجميع قوالبك ومواردك المخصصة.

• أضف ملف أنماط CSS (style.css) : داخل مجلد القالب الفرعي، أنشئ ملفًا باسم style.css. أضف العنوان التالي في الأعلى:

/*
اسم القالب:
قالب Twenty Twenty-One الفرعي URI: https://example.com/twentyone-child
الوصف: قالب فرعي لقالب Twenty Twenty-One
المؤلف: اسمك القالب
: twentytwentyone
الإصدار: 1.0.0
*/

قم بتغيير اسم القالب، والنموذج، والحقول الأخرى لتتوافق مع اسم القالب الفرعي ومجلد القالب الرئيسي.

• قم بتحميل أنماط القالب الرئيسي والفرعي : أنشئ ملف functions.php في مجلد القالب الفرعي. استخدم هذا المقتطف البرمجي الأساسي لتحميل الأنماط بشكل صحيح:

wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array( 'parent-style' ),
wp_get_theme()->get('Version')
);
}
add_action( 'wp_enqueue_scripts', 'my_child_enqueue_styles' );

يضمن هذا تحميل ورقة أنماط القالب الرئيسي أولاً، متبوعة بأي CSS مخصص في قالبك الفرعي.

• فعّل قالبك الفرعي : قم بضغط مجلد القالب الفرعي (إذا كنت ترفعه عبر لوحة التحكم) أو ببساطة قم بتحديث قسم القوالب ضمن المظهر. حدد موقع قالبك الفرعي الجديد، وانقر على "تفعيل"، وتأكد من تحميل موقعك بشكل صحيح بتصميم القالب الأصلي وتعديلات قالبك الفرعي.

فهم ملفات القوالب الفرعية

يتضمن قالب الطفل كامل الوظائف عادةً ما يلي:

• style.css : يحتوي على بيانات تعريف رأس القالب الفرعي وجميع CSS المخصص.

• functions.php : يحتوي هذا الملف على كود الإضافة أعلاه وأي مقتطفات أو خطافات أو مرشحات إضافية لملف PHP لتوسيع الوظائف.

• ملفات القوالب (اختياري): انسخ أي قالب من قوالب القالب الرئيسي، مثل header.php أو single.php أو page.php، إلى مجلد قالبك الفرعي لاستبداله. سيستخدم ووردبريس نسختك بدلاً من نسخة القالب الرئيسي.

• screenshot.png (اختياري): يتم عرض صورة معاينة في لوحة تحكم السمات، بحجم 1200×900 بكسل.

• assets/ (اختياري): مجلد فرعي للصور الخاصة بالثيم الفرعي، أو جافا سكريبت، أو موارد أخرى.

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

خيارات سهلة للمبتدئين لتخصيص ووردبريس بدون قالب فرعي

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

فيما يلي أكثر طرق التخصيص شيوعًا والتي تناسب المبتدئين:

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

• لوحة CSS إضافية: تقع هذه اللوحة في قسم التخصيص، وتتيح لك كتابة مقاطع CSS مخصصة لتجاوز أنماط القالب. تُطبّق التغييرات فورًا وتُحفظ مع إعدادات القالب.

• إضافات CSS المخصصة: توفر إضافات مثل Simple Custom CSS أو WP Add Custom CSS طريقة آمنة ومستقلة لإضافة قواعد CSS، حتى إذا قمت بتغيير قالب موقعك لاحقًا.

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

• أدوات إنشاء الصفحات (مثل Elementor و Beaver Builder): توفر هذه الأدوات التي تعتمد على السحب والإفلات تحكمًا مرئيًا في تخطيطات الصفحات وتصميمها، مما يجعل التخصيص سهلاً دون كتابة سطر واحد من التعليمات البرمجية.

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

الأخطاء الشائعة وكيفية حلها

حتى مطورو القوالب ذوو الخبرة قد يرتكبون أخطاءً عند العمل مع القوالب الفرعية. إليك بعض الفحوصات السريعة:

• اسم القالب خاطئ : تأكد من أن سطر القالب في ملف style.css الخاص بك يطابق مجلد القالب الرئيسي تمامًا (مع مراعاة حالة الأحرف).

• القالب الفرعي غير نشط : بعد التثبيت، تذكر تفعيل القالب الفرعي؛ وإلا فلن يتم تشغيل ملفات CSS و PHP المخصصة.

• مشاكل التخزين المؤقت لملفات CSS : قد تخفي ذاكرة التخزين المؤقت للمتصفح أو الإضافات تغييرات CSS. لذا، يُنصح بمسح ذاكرة التخزين المؤقت أو استخدام ملفات أنماط مُؤرشفة في استدعاءات enqueue.

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

أفضل الممارسات في تطوير القوالب

فيما يلي بعض أفضل الممارسات لتطوير قوالب ووردبريس:

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

• استخدم أداة تكوين القوالب الفرعية : يمكن لأدوات مثل المكون الإضافي Child Theme Configurator أتمتة إنشاء المجلدات وإعداد الرؤوس وإجراءات قائمة الانتظار، وهو أمر مثالي لأولئك الذين لا يشعرون بالراحة في تحرير رؤوس ملفات CSS أو ملفات PHP يدويًا.

• حافظ على نظام التحكم في الإصدارات : خزّن قالبك الفرعي في Git أو أي نظام تحكم في الإصدارات آخر. ضع علامات على الإصدارات قبل إجراء تغييرات جوهرية ليسهل التراجع عنها في حال حدوث أي خلل.

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

هل ينبغي عليك استخدام قالب فرعي لـ WordPress؟

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

إليك كيفية اتخاذ القرار:

استخدم قالبًا فرعيًا إذا:

• يجب عليك تجاوز أو توسيع ملفات القوالب (على سبيل المثال، single.php، header.php).
• تخطط لكتابة وظائف PHP مخصصة أو خطافات تصفية عبر ملف functions.php.
• سيتلقى قالبك تحديثات منتظمة، وتريد الاحتفاظ بالتغييرات.
• أنت تقوم بإنشاء موقع عميل أو بيئة تجريبية باستخدام منطق تصميم مخصص.

تجنب استخدام قالب فرعي إذا:

• كل ما تحتاجه هو تعديلات بصرية أساسية، مثل تغييرات اللون أو الخط.

• يدعم قالبك الرئيسي إعدادات تخصيص قوية أو تحرير الموقع بالكامل.

• تفضل استخدام أدوات إنشاء الصفحات أو إضافات التصميم لإجراء تغييرات في التخطيط.

• أنت تستخدم قالبًا قائمًا على الكتل (مثل Twenty Twenty-Four)، حيث تكون القوالب الفرعية أقل أهمية بسبب أجزاء القالب والأنماط العامة.

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

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

متى لا يُنصح باستخدام قالب فرعي

على الرغم من قوتها، فإن مواضيع الأطفال ليست دائماً الخيار الصحيح:

• تعديلات طفيفة على CSS : قد يكون استخدام إضافة مثل "Simple Custom CSS" كافياً لإجراء العديد من تغييرات النمط.

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

• المواقع الحساسة للأداء : قد يؤدي تحميل ملفات style.css متعددة وخطافات PHP إضافية إلى زيادة الحمل على الموقع. راجع موارد قالبك الفرعي، وفكّر في تضمين CSS الأساسي إذا كانت السرعة أولوية.

تحميل وتوزيع قالب طفلك

بمجرد أن يصبح قالب طفلك جاهزًا:

• ضغط مجلد القالب الفرعي : قم بضغط المجلد (على سبيل المثال، twentyone-child.zip).

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

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

• شارك مع الآخرين : إذا قمت بإنشاء قالب فرعي ، ففكر في توزيعه على GitHub أو WordPress.org (باتباع الإرشادات)، مما يتيح لأصحاب المواقع الآخرين الاستفادة منه.

الخاتمة

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

هل تحتاج إلى مساعدة خبير في إعداد قالب ووردبريس الفرعي الخاص بك؟ Seahawk خدمات احترافية لمساعدتك على البدء بشكل صحيح.