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

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

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

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

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

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

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

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

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

اقرأ عن: الاستعانة بمصادر خارجية لتطوير إضافات وقوالب ووردبريس

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

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

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

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

تعرّف على: كيفية تعديل وتخصيص العناوين في ووردبريس بسلاسة؟

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

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

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

فهم أساسيات البرمجة

العمل مع قالب فرعي يعني التعامل مع البرمجة. على الأقل، ستكون لديك معرفة أساسية بلغات HTML وCSS وPHP (وربما JavaScript إذا كنت ترغب في استخدام لغات برمجة متقدمة). إذا كنت مبتدئًا في البرمجة، فإن دليل قوالب ووردبريس يُعدّ نقطة انطلاق ممتازة للحصول على إرشادات سريعة.

تعرّف على: كيفية تحويل Figma إلى كود: React، HTML، Vue، JS، CSS

اختر قالب الوالدين المناسب

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

استخدم موقعًا محليًا أو موقعًا تجريبيًا للاختبار

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

أنشئ نسخة احتياطية لموقعك

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

بمجرد أن تتقن هذه الأساسيات، ستكون جاهزًا تمامًا لمتابعة دليلنا خطوة بخطوة لإنشاء موضوع طفلك بثقة!

تعرّف على: أفضل الحلول لعمل نسخ احتياطية لمواقع ووردبريس متعددة

كيفية إنشاء قالب فرعي في ووردبريس يدويًا: 5 خطوات سهلة

إنشاء قالب فرعي في ووردبريس أسهل مما يبدو، وهي طريقة رائعة لفهم كيفية عمل القوالب الفرعية دون المخاطرة بقالبك الرئيسي.

دعونا نستعرض كيفية إنشاء قالب فرعي يعتمد على قالب Twenty Fifteen الافتراضي في ووردبريس، ونجري بعض التعديلات المخصصة لنرى العملية عمليًا.

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

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

يمكنك تسمية المجلد باسم القالب الرئيسي مع إضافة اللاحقة "-child" في النهاية. على سبيل المثال، إذا كان اسم القالب الرئيسي "Twenty Twenty-Two"، فسيكون اسم مجلد القالب الفرعي twentytwentytwo-child. هذا يُسهّل التعرف عليه كقالب فرعي للقالب الرئيسي.

الخطوة الثانية: إعداد ملف أنماط القالب الفرعي الخاص بك

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

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

اسم القالب: قالب فرعي Twenty Twenty-Two، الرابط: https://wordpress.org/themes/twentytwentytwo/، المؤلف: فريق ووردبريس، رابط المؤلف: https://wordpress.org/، القالب: twentytwentytwo، الوصف: قالب فرعي لـ Twenty Twenty-Two، الإصدار: 1.0

بعد الحفظ، انتقل إلى لوحة تحكم ووردبريس ، ثم إلى المظهر ← القوالب . ستجد الآن قالبك الفرعي مدرجًا.

الخطوة 3: ربط أوراق أنماط القالب الرئيسي والفرعي

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

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

سيقوم هذا الكود بتحميل ورقة أنماط القالب الرئيسي بحيث يرث القالب الفرعي جميع أنماطه.

تعلم: كيفية إصلاح قاعدة بيانات ووردبريس؟

الخطوة الرابعة: تعديل ملف أنماط القالب الفرعي (style.css)

يمكنك الآن البدء بإضافة أنماطك المخصصة مباشرةً في ملف style.css الخاص بالقالب الفرعي. على سبيل المثال، لتغيير لون الروابط على موقعك، يمكنك إضافة ما يلي:

a {color: #D54E21;text-decoration: none;}

تتجاوز هذه القاعدة نمط الروابط الخاص بالثيم الرئيسي دون التأثير على بقية تصميمه.

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

الخطوة 5: تعديل ملف القالب

باستخدام قالب فرعي، يمكنك أيضًا تعديل القوالب الفردية. لنفترض أنك تريد تغيير طريقة عرض المنشورات عن طريق تعديل ملف single.php.

• انسخ ملف single.php من القالب الرئيسي والصقه في مجلد القالب الفرعي الخاص بك.
• افتح الملف في محرر نصوص وقم بإجراء التغييرات المطلوبة.

على سبيل المثال، إذا كنت ترغب في إزالة قسم التعليقات من صفحات المنشورات الفردية، فحدد هذا الجزء من الكود:

إذا كان (comments_open() || get_comments_number()) :comments_template();endif;

احذف هذا السطر أو عطّله لإخفاء التعليقات. سيستخدم ووردبريس ملف single.php المُعدّل من مجلد القالب الفرعي، لذا لن تؤدي أي تحديثات للقالب الرئيسي إلى استبدال تخصيصاتك.

تعلم: كيفية إنشاء قالب صفحة مخصص في ووردبريس؟

كيفية إنشاء قالب فرعي باستخدام إضافة (بدون الحاجة إلى كتابة أكواد برمجية)

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

تُسهّل هذه الإضافة إعداد وتخصيص قالب فرعي لقوالب ووردبريس الكلاسيكية (غير القائمة على الكتل) بشكلٍ كبير. إليك دليل بسيط خطوة بخطوة لمساعدتك على البدء.

الخطوة 1: تثبيت وتفعيل الإضافة

أولاً، انتقل إلى لوحة تحكم ووردبريس، وابحث عن "مُهيئ القوالب الفرعية" في قسم الإضافات، ثم ثبّته. بعد التفعيل، انتقل إلى الأدوات ← القوالب الفرعية .

الخطوة الثانية: إعداد القالب الفرعي

في مُكوّن القالب الفرعي، انتقل إلى "الأصل/الفرع" . ستجد خيارًا لاختيار إجراء، اختر "إنشاء قالب فرعي جديد" للبدء.

الخطوة 3: اختر قالبك الرئيسي

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

الخطوة الرابعة: تسمية مجلد سمات الطفل

سيُطلب منك بعد ذلك تسمية المجلد الذي سيتم فيه تخزين القالب الفرعي. يمكنك اختيار اسم مميز أو اسم بسيط مثل "Hestia-child" للحفاظ على تنظيم الملفات.

الخطوة 5: تحديد مكان حفظ الأنماط المخصصة

إليك خيار مهم: يمكنك حفظ الأنماط المخصصة الجديدة في ورقة الأنماط الأساسية (style.css) الخاصة بموضوعك الفرعي، أو في ملف ورقة أنماط منفصل.

• ملف الأنماط الأساسي : هذا هو الملف الرئيسي الذي تُحفظ فيه الأنماط افتراضيًا. أي تغييرات هنا ستؤدي إلى استبدال أنماط القالب الأصلية.

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

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

تعرّف على المزيد: أفضل برامج تصميم المواقع الإلكترونية لإنشاء مواقع مذهلة وسهلة الاستخدام

الخطوة 6: ضبط معالجة ورقة أنماط القالب الرئيسي

مرر لأسفل واختر طريقة تحميل ملف أنماط القالب الرئيسي. سنعتمد الخيار الافتراضي "استخدام قائمة أنماط ووردبريس"، حيث يسمح هذا للملحق بمعالجة الأمر تلقائيًا.

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

عند الوصول إلى الخطوة 7، انقر فوق "انقر لتحرير سمات القالب الفرعي". هنا، يمكنك إضافة تفاصيل مثل اسم القالب الفرعي ووصفه وإصداره.

الخطوة 8: نسخ القوائم والويدجت

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

أنشئ قالبك الفرعي

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

معاينة وتفعيل

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

وهكذا، أصبح قالبك الفرعي مُفعّلاً. الآن، سيبدو ويعمل تمامًا مثل قالبك الرئيسي. يمكنك الآن إضافة تخصيصات إلى القالب الفرعي بأمان دون التأثير على القالب الأصلي. استمتع بالتخصيص!

تعرّف على: أفضل قوالب ووردبريس ستوديو للشركات الإبداعية

ماذا تفعل إذا كان قالب ووردبريس الفرعي الخاص بك لا يعمل؟

هل لا يظهر قالبك الفرعي التغييرات التي أجريتها؟ لا تقلق، إليك بعض المشاكل الشائعة وحلولها لجعله يعمل كما هو متوقع.

تحقق جيدًا من ملف functions.php الخاص بك

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

مقال شيق: Laravel ضد WordPress: أفضل منافسي PHP في مواجهة مباشرة

تأكد من أن اسم ملف أنماط CSS هو style.css

تأكد من تسمية ملف أنماط CSS الخاص بك باسم style.css، وليس stylesheet.css أو أي اسم آخر. يتوقع ووردبريس أن يكون اسم ملف أنماط CSS الرئيسي للقالب الفرعي style.css. إذا كان اسمه مختلفًا، فلن يتعرف عليه ملف functions.php، ولن تُطبّق أنماطك المخصصة.

تحقق من اسم القالب في ملف style.css

في ملف style.css، يجب أن يتطابق اسم حقل "Template" تمامًا مع اسم مجلد القالب الرئيسي. هذا يُخبر ووردبريس بالقالب الذي يجب استخدامه كقالب رئيسي. إذا كان الاسم غير صحيح، فلن يتمكن ووردبريس من معرفة القالب الذي يجب أن يستند إليه القالب الفرعي.

امسح ذاكرة التخزين المؤقت

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

استخدم !important في كود CSS الخاص بك

إذا لاحظت أن أنماط القالب الرئيسي لا تزال تُهيمن على أنماط CSS المخصصة، فحاول إضافة !important إلى الأنماط التي تريد إعطاءها الأولوية. سيؤدي هذا إلى فرض أولوية أنماط القالب الفرعي على أنماط القالب الرئيسي. على سبيل المثال:

p {background-color: gray !important;}

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

تواصل مع فريق دعم القالب أو راجع المنتديات

إذا جربت جميع هذه الخطوات وما زال قالبك الفرعي لا يعمل، ففكّر في التواصل مع فريق دعم القالب أو مراجعة منتدى القالب على موقع WordPress.org . في بعض الأحيان، تحتوي القوالب على إعدادات فريدة أو أكواد مخصصة قد تؤثر على طريقة عمل القوالب الفرعية، وقد يكون لدى المطور نصائح محددة في هذا الشأن.

خاتمة

وبهذا نكون قد انتهينا! الآن، يفترض أن تكون لديك فكرة واضحة عن ماهية قالب ووردبريس الفرعي وكيفية عمله بالتزامن مع القالب الرئيسي. تثبيت القالب ليس سوى البداية في بناء موقع ووردبريس.

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

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