لماذا لا يجب أبدًا تخصيص WordPress في القالب الأصلي الحالي؟ ماذا يحدث لتخصيصاتك عند تحديث المظهر الذي تستخدمه؟

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

يتيح لك المظهر الفرعي إنشاء ورقة أنماط CSS منفصلة^{(child theme enables you to create a separate CSS stylesheet)} وإضافة وظائف إضافية لن تُفقد أو تتأثر عند تحديث السمة الأصلية.

يمكن القيام بذلك يدويًا أو عن طريق تثبيت مكون إضافي لمنشئ السمات الفرعية. لنبدأ بالعملية اليدوية.

إنشاء دليل جديد^{(Create a New Directory)}

ابدأ^(Start) بإنشاء دليل جديد لموضوع طفلك. يمكنك استخدام عميل FTP^{(FTP client)} أو الوصول إلى دليل wp-content/themes الحالي الخاص بك عبر cPanel.

لاستخدام cPanel ، انتقل إلى لوحة تحكم الاستضافة. حدد مدير الملفات^{(file manager)} وانتقل إلى الدليل حيث تم تثبيت WordPress .

يوجد هذا عادة في دليل يسمى public_html . حدد موقع مجلد wp-content وافتحه . انقر فوق إنشاء مجلد جديد^{(create new folder)} وأدخل اسمًا لموضوع طفلك. تأكد من إعطائه اسمًا ستتعرف عليه لاحقًا. وخير مثال على ذلك هو nameofparenttheme-child .

لا تقم بتضمين أي مسافات في اسم الملف الخاص بك لتجنب الأخطاء.

نظرًا للمعالجة الداخلية ، يجب أن يتضمن اسم المجلد اسم السمة الأصلية (السمة "slug") كما هو موضح في المثال أدناه.

قم بإنشاء ورقة أنماط CSS^{(Create a CSS Stylesheet)}

تُستخدم أوراق الأنماط في قوالب WordPress^(WordPress) لسببين.

• إنه موقع الأنماط الذي يؤثر على مظهر موقعك.
• ورقة الأنماط الرئيسية للموضوع هي المكان الذي يبحث فيه WordPress عن معلومات حول السمة.

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

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

سيأخذ ملف CSS للمظهر الفرعي الأسبقية على القالب الأصلي.

تحتاج إلى تضمين المعلومات التالية في ملفك النصي:

• اسم الموضوع الخاص بك.
• اسم دليل النسق الأصل.
• العنوان والوصف المنطقي.

تأكد من تضمين تعليق الرأس التالي في ورقة الأنماط أعلى الملف. سيقرأ WordPress هذه المعلومات ويعرف أنه يتم استخدام سمة فرعية.^(WordPress)

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

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

قم بإنشاء ملف function.php^{(functions.php)} في القالب الفرعي (في نفس الدليل مثل ملف style.css الذي قمت بإنشائه). هذا هو المكان الذي يجب إضافة أشياء مثل تنسيقات المنشورات الإضافية.

كما هو الحال مع ملف CSS الخاص بك ، سيتم تلقائيًا دمج التغييرات أو الإضافات إلى ملف PHP مع وظائف الوالدين أو تجاوزها.^(PHP)

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

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

يمكن أن يصبح هذا الأمر معقدًا ، لذا يرجى الرجوع إلى مشاركة فريق مراجعة موضوع WordPress^{(WordPress Theme Review Team)} الحالي ويليام باتون حول استخدام تنسيقات منشورات WordPress^{( post on using WordPress post formats)} . 

إضافة أنماط ونصوص لتجاوز وظيفة موضوع الأصل^{(Add Styles & Scripts To Override Parent Theme Functionality)}

خطوتك التالية هي التأكد من أن المظهر الفرعي الخاص بك إما يرث ميزات وأنماط السمة الأصلية أو يعكس السمات الجديدة التي تريد استخدامها.

تستخدم الأنماط لتغيير مظهر موقع الويب الخاص بك. البرامج النصية^(Scripts) تعزز الوظائف. تعد طريقة إضافة الأنماط والنصوص إلى موقع WordPress الخاص بك ضرورية مثل محتويات الملفات.

