يعيد Jamie Marsland إنشاء صفحة WordPress.org الرئيسية في 20 دقيقة باستخدام محرر الكتلة

ردًا على الجدل الأخير حول المدة التي يجب أن يستغرقها تنفيذ الصفحة الرئيسية الجديدة لموقع WordPress.org وتصميمات صفحة التنزيل ، قرر Gutenberg YouTuber Jamie Marsland تجربة يده في إعادة إنشائها باستخدام محرر الكتلة.

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

قال Mullenweg: "إنه تخطيط أساسي ، من الصعب تخيل أنه يأخذ شخصًا واحدًا أكثر من يوم على Squarespace أو Wix أو Webflow أو أحد منشئي صفحات WP".

قررت شركة Marsland مواجهة التحدي باستخدام Gutenberg. في هذا التمرين ، استخدم أحدث سمة افتراضية لـ WordPress ، وهي Twenty-Two. نتائجه ليست متطابقة مع تصميمات WordPress الجديدة ولكنها قريبة جدًا ، وتمكن من فتح الصفحة الرئيسية في حوالي 20 دقيقة.

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

قال مارسلاند: "كان استنتاجي أنه من السهل جدًا إنجاز 95٪ من التصميم بسرعة ، لكن 5٪ الأخيرة هي التي تستغرق دائمًا معظم الوقت في تجربتي". أعتقد أن الأمر كان يتعلق بالعملية الداخلية التي تسببت في التأخير ، ولكن من الصعب الجزم دون التورط. أردت حقًا أن أوضح أنها لم تكن مشكلة جوتنبرج في بناء التصميم (كما ذكر مات مولينويج Wix و Squarespace وغيرهما من شركات بناء الصفحات في WP.) "

أشار Alex Shiels ، أحد المساهمين برعاية Automattic في المشروع ، إلى بعض العناصر التي لا علاقة لها بمحرر الكتلة ، والتي تسببت في التأخيرات ، بما في ذلك العمل على "معايير معقولة لـ a11y ، والاستجابة ، وتوافق المتصفح ، وتحسين محركات البحث ، والأداء" ، بالإضافة إلى التعاون مع المساهمين عبر قارات مختلفة.

ردًا على محاولة Marsland ، علق مطور WordPress Patrick Boehner على مدى أهمية التفاصيل الصغيرة. قال بوينر: "يمكنك بالتأكيد معرفة ما كان مدفوعًا بالتصميم أولاً مقابل ما تم تصميمه في المحرر".

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

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

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

"ما كان يستغرق يومًا وعشرات الأسطر من php وعشرات الأسطر من css ، يستغرق الآن أسابيع من إنشاء الكتل المخصصة لأن الكتل الأساسية لا يمكن تعديلها بسهولة عبر الخطافات وتفتقر إلى عناصر التحكم الأساسية اللازمة."

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

قال مايك مكاليستر ، مطور السمات المخضرم ، "لقد كنت أقوم ببناء سمة FSE كاملة من البداية وفوجئت بكمية تصميمي التي تمكنت من تكرارها بنجاح باستخدام المحرر و theme.json و CSS المخصص من الحد الأدنى إلى عدمه" . "بالتأكيد ، استغرق الأمر الكثير من الإصلاح ، لكنني تأثرت رغم ذلك.

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

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

وعلق مكاليستر قائلاً: "ومع ذلك ، هناك تلميحات من التحسينات القادمة من أجل الاستجابة". "لقد ساعدت الطباعة السائلة والمشابك () بالتأكيد في التحقق من الطباعة ، ولكن ستكون هناك دائمًا ظروف تحتاج فيها إلى تحكم أكثر دقة. قام كل منشئ مواقع آخر بحل هذه المشكلة ، ولا يوجد سبب للاعتقاد بأن WordPress لا يمكنه ذلك أو لا يفعله. (آمل ذلك بالتأكيد ، حيث أن حوالي 50-60٪ من حركة المرور تأتي من الأجهزة المحمولة هذه الأيام!)

"واحدة من أفضل الطرق للتغلب على هذه الآلام المتزايدة هو الحصول على أكبر قدر ممكن من طعام الكلاب - باستخدام المحرر و FSE لبناء أكبر عدد ممكن من سيناريوهات الحياة الواقعية للكشف عن هذه النقاط العمياء."

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