كيفية إنشاء قالب طفل WordPress في 4 خطوات سهلة

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

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

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

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

لإنشاء سمة تابعة لـ WordPress ، سنتبع الخطوات التالية:

• قم بإنشاء مجلد وقم بتسميته بخمسة عشر طفلًا. إلحاق الطفل يعتبر ممارسة جيدة.
• قم بإنشاء style.css باستخدام معلومات "السمة الفرعية التابعة" وملف function.php
• قم باستيراد قالب Twenty Fifteen في style.css
• قم بإدراج أوراق الأنماط في قائمة الانتظار من خلال ملف function.php
• تحرير ملفات القالب مثل ملف single.php

الخطوة 1: قم بإنشاء مجلد نسق فرعي وأضف style.css

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

للقيام بذلك ، قم بالاتصال بالخادم الخاص بك باستخدام عميل FTP مثل FileZilla وانتقل إلى / public_html / wp_content / theme وأنشئ مجلدًا جديدًا يسمى twinfifteen-child

في هذا الدليل الجديد ، أنشئ ملف style.css والصق المعلومات التالية فيه.

 / *
اسم الموضوع: عشرون خمسة عشر طفل
عنوان URI للموضوع: https://wordpress.org/themes/twentyfifteen/
المؤلف: فريق WordPress
عنوان URI للمؤلف: https://wordpress.org/
نموذج: خمسة عشر
الوصف: موضوع الطفل من TwentyFifteen
الإصدار: 1.3.2
الترخيص: رخصة جنو العمومية الإصدار 2 أو أحدث
URI للترخيص: http://www.gnu.org/licenses/gpl-2.0.html
العلامات: أسود ، أزرق ، رمادي ، وردي ، بنفسجي ، أبيض ، أصفر ، داكن ، فاتح ، عمودين ، شريط جانبي يسار ، تنسيق ثابت ، تنسيق متجاوب ، جاهز لإمكانية الوصول ، خلفية مخصصة ، ألوان مخصصة ، مخصصة رأس ، قائمة مخصصة ، نمط محرر ، صور مميزة ، تنسيقات دقيقة ، تنسيقات لاحقة ، دعم لغة rtl ، منشور مثبت ، تعليقات متسلسلة ، جاهز للترجمة
مجال النص: وعشرون خمسة عشر طفل
هذا الموضوع ، مثل WordPress ، مرخص بموجب GPL.
استخدمه لصنع شيء رائع ، واستمتع ومشاركة ما تعلمته مع الآخرين.
* /

أهم الأسطر التي يجب تعديلها هي "اسم الموضوع" و "مجال النص" و "القالب" . نظرًا لأن اسم القالب لا يمكن أن يكون هو نفسه Twenty Fifteen ، وفي القالب ، نقول لـ WordPress أن هذا الموضوع هو موضوع فرعي لـ Twenty Fifteen ، يجب علينا استدعاء الملفات من Twenty Fifteen مجلد. أيضًا ، يجب أن يكون مجال النص مختلفًا وفريدًا لكل سمة لديك مع تثبيت WordPress الخاص بك.

الآن ، إذا انتقلنا إلى لوحة تحكم إدارة WordPress → المظهر → الموضوع ، فسنرى ظهور Twenty Fifteen Child. يمكننا تطبيق هذا الموضوع على موقعنا.

نظرًا لأن style.css موجود في دليل السمات الفرعية. سيقوم WordPress بتحميل style.css وليس style.css للقالب الأصلي. سيتم تحميل كل ملف آخر مثل index.php و page.php و function.php من السمة الرئيسية.

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

الخطوة 2: إدراج أوراق الأنماط في قائمة الانتظار باستخدام function.php

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

كما ذكرت سابقًا ، فإن أفضل طريقة لاستيراد أوراق الأنماط هي وضعها في قائمة الانتظار من خلال ملف function.php .

قم بإنشاء ملف function.php في دليل القالب الفرعي الخاص بك وأضف الكود التالي.

 <؟ php
add_action ('wp_enqueue_scripts'، 'enqueue_parent_styles') ؛
دالة enqueue_parent_styles () {
wp_enqueue_style ('parent-style'، get_template_directory_uri (). '/ style.css') ؛
}

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

الخطوة 3: قم بتحرير ملف style.css لموضوع الطفل

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

 أ {
اللون: # D54E21 ؛
زخرفة النص: لا شيء ؛
}

ما يحدث هنا هو أن قاعدة style.css للقالب الفرعي لـ "a" تتجاوز style.css للقالب الأصلي ، وتبقى الباقي كما هي.

الخطوة 4: قم بتحرير ملف قالب لملف single.php

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

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

 // إذا كانت التعليقات مفتوحة أو لدينا تعليق واحد على الأقل ، فقم بتحميل قالب التعليق.
إذا (comments_open () || get_comments_number ()):
comments_template () ؛
إنهاء إذا؛

ما يحدث هنا هو أن WordPress يتحقق من مجلد القالب الفرعي single.php ، إذا كان موجودًا في الدليل فسيتم تحميله من هناك ، وإلا فإنه سيعود إلى مجلد القالب الرئيسي.

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