وظيفة قائمة ووردبريس هي كيفية تحقيق ذلك.

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

غالبًا ما يؤدي استخدام العديد من المكونات الإضافية لتحقيق نفس النتيجة إلى حدوث مشكلات في التوافق ومواقع معطلة.

لا يعمل Wp_enqueue^(Wp_enqueue) على تحسين أداء موقع الويب الخاص بك فقط عن طريق تقليل حمل المكونات الإضافية ، ولكنه يعزز أيضًا تجربة المستخدم.

كيفية استخدام "wp_enqueue"^{(How To Use ‘wp_enqueue’)}

لإخراج الأنماط لموضوع طفلك ، ستحتاج إلى استخدام وظيفة تسمى wp_enqueue_style () .

تأخذ هذه الوظيفة بضع أجزاء من المعلومات ، ولكن الأهم هو الاسم (أو "المقبض") وموقع الملف.

داخل ملف functions.php أضف الكود التالي.

يضيف هذا الرمز ورقة الأنماط من الدليل الأصلي ثم يضيف أيضًا ورقة الأنماط للطفل التي أنشأناها سابقًا. لاحظ أن نص النمط^{(parent-style)} الأصلي يجب أن يتطابق مع اسم النسق الأصلي مع إضافة النمط -style^(-style) إلى النهاية.

تفعيل موضوع طفلك^{(Activate Your Child Theme)}

إذا أنشأت ملفات السمة الخاصة بك على الخادم داخل مجلد wp-content/themes/yourthemename ، فسيكون متاحًا في لوحة معلومات WordPress الخاصة بك لتنشيطه.

• الدخول الى لوحة التحكم الخاصة بك.
• انتقل إلى Appearance > Themes .
• يجب أن يتم سرد موضوع طفلك.
• حدد معاينة^(Preview) لترى كيف يبدو الموقع مع النسق الفرعي الجديد.
• بمجرد أن تشعر بالرضا عن الشكل الذي يبدو عليه ، انقر فوق تنشيط لبدء^{(Activate )} تشغيله.

إذا أنشأت نسق الطفل الخاص بك في مكان آخر غير الخادم في مجلد wp-content/themes/yourthemename ، فيجب عليك ضغط مجلد السمات الفرعية الجديد.

• سجّل الدخول إلى لوحة تحكم WordPress الخاصة بك.
• انتقل إلى Appearance > Themes .
• انقر فوق إضافة جديد^{(Add new)} .
• اختر تحميل الموضوع^{(Upload Theme)} .
• اسحب^(Drag) الملف المضغوط إلى المربع الجديد الذي يظهر أو انقر فوق محدد الملف واستعرضه على جهاز الكمبيوتر الخاص بك.
• بمجرد تحميله ، يمكنك معاينته ثم تنشيطه.

إضافة ملفات القوالب^{(Add Template Files)}

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

لإضافة قوالب جديدة^{(To add new templates)} ، فإن الأمر يتعلق فقط بإنشاء ملف جديد بالاسم الصحيح وإضافة المحتوى الخاص بك. يوضح القسم أعلاه العملية اليدوية.

الآن دعنا ننتقل إلى كيفية إنشاء سمات فرعية باستخدام مكون WordPress الإضافي.

استخدم البرنامج المساعد WordPress^{(Use a WordPress Plugin)}

سجّل الدخول^(Log) إلى لوحة تحكم WordPress الخاصة بك . انقر فوق^(Click) الإضافات Plugins > Add New . ابحث عن موضوع الطفل.^{(child theme.)}

أول مكون إضافي ستراه هو Child Theme Configurator . هذا اختيار جيد ، كما هو موضح في لقطة الشاشة أعلاه ، لأنه:

• متوافق مع الإصدار الحالي من WP.
• لديها الكثير من التركيبات.
• تم تحديثه مؤخرًا.

انقر فوق Install now > Activate . الخطوة التالية هي الانتقال إلى الأدوات^(Tools) ثم تحديد السمات الفرعية.^{(child themes.)}

