دليل سريع لإنشاء وتخصيص قالب WordPress الطفل

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

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

ما هو موضوع ووردبريس الطفل؟

قبل تحديد موضوع WordPress الفرعي ، من المهم أن تفهم أولاً ما هو موضوع WordPress والمكان الذي يستمد فيه WordPress المعلومات لعرض تصميم موقع الويب.

وفقًا لـ WordPress Codex ، "السمة هي مجموعة من الملفات التي تعمل معًا لإنتاج واجهة رسومية ذات تصميم موحد أساسي لمدونة الويب. يعدل الموضوع طريقة عرض البيانات دون تغيير البرنامج الأساسي ".

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

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

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

بهذه الطريقة ، عندما يتم تحميل موقعك ولزائر ما ، يتم تحميل تصميم القالب الأصلي ، ولكن مع التغييرات التي أجريتها عليه.

يعتمد الأطفال في الحياة الواقعية - وليس عالم الإنترنت - على شخصية أبوية واحدة على الأقل للعيش. وبالمثل ، يعتمد موضوع الطفل على الموضوع الأصلي ليعمل.

لهذا السبب عند استخدام نسق فرعي ، فإن النسق الأصلي يسمى النسق الأصل.

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

موضوع الطفل المثالي ومتى يتم استخدامه

يمكن لأي موضوع أن يكون موضوعًا رئيسيًا ، على الرغم من أن بعضها يناسبه بشكل أفضل.

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

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

هذه الأنواع من التخصيصات غير ممكنة في خيارات Perfect Magazine ، لكنها ليست كبيرة بما يكفي لضمان إنشاء سمة جديدة تمامًا من البداية.

لماذا إنشاء موضوع الطفل؟

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

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

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

بدلاً من ذلك ، يمكنك إنشاء سمة فرعية لتجنب هذه المزالق.

كما ذكرنا سابقًا ، يمكن أن يؤدي استخدام سمة تابعة لـ WordPress أيضًا إلى تسريع عملية التطوير.

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

الشروع في العمل مع WordPress Child Theme

هناك بعض العناصر الأساسية التي تحتاجها لإنشاء قالب فرعي:

1. مجلد دليل سمة
2. ملف style.css
3. ملف وظائف

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

لذلك ، يوصى بشدة بإنشاء ملف function.php في قالب طفلك لتجنب الأخطاء.

إنشاء قالب ووردبريس فرعي

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

إنشاء مجلد دليل

توجد جميع السمات في / wp-content / theme / مجلد تثبيت WordPress الخاص بك.

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

عادةً ما يتم تغيير عنوان السمة باستخدام اسم القالب الأصلي ، ولكن مع إضافة -child في النهاية.

على سبيل المثال ، سيكون مسارا الملفين / wp-content / theme / yourtheme / و / wp-content / theme / yourtheme-child / .

يجب أيضًا ألا تكون هناك مسافات في اسم القالب الفرعي.

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

إنشاء ورقة أنماط

غالبًا ما تُستخدم السمات الفرعية لـ WordPress لإجراء تعديلات تصميم شاملة إلى حد ما ، لذا من الضروري استخدام style.css منفصل.

سيحتوي الملف على جميع قواعد وإعلانات CSS التي تؤثر على مظهر قالبك.

قم بإنشاء ملف style.css في جذر مجلد النسق الفرعي الجديد. بعد ذلك ، أدخل هذا الرأس أعلى الصفحة:

 / *
 اسم الموضوع: Twenty Seventeen Child
 عنوان URI للموضوع: http://example.com/twenty-seventeen-child/
 الوصف: Twenty Seventeen Child Theme
 المؤلف: جين دو
 عنوان URI للمؤلف: http://example.com
 نموذج: سبعة وعشرون
 الإصدار: 1.0.0
 الترخيص: رخصة جنو العمومية v2 أو أحدث
 URI للترخيص: http://www.gnu.org/licenses/gpl-2.0.html
 العلامات: فاتح ، داكن ، عمودين ، الشريط الجانبي الأيمن ، تنسيق سريع الاستجابة ، إمكانية الوصول جاهزة
 مجال النص: سبعة وعشرون طفل
* /

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

المتطلبات الوحيدة للرأس هي اسم القالب والقالب . لكن من الأفضل ملء الباقي.

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

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

إدراج أوراق أنماط موضوع الوالدين والطفل

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

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

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

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

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

يمكن القيام بذلك عن طريق إنشاء ملف جديد وتسميته jobs.php . ثم. ضع هذا الرمز في الأعلى:

 العلامة & lt؛؟ php

تأكد من عدم تضمين أي مسافات قبل السطر أعلاه وإلا فسيؤدي ذلك إلى حدوث خطأ.

في ملف jobs.php ، أضف الشفرة أدناه للتأكد من أن موقعك يقوم بتحميل كل من style.css الأصلي وكذلك style.css الخاص بالقالب الفرعي بالترتيب الصحيح:

 add_action ('wp_enqueue_scripts'، 'my_theme_enqueue_styles') ؛

function my_theme_enqueue_styles () {

    الوالدين_؛ // هذا هو "نمط القرن العشرين" لموضوع Twenty Seventeen.

    wp_enqueue_style ($ parent_style، get_template_directory_uri (). '/style.css')؛
    wp_enqueue_style ("نمط الطفل"،
        get_stylesheet_directory_uri (). "/style.css"،
        مجموعة (parent_style $) ،
        wp_get_theme () - & gt؛ get ('Version')
    ) ؛
}
؟ & GT؛

تأكد من تغيير النمط الأصل المخزن في متغير النمط الأصل $ لتضمين اسم قالبك.

على النحو الموصى به من قبل WordPress Codex ، سيتأكد هذا الرمز من تحميل style.css الأصل باعتباره تبعية ، مما يعني أنه مطلوب لتحميل style.css للقالب الفرعي .

تفعيل موضوع الطفل

بمجرد حفظ جميع ملفاتك ، انتقل إلى المظهر> السمات للعثور على المظهر الفرعي الخاص بك ، ثم انقر فوق الزر تنشيط.

لن تحتاج أيضًا إلى تنشيط المظهر الرئيسي الخاص بك. على الرغم من أنه لا يزال يجب تثبيته والبقاء في المجلد / wp-content / theme / .

سيقوم نص العنوان في style.css الخاص بالثيم الفرعي الخاص بك بربط الاثنين معًا وتوضيح العلاقة لتثبيت WordPress الخاص بك.

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

نصائح سريعة حول التخصيص

قبل أن تبدأ في التمزق في عملية التطوير ، فيما يلي بعض النصائح حول تخصيص قالب WordPress الفرعي الخاص بك.

صورة الموضوع

في صفحة المظهر> السمات ، يجب عليك تضمين صورتك الخاصة للموضوع.

إذا كنت تريد إدراج شيء بدلاً من ذلك لاستبدال المربع ذي المربع المربع ، فيمكنك تحميل ملف صورة PNG بحجم 880 × 660 باسم screenshot.png .

ضع الصورة في جذر مجلد النسق الفرعي الخاص بك. بهذه الطريقة ، سيعرف تثبيت WordPress كيفية استخدامه كصورة لموضوعك.

تجاوز ملفات النسق الأصل

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

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

لا تأخذ قرية

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

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