متى تستخدم ثيم فرعي في ووردبريس؟ من المهم إنشاء ملف موضوع الطفل إذا كنت تخطط لإجراء تغييرات مخصصة على الرمز.
لذلك عند تحديث السمة ، لن يتم الكتابة فوق التغييرات المخصصة التي تم إجراؤها على الكود.
تقليديا ، عند العمل مع WordPress ، كان هذا يتطلب عمل نسخة من function.php و style.css لإنشاء القالب الفرعي وإدراج القالب الفرعي في القالب الأصلي.
باستخدام بنية الملف المختلفة بتنسيق طبعة الموقع الكاملكان لابد من إجراء بعض التعديلات للحصول على جميع الملفات الصحيحة.
لحسن الحظ ، مع إنشاء قم بإنشاء مكون إضافي لسمة الكتلة بواسطة WordPress.org ، ليس إنشاء سمة فرعية فحسب ، بل أيضًا سمة مخصصة بالكامل أو تنوع نمط أسهل من أي وقت مضى.
![أنشئ مكونًا إضافيًا لمظهر الكتلة](https://cdn.searchenginejournal.com/wp-content/uploads/2022/12/create-block-theme-plugin-638e18a7e8bd8-sej-768x413.png)
إعداد البرنامج المساعد قم بإنشاء قالب بلوك على WordPress
أولاً ، ستحتاج إلى تثبيت وتفعيل سمة قالب WordPress التي تريد إنشاء السمة الجديدة أو السمة الفرعية الخاصة بك من أجلها – في هذه الحالة ، أستخدم Twenty-Two.
![موضوع اثنان وعشرون](https://cdn.searchenginejournal.com/wp-content/uploads/2022/12/twenty-twenty-two-theme-638e18e365084-sej-768x385.png)
ثم اتبع هذه الخطوات:
الذهاب إلى الإضافات > اضف جديد.
في نافذة البحث ، ابحث عن “إنشاء سمة مجمعة”.
اضغط على التثبيت والتفعيل.
![صفحة الملحقات](https://cdn.searchenginejournal.com/wp-content/uploads/2022/12/plugins-page-638e18dd4671f-sej-768x203.png)
مع تثبيت المكون الإضافي ، سيكون لديك خيارات جديدة ضمن مظهر، بما فيه إنشاء موضوع كتلة و إدارة خطوط النسق.
![خيارات المظهر](https://cdn.searchenginejournal.com/wp-content/uploads/2022/12/appearance-options-638e188b9786c-sej-768x638.png)
أنشئ قالبًا فرعيًا لـ WordPress
يعد المكون الإضافي Create Block Theme طريقة سهلة للغاية لإنشاء سمة فرعية للكتلة ، بما في ذلك سمة محرر موقع كامل. سيقوم المكون الإضافي تلقائيًا بإنشاء مجلد الأجزاء ومجلد القوالب و theme.json و style.css.
بمجرد تثبيت المكون الإضافي ، تكون جاهزًا لإنشاء القالب الفرعي:
- أقل من مظهرتحديد إنشاء موضوع كتلة.
- ثم حدد أنشئي طفلاً في الثانية والعشرين من عمره (إذا قمت بتحديد نسق مختلف ، فسوف يسرد هذا المظهر).
- على اليمين ، قم بملء اسم السمة ، ووصف السمة ، و URI للموضوع ، والمؤلف ، و URI المؤلف.
- انقر فوق الزر الأزرق يولد زر لإنشاء موضوع الطفل.
![معلومات موضوع الطفل](https://cdn.searchenginejournal.com/wp-content/uploads/2022/12/child-theme-info-638e189098b40-sej-768x375.png)
سيتم تصدير المظهر الفرعي الخاص بك كملف مضغوط.
![ملف مضغوط موضوع الطفل](https://cdn.searchenginejournal.com/wp-content/uploads/2022/12/child-theme-zip-file-638e189c1f856-sej.png)
أقل من مظهر > ثيماتاضغط على أضف موضوعًا و تحميل الموضوع ، وحدد الملف المضغوط الذي تم إنشاؤه.
انتقل إلى السمات وتأكد من رؤية المظهر الجديد الخاص بك.
قم بإنشاء صورة مخصصة لموضوع WordPress Child
من عيوب البرنامج المساعد أنه لا يسمح لك بإضافة ملف screenshot.png لموضوع طفلكولا تلك التي تأتي مع موضوع الأصل.
يمكن إصلاح ذلك بسهولة ويوفر لمسة شخصية لطيفة لموضوع طفلك.
باستخدام محرر الصور المفضل لديك ، قم بإنشاء صورة جديدة 1200 بكسل × 900 بكسل ، وتسميته screenshot.png.
ضع لقطة الشاشة الجديدة في مجلد القالب الفرعي الذي قمت بإنشائه.
![الملفات في النسق الفرعي](https://cdn.searchenginejournal.com/wp-content/uploads/2022/12/files-in-child-theme-638e18b0cdb6e-sej-768x274.png)
ارجع إلى السمات ويجب أن تظهر صورتك الجديدة مع المظهر الفرعي الخاص بك.
![نشط صورة موضوع الطفل](https://cdn.searchenginejournal.com/wp-content/uploads/2022/12/active-child-theme-image-638e1876ef989-sej-768x585.png)
الآن بعد أن تم تعيين سمة فرعية على سمة الحظر الخاصة بك ، يمكن إجراء تغييرات على ملف theme.json وملفات قوالب style.css بدون تجاوز ملفات النسق الرئيسية.
بهذه الطريقة يمكن تحديث موضوع الأصل دون أي مشاكل.
يمكنك أيضًا تصدير النسق الفرعي الجديد مع التغييرات التي تم إجراؤها ، مثل الصورة ، لاستخدامها كنسق فرعي لعمليات التثبيت الجديدة للنسق الأصلي.
قم بإنشاء قالب قالب مخصص في WordPress
ال أنشئ مكونًا إضافيًا لمظهر الكتلة يوفر عددًا من الخيارات لإنشاء المظهر الخاص بك. يمكنك استنساخ السمة الحالية وإجراء تغييراتك المخصصة باستخدامها كقالب.
بمجرد إجراء التغييرات والرضا عنها ، يمكنك بعد ذلك استخدام المكون الإضافي لتصدير المظهر مع جميع التغييرات التي أجريتها لاستخدام المظهر الجديد الخاص بك على مواقع الويب الأخرى.
بالإضافة إلى ذلك ، يمكنك إنشاء سمة جديدة فارغة تمامًا تستخدم السمة الحالية كنموذج معياري. إنها طريقة رائعة لإنشاء شيء مخصص تمامًا.
لإنشاء سمة جديدة تمامًا ، اتبع الخطوات التالية:
أقل من إنشاء موضوع كتلةاختار قم بإنشاء نسق فارغ.
املأ جميع المعلومات الموجودة على الجانب الأيمن ، وقم بتسميتها وأضف اسمك باسم المنشئ ، ثم اضغط يولد.
![قم بإنشاء نسق فارغ](https://cdn.searchenginejournal.com/wp-content/uploads/2022/12/create-blank-theme-638e189ee50f9-sej-768x378.png)
سيتم تنزيل المظهر الجديد كملف مضغوط.
أقل من مظهر > ثيماتيمكنك تنزيل وتنشيط المظهر الجديد الخاص بك.
اتبع نفس خطوات السمة الفرعية ، إذا كنت تريد إضافة صورة مخصصة لـ screenshot.png.
قم بتنشيط المظهر الجديد واستخدمه كنقطة انطلاق لموضوعك الجديد.
![موضوع جديد فارغ](https://cdn.searchenginejournal.com/wp-content/uploads/2022/12/new-blank-theme-638e18c75f800-sej-768x594.png)
استخدم القوالب والكتل وعناصر القوالب ومحرر الأنماط لإنشاء نسقك الجديد بالطريقة التي تريدها أن تبدو.
بمجرد الانتهاء من العمل على المظهر الجديد الخاص بك ، ارجع إلى مظهر > إنشاء موضوع كتلة وتصدير النسق الجديد ، الذي يحتوي على جميع التغييرات التي أجريتها عليه.
سيتم تصديره كملف مضغوط ويمكن تنزيله إلى أي تثبيت WordPress جديد.
إدارة خطوط موضوع WordPress
ميزة أخرى رائعة من قم بإنشاء مكون إضافي لسمة الكتلة هو أن تكون قادرًا على إضافة وإزالة الخطوط بسهولة للموضوع.
عادةً ، لإضافة خطوط جديدة إلى سمة ما ، يجب تنزيل الخطوط وإضافتها إلى مجلد الخطوط و قائمة في قائمة التوابع. php ملف أو ملف رابط جوجل يجب أن يضاف إلى الكود.
يمكن أن تؤدي إضافة خطوط متعددة إلى زيادة تعقيد العملية.
مع البرنامج المساعد ، خطوط جوجل و الخطوط المحلية من جهاز الكمبيوتر الخاص بك يمكن إضافته أو إزالته بسهولة من نسقك المخصص أو من سمة قمت بتثبيتها وتنشيطها.
لخطوط Google ، انقر فوق أضف خط Google وستعطيك النافذة المنسدلة قائمة بخطوط Google المتاحة.
حدد الخط ، وحدد المربع وانقر فوق الزر لإضافة خط Google إلى المظهر الخاص بك.
![إدارة خطوط النسق](https://cdn.searchenginejournal.com/wp-content/uploads/2022/12/manage-theme-fonts-638e18bf6bc00-sej-768x359.png)
![أضف خطوط جوجل](https://cdn.searchenginejournal.com/wp-content/uploads/2022/12/add-google-fonts-638e1883c4092-sej-768x362.png)
تعد إضافة خط محلي قمت بتنزيله عملية مماثلة.
انقر ل أضف الخط المحليقم بتحميل ملف الخط ، واملأ اسم الخط والنمط والوزن ، ثم اضغط على الزر لتحميل الخط المحلي إلى نسقك.
![الخطوط المحلية](https://cdn.searchenginejournal.com/wp-content/uploads/2022/12/local-fonts-638e18b6cddad-sej-768x510.png)
قوالب ووردبريس للأطفال مبسطة
مع طبعة الموقع الكامل و ال أنشئ مكونًا إضافيًا لمظهر الكتلةلم يكن إنشاء السمات والأشكال الخاصة بك أسهل من أي وقت مضى.
يؤدي استخدام المكون الإضافي بدلاً من التخزين المؤقت للملفات يدويًا وتحرير التعليمات البرمجية إلى تسهيل إنشاء سمات فرعية وإضافة خطوط جديدة.
أسبابو متغيرات النمطو كتل قابلة لإعادة الاستخدام عند استخدامه مع المكون الإضافي ، هناك طرق رائعة وسهلة لإنشاء المظهر المخصص الخاص بك والذي يمكنك تصديره وإعادة استخدامه.
كل ذلك دون الحاجة إلى لمس أي من رموز السمات.
المزيد من الموارد:
الصورة الرئيسية: Kaspars Grinvalds / Shutterstock
window.addEventListener( 'load', function() { setTimeout(function(){ striggerEvent( 'load2' ); }, 2000); });
window.addEventListener( 'load2', function() {
if( sopp != 'yes' && addtl_consent != '1~' && !ss_u ){
!function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js');
if( typeof sopp !== "undefined" && sopp === 'yes' ){ fbq('dataProcessingOptions', ['LDU'], 1, 1000); }else{ fbq('dataProcessingOptions', []); }
fbq('init', '1321385257908563');
fbq('track', 'PageView');
fbq('trackSingle', '1321385257908563', 'ViewContent', { content_name: 'wordpress-full-site-editing-how-to-create-child-theme-block-theme', content_category: 'cms wp' }); } });
#كيفية #إنشاء #قالب #فرعي #وموضوع #كتلة
المصدر
تعليقات
إرسال تعليق