ابحث^(Find) عن المظهر الرئيسي وحدده من القائمة المنسدلة. اختر تحليل^(analyze) للتأكد من أن المظهر الخاص بك لا بأس به لاستخدامه كموضوع فرعي.

يوجد أدناه^(Below) برنامج تعليمي خطوة بخطوة حول كيفية إعداد Child Theme Configurator . إذا قررت استخدام مكون إضافي لبرنامج WordPress^(WordPress) ، فيمكنك بسهولة العثور على برنامج تعليمي حول كيفية إعداده أيضًا.

كما تعلم الآن ، تعد السمات الفرعية سمات مميزة تعتمد على السمة الأصلية لبعض وظائفها.

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

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

How To Create a WordPress Child Theme

Why should you nеνer customize WordPress in the existing parent themе? What happens tо your customizations when the theme you are using is updated?

The answer is they are lost, and your hard work to create your site according to your brand and messaging guidelines and preferences will also be lost.

A child theme enables you to create a separate CSS stylesheet and add additional functionality that will not be lost or affected when the parent theme is updated.

This can be done manually or by installing a child theme creator plugin. Let’s start with the manual process.

Create a New Directory

Start by creating a new directory for your child theme. You can use an FTP client or access your existing wp-content/themes directory via your cPanel.

To use cPanel, go to your hosting control panel. Select file manager and navigate to the directory where WordPress is installed.

This is usually in a directory named public_html. Locate and open the wp-content folder. Click on create new folder and input a name for your child theme. Be sure to give it a name that you will recognize later. A good example is nameofparenttheme-child.

Do not include any spaces in your file name to avoid errors.

Due to internal handling, the folder name must include the name of the parent theme (theme ‘slug’) as shown in the example below.

Create a CSS Stylesheet

Stylesheets are used in WordPress themes for two reasons.

• It is the location of the styles that affect how your site looks.
• A theme’s main stylesheet is where WordPress looks to find information about the theme.

You may not want to add any new styles in the child theme. However, the stylesheet still needs to exist to define specifics such as your theme name and the parent theme name.

Therefore, you need to create a new stylesheet for your child theme. So, your next step is to create a text file for the CSS stylesheet that will define the rules that control the look of your child theme.

The child theme CSS file will then take precedence over the parent theme.

You need to include the following information in your text file:

• Your theme’s name.
• The name of the parent theme directory.
• Title and description that makes sense.

Be sure to include in the stylesheet the following header comment at the top of the file. WordPress will read this information and know that a child theme is being used.

You want to pay close attention to the template tag. It tells WordPress what the parent theme of your child is. Note that the folder where your parent theme is located is case sensitive.

Technically, you can now activate your child theme. However, if you want to create a more complex child theme, you will need to add custom PHP functions.

Create a functions.php file in the child theme (in the same directory as the style.css file you made). This is where things like additional post formats should be added.

As with your CSS file, the changes or additions to your PHP file will automatically be merged with or override the parent’s functions.

For things like post formats that are added with an add_theme_support(), they act as overrides instead of merges.

When using add_theme_support(), you need to take some additional steps to ensure that the child theme overrides the parent.

This can get complicated, so refer to the current WordPress Theme Review Team lead William Patton’s post on using WordPress post formats. 

Add Styles & Scripts To Override Parent Theme Functionality

Your next step is to make sure your child theme either inherits the parent theme’s features and styles or reflects the new ones you want to use.

Styles are used to changing the appearance of your website. Scripts enhance functionality. The way styles and scripts are added to your WordPress site is as essential as the contents of the files.

WordPress’ enqueue functionality is how to get this accomplished.

Enqueueing refers to the way styles and scripts are added to WordPress sites so that they can affect what users see when they visit your site.

Using numerous plugins to achieve the same result often leads to compatibility issues and broken sites.

Wp_enqueue not only improves your website’s performance by way of reducing plugin overhead, but it also enhances the user experience.

How To Use ‘wp_enqueue’

To output the styles for your child theme, you will need to use a function called wp_enqueue_style().

This function takes a few bits of information, but the most important is the name (or ‘handle’) and the location of the file.

Inside the functions.php file add the following code.

This code adds the stylesheet from the parent directory and then also adds the stylesheet for the child which we created earlier. Note that the parent-style text should match the name of the parent theme with -style added to the end.

Activate Your Child Theme

If you created the files for your child theme on the server inside the wp-content/themes/yourthemename folder, it would then be available in your WordPress dashboard for you to activate.

• Log into your dashboard.
• Go to Appearance > Themes.
• Your child theme should be listed.
• Select Preview to see how the site looks with the new child theme.
• Once you are satisfied with how it looks, click Activate to make it go live.

If you created your child theme somewhere other than on the server in the wp-content/themes/yourthemename folder, then you should zip your new child theme folder.

• Log into your WordPress dashboard.
• Go to Appearance > Themes.
• Click Add new.
• Choose Upload Theme.
• Drag your zipped file to the new box that appears or click the file selector and browse to it on your computer.
• Once it has been uploaded, then you can preview it and then activate it.

Add Template Files

To override other templates, you can copy them from the parent theme into the child theme. Any template files that have the same name in the child as in the parent act as overrides. Then adjust the contents of the templates as needed.

To add new templates, it’s just a case of making a new file with the correct name and adding your own content. The above section explains the manual process.

Now let’s go over how to create child themes with a WordPress plugin.

Use a WordPress Plugin

Log into your WordPress dashboard. Click on Plugins > Add New. Search for child theme.

The first plugin you will see is the Child Theme Configurator. This is a good choice, as seen in the screenshot above, because it:

• Is compatible with the current version of WP.
• Has a lot of installations.
• Was recently updated.

Click on Install now > Activate. The next step is to navigate to Tools and then select child themes.

Find and select your parent theme from the drop-down menu. Choose analyze to make sure your theme is ok to use as a child theme.

Below is a step-by-step tutorial on how to set up Child Theme Configurator. If you decide to use a different WordPress plugin, you can easily find a tutorial on how to set it up as well.

As you now know, child themes are distinct themes that rely on their parent theme for some of their functionality.

When you use a child theme, WordPress will look for the child before the parent and follow the styling and functionality of the child if it exists.

Save yourself a lot of time, trouble, and future headaches when the parent theme updates by creating a child that will not be affected by the update.

Related posts

• إنشاء Child Theme في WordPress

• كيفية إعداد موقع الويب الشبيه بالتويتر الخاص بك باستخدام سمة P2 الخاصة بـ WordPress

• كيفية نقل WordPress site من مجموعة واحدة إلى أخرى

• كيفية تثبيت و Setup WordPress على Microsoft Azure

• كيفية تشغيل سريع سريع WordPress على Microsoft Azure

• Squarespace Vs WordPress: ما هو أفضل نظام أساسي للموقع؟

• كيفية الانتقال من محرر WordPress الكلاسيكي إلى Gutenberg

• كيفية استخدام Lumen5 لتحويل منشور المدونة الخاص بك إلى فيديو

• Protect وآمنة WordPress website من المتسللين

• كيفية تسريع موقع WordPress في 11 خطوة

• كيفية استخدام WP Super Cache على مدونة WordPress

• كيفية إنشاء قسيمة منبثقة خاصة بك في WordPress

• 7 نصائح ووردبريس لموقع صديق للجوال

• كيفية إضافة الشريط الجانبي العائم في Wordpress

• كيفية تغيير عنوان URL الخاص بتسجيل الدخول إلى WordPress لتحسين الأمان

• المستخدمين إعادة توجيه من 404 صفحة في WordPress

• كيفية تتبع Broken Links مع Google Webmaster Tool

• كيفية تثبيت موقع اختبار WordPress على جهاز الكمبيوتر الخاص بك

• مراجعة الكتاب: قم ببناء موقع الويب الخاص بك: دليل فكاهي إلى HTML و CSS و Wordpress

• Must Have WordPress Yoast SEO Settings 2021