WordPress وتحرير الموقع بالكامل: كيفية إنشاء قالب ثانوي وموضوع بلوك

نشرت: 2022-12-09

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

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

تقليديًا ، عند العمل مع WordPress ، كان هذا يتطلب عمل نسخة من function.php و style.css لإنشاء القالب الفرعي وإدراج القالب الفرعي في القالب الأصلي.

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

لحسن الحظ ، مع إنشاء المكون الإضافي Create Block Theme بواسطة WordPress.org ، ليس فقط إنشاء سمة فرعية ولكن تصميم مخصص بالكامل أو تنوع نمط أسهل من أي وقت مضى.

إنشاء البرنامج المساعد Block Theme لقطة شاشة من مستودع البرنامج المساعد WordPress.org ، ديسمبر 2022

إعداد البرنامج المساعد إنشاء قالب بلوك على WordPress

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

اثنان وعشرون موضوع لقطة شاشة من لوحة تحكم WordPress ، ديسمبر 2022

بعد ذلك ، اتبع الخطوات التالية:

انتقل إلى الإضافات > إضافة جديد .

في نافذة البحث ، ابحث عن "Create Block Theme".

انقر فوق تثبيت وتنشيط .

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

خيارات المظهر لقطة شاشة من لوحة تحكم WordPress ، ديسمبر 2022

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

يعد المكون الإضافي Create Block Theme طريقة بسيطة للغاية لإنشاء سمة فرعية للكتلة ، بما في ذلك سمة تحرير الموقع الكامل. سيقوم المكون الإضافي تلقائيًا بإنشاء مجلد الأجزاء ومجلد القوالب و theme.json و style.css.

بمجرد تثبيت المكون الإضافي ، تكون جاهزًا لإنشاء القالب الفرعي:

  • ضمن المظهر ، حدد إنشاء قالب كتلة .
  • بعد ذلك ، حدد Create child من Twenty-Two (إذا قمت بتحديد نسق مختلف ، فسيتم إدراج هذا الموضوع).
  • على اليمين ، قم بملء اسم الموضوع ووصف الموضوع و Theme URI والمؤلف والمؤلف URI.
  • انقر فوق الزر " إنشاء " الأزرق لإنشاء السمة الفرعية.
معلومات موضوع الطفل لقطة شاشة من لوحة تحكم WordPress ، ديسمبر 2022

سيتم تصدير المظهر الفرعي الخاص بك كملف مضغوط.

ملف مضغوط موضوع الطفل لقطة شاشة لملف السمة الفرعية المُنشأة ، ديسمبر 2022

ضمن المظهر > السمات ، انقر فوق إضافة سمة وتحميل سمة ، وحدد الملف المضغوط الذي تم إنشاؤه.

انتقل إلى السمات وتأكد من رؤية المظهر الجديد الخاص بك.

إنشاء صورة مخصصة لموضوع WordPress Child

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

يمكن إصلاح ذلك بسهولة ويوفر لمسة مخصصة لطيفة لموضوع طفلك.

باستخدام محرر الصور المفضل لديك ، قم بإنشاء صورة جديدة بحجم 1200 × 900 بكسل ، وقم بتسميتها screenshot.png.

ضع لقطة الشاشة الجديدة داخل مجلد القالب الفرعي الذي قمت بإنشائه.

ملفات في موضوع تابع لقطة شاشة لملفات السمات لموضوع WordPress child ، ديسمبر 2022

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

صورة موضوع الطفل النشط لقطة شاشة من لوحة تحكم WordPress ، ديسمبر 2022

الآن بعد أن تم تعيين السمة الفرعية على قالب الكتلة الخاص بك ، يمكن إجراء تغييرات على ملفات قالب theme.json و style.css دون تجاوز ملفات النسق الأصل.

بهذه الطريقة ، يمكن تحديث السمة الأصلية دون أي مشاكل.

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

إنشاء قالب قالب مخصص على ووردبريس

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

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

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

لإنشاء مظهر جديد تمامًا ، اتبع الخطوات التالية:

ضمن إنشاء قالب كتلة ، اختر إنشاء سمة فارغة .

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

إنشاء موضوع فارغ لقطة شاشة من لوحة تحكم WordPress ، ديسمبر 2022

سيتم تنزيل المظهر الجديد كملف مضغوط.

ضمن المظهر > المظاهر ، يمكنك تحميل وتنشيط المظهر الجديد الخاص بك.

اتخذ نفس خطوات المظهر الفرعي ، إذا كنت تريد إضافة صورة مخصصة لـ screenshot.png.

قم بتنشيط السمة الجديدة واستخدمها كنقطة انطلاق لموضوعك الجديد.

موضوع جديد فارغ لقطة شاشة من لوحة تحكم WordPress ، ديسمبر 2022

استخدم الأنماط والكتل وأجزاء القالب ومحرر الأنماط لإنشاء المظهر الجديد الخاص بك بالشكل الذي تريده.

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

سيتم تصديره كملف مضغوط ويمكن تحميله إلى أي تثبيت WordPress جديد.

إدارة خطوط موضوع WordPress

ميزة أخرى رائعة للمكون الإضافي Create Block Theme هي القدرة على إضافة وحذف الخطوط بسهولة للموضوع.

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

يمكن أن تؤدي إضافة خطوط متعددة إلى تعقيد العملية بشكل أكبر.

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

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

حدد الخط ، حدد خانة الاختيار وانقر فوق الزر لإضافة خط Google إلى المظهر الخاص بك.

إدارة خطوط النسق لقطة شاشة من لوحة تحكم WordPress ، ديسمبر 2022
أضف خطوط جوجل لقطة شاشة من لوحة تحكم WordPress ، ديسمبر 2022

تعد إضافة خط محلي قمت بتنزيله عملية مماثلة.

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

الخطوط المحلية لقطة شاشة من لوحة تحكم WordPress ، ديسمبر 2022

أصبحت ثيمات الأطفال في WordPress سهلة

باستخدام Full Site Editing والمكوِّن الإضافي Create Block Theme ، أصبح إنشاء السمات والأشكال الخاصة بك أسهل من أي وقت مضى.

إن استخدام المكون الإضافي بدلاً من وضع الملفات يدويًا في قائمة الانتظار وتغيير التعليمات البرمجية يجعل إنشاء السمات الفرعية وإضافة خطوط جديدة عملية بسيطة.

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

كل ذلك دون الحاجة إلى لمس أي رمز موضوع.

المزيد من الموارد:

  • كيفية إنشاء صفحة 404 مخصصة في WordPress
  • كيفية اختيار أفضل ثيم WordPress لكبار المسئولين الاقتصاديين
  • مُحسنات محركات البحث الفنية المتقدمة: دليل كامل

الصورة المميزة: Kaspars Grinvalds / Shutterstock