يستخدم عدد قليل فقط من مستخدمي WordPress موضوعًا فرعيًا وذلك لأن العديد من المستخدمين لا يعرفون ما هو موضوع الطفل أو إنشاء سمة فرعية^{(Creating Child Theme)} في WordPress . حسنًا^(Well) ، يميل معظم الأشخاص الذين يستخدمون WordPress إلى تعديل السمات الخاصة بهم أو تخصيصها ولكن يتم فقد كل هذا التخصيص عند تحديث المظهر الخاص بك وهنا يأتي استخدام المظهر الفرعي. عند استخدام سمة فرعية ، سيتم حفظ كل التخصيصات الخاصة بك ويمكنك بسهولة تحديث السمة الأصلية.

إنشاء موضوع فرعي في ووردبريس

إنشاء نسق فرعي من نسق أصلي غير معدل^{(Creating a Child Theme from an Unmodified Parent Theme)}

لإنشاء سمة فرعية في WordPress ، يلزمك تسجيل الدخول إلى cPanel والانتقال إلى public_html ثم wp-content / theme حيث يتعين عليك إنشاء مجلد جديد لموضوع الطفل (مثال / Twentysixteen-child /). تأكد من عدم وجود أي مسافات في اسم دليل القالب الفرعي مما قد يؤدي إلى حدوث أخطاء.

موصى به:^{(Recommended:)} يمكنك أيضًا استخدام المكون الإضافي لقمة الطفل بنقرة واحدة^{(One-Click Child Theme plugin)} لإنشاء قالب فرعي (فقط من سمة الأصل غير المعدلة).

أنت الآن بحاجة إلى إنشاء ملف style.css لموضوع طفلك (داخل دليل القالب الفرعي الذي أنشأته للتو). بمجرد إنشاء الملف ، ما عليك سوى نسخ ولصق الكود التالي ( قم بتغيير^(Change) التفاصيل أدناه وفقًا لمواصفات السمة الخاصة بك):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

ملاحظة: ^(Note: ) يجب تغيير سطر القالب ( ^(Template)القالب^(Template) : عشرون وعشرون) وفقًا لاسمك الحالي لدليل السمة (السمة الرئيسية التي نقوم بإنشاء طفلها). الموضوع الرئيسي في مثالنا هو موضوع Twenty Sixteen ، لذلك سيكون القالب هو ستة وعشرون.^(Template)

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

من أجل استخدام ملف jobs.php ، تحتاج إلى إنشاء واحد في دليل السمات الفرعية الخاصة بك. استخدم الكود التالي في ملف jobs.php الخاص بك:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

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

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

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    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_theme_enqueue_styles' );
?>

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

ملاحظة:^(Note:) قد تحتاج إلى إعادة حفظ القائمة ( Appearance > Menus ) وخيارات السمة (بما في ذلك صور الخلفية والرأس) بعد تنشيط السمة الفرعية.

الآن متى أردت إجراء تغييرات على style.css أو function.php ، يمكنك القيام بذلك بسهولة في السمة التابعة لك دون التأثير على مجلد النسق الأصل.

إنشاء سمة الطفل^{(Child Theme)} في WordPress من السمة الأصلية الخاصة بك ، ولكن معظمكم قاموا بالفعل بتخصيص السمة الخاصة بك ، فإن الطريقة المذكورة أعلاه لن تساعدك على الإطلاق. في هذه الحالة ، تحقق من كيفية تحديث سمة WordPress دون فقدان التخصيص.

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

Creating Child Theme in WordPress

Only a handful of WordPress users υses a chіld theme and that’s because many of the users don’t know what is a child themе or Creating Child Theme in WordPress. Well, most of the people using WordPreѕs tend to еdit or customize their theme but all that customization iѕ lost when you update your theme and that’s wherе the use of сhild theme comes. Whеn you use a child thеme then all your customization wіll be saved and you can easily update the parent theme.

Creating a Child Theme from an Unmodified Parent Theme

In order to create a child theme in WordPress you need to login to your cPanel and navigate to the public_html then wp-content/themes where you have to create a new folder for your child theme (example /Twentysixteen-child/). Make sure you don’t have any spaces in the name of child theme directory which may result in errors.

Recommended: You can also use One-Click Child Theme plugin to create a child theme(only from an unmodified parent theme).

Now you need to create a style.css file for your child theme (inside the child theme directory you just created). Once you have created the file just copy and paste the following code (Change below details according to your theme specifications):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Note: The Template line (Template: twentysixteen) is to be changed according to your current name of the theme directory(the parent theme whose child we are creating). The parent theme in our example is the Twenty Sixteen theme, so the Template will be twentysixteen.

Earlier @import was used to load the stylesheet from parent to the child theme, but now it’s not a good method as it increases the amount of time to load the stylesheet. In place of using @import its best to use PHP functions in your child theme functions.php file to load the stylesheet.

In order to use functions.php file you need to create one in your child theme directory. Use the following code in your functions.php file:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

The above code only works if your parent theme uses only one .css file to hold all the CSS code.

If your child theme style.css contain actually CSS code (as it normally does), you will need to enqueue it as well:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    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_theme_enqueue_styles' );
?>

It’s time to activate your child theme, login to your admin panel then go to Appearance > Themes and activate your child theme from the available list of themes.

Note: You may need to re-save your menu (Appearance > Menus) and theme options (including background and header images) after activating the child theme.

Now whenever you want to make changes to your style.css or functions.php you can easily do that in your child theme without affecting the parent theme folder.

Creating Child Theme in WordPress from your parent theme, but most of you have already customized your theme then the above method is not going to help you at all. In that case, check out how to update a WordPress Theme without losing customization.

If hope this article was helpful to you but if you still have any question regarding this guide please feel free to ask them in comments.

اسامة باكثير

About the author

أنا مهندس أجهزة متخصص في تصميم وتطوير منتجات Apple مثل iPhone و iPad. لدي خبرة في كل من أجهزة iOS و edge ، بالإضافة إلى أدوات تطوير البرامج مثل Git و Swift. تمنحني مهاراتي في كلا المجالين فهمًا قويًا لكيفية تفاعل نظام تشغيل أجهزة Apple (OS) مع التطبيقات ومصادر البيانات. بالإضافة إلى ذلك ، تمكنني تجربتي مع Git من العمل على أنظمة التحكم في إصدار الكود ، والتي يمكن أن تساعد في تحسين الكفاءة والإنتاجية عند تطوير البرامج.

إنشاء موضوع فرعي في ووردبريس

إنشاء موضوع فرعي في ووردبريس

إنشاء نسق فرعي من نسق أصلي غير معدل^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress