استكشاف أنماط الكتلة الأولى للهبوط في دليل قوالب WordPress

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

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

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

يمكن لهذه المشكلة المنفردة تتبع جذورها بشكل حصري تقريبًا إلى السؤال الكبير: كيف يمكن لمؤلفي السمات إنشاء صفحات رئيسية مخصصة والسماح بسهولة للمستخدمين النهائيين بإعادة إنشائها؟

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

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

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

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

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

حاليًا ، لا يعمل عامل تصفية ميزة Block Editor Patterns للدليل. من الناحية الفنية ، لا يُسمح لمؤلفي القوالب بإضافة علامة block-patterns إلى سماتهم ، ولكن هناك تصحيحًا متاحًا من شأنه إصلاح المشكلة قريبًا.

أنماط حتى الآن

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

قامت UXL Themes مؤخرًا بتحديث موضوع Cordero الخاص بها بعدة كتل. أحد الأشياء التي أحبها في كيفية إضافة Cordero لأنماطه هو أنه أنشأ فئة نمط كتلة "Cordero" مخصصة. يمكن أن توجد الأنماط في فئات متعددة ، ولكن دمج جميع الأنماط المخصصة للقالب في مجموعة واحدة جعل اكتشافها أسهل بكثير. هذه ممارسة أود أن أرى المزيد من المضي قدمًا فيها.

تتجه أنماط Cordero بشكل أساسي نحو تخطيط الأعمال النموذجي. يتضمن زوجًا من أنماط البطل ، وبعض مربعات الميزات / الخدمات ، وجداول التسعير.

السمة الشاملة من قبل ممثلة فريق Themes Team Carolina Nymark لها العديد من الأنماط (إنها أيضًا سمة قوية إذا كنت في السوق للحصول على خيار جيد جاهز للوصول). أكثر أنماط هذا المظهر إثارة للاهتمام هي أنماطه ذات العمودين مع الأشرطة الجانبية . لقد أنشأ Nymark أساسًا "جسم" صفحة ذات أنماط. يضيف أحدهما شريطًا جانبيًا على اليسار ويضيفه النمط الآخر إلى اليمين. كلا النموذجين لهما عمود رئيسي لإضافة محتوى مخصص. عمود الشريط الجانبي مزين بشكل افتراضي بكتل من نوع عنصر واجهة المستخدم.

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

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

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

ما مدى جودة نقل الأنماط بين السمات؟

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

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

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