أطباق أندرو روبرتس ، عضو فريق جوتنبرج ، في محرر WordPress الجديد

نشرت: 2017-09-20

كما سمعت ، يعمل WordPress حاليًا على محرر محتوى جديد تمامًا باسم Gutenberg. يتوفر المحرر حاليًا كمكوِّن إضافي ويتم تعيينه للشحن مع WordPress 5.0 ، ويختلف المحرر اختلافًا جذريًا عما اعتاد عليه مستخدمو WordPress. ومع ذلك ، فإن التغييرات التي تجلبها تتجاوز مجرد إضافة محتوى المنشور القياسي وتحريره.

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

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

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

بالطبع ، TinyMCE هو حاليًا محرر WYSIWYG الافتراضي داخل WordPress وسيكون أيضًا جزءًا من Gutenberg. وبالتالي ، فإن السيد روبرتس هو جزء من الفريق الذي يتأكد من أن جوتنبرج سيكون جاهزًا للتعامل مع كل شيء يمكننا أن نلقي به عليه.

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

الرئيس التنفيذي لشركة Ephox أندرو روبرتس

س: هل واكبت رد فعل المجتمع تجاه جوتنبرج؟ إذا كان الأمر كذلك ، كيف تقيسه حتى الآن؟

نعم ، لقد تم مواكبة ذلك. من المؤكد أن المساهمين في Gutenberg يأخذون التعليقات على محمل الجد ويحاولون الرد عليها قدر الإمكان. قام Tammie Lister ، وهو رئيس التصميم الجديد لـ Gutenberg ، بعمل رائع في الاستجابة لكل مراجعة في دليل المكونات الإضافية.

يمكن أن يكون تتبع منشورات المدونة على الويب أصعب قليلاً ، لكننا نرد أيضًا حيثما أمكن ذلك. ترى ذلك في منشور جريج (جريج شوب ، مطور ينتقد جوتنبرج) حيث كان القائد التقني ماتياس فينتورا يستجيب. من الواضح أن GitHub و Slack من الأماكن الرائعة أيضًا.

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

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

تعد تجارب التحرير خفيفة الوزن مثل Medium أو Dropbox Paper لطيفة جدًا للاستخدام. لذلك ربما حان الوقت لترك بعض نماذج معالج الكلمات وراءنا.

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

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

كان ماتياس واضحًا جدًا في أنه سيتم حل هذا الأمر قبل إطلاق Gutenberg. هناك تذكرة Github نشطة للغاية حيث يمكن تتبع التقدم.

أنا وفريق TinyMCE ليس لدينا الكثير من المشاركة هنا. خبرتنا في جانب المحرر أكثر من التكامل مع WordPress.

س: مع تطور الأمور حتى الآن ، هل هناك مجال معين تفخر به أكثر من غيره؟

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

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

كان مقدار التركيز على تصميم UX في هذا المشروع أكبر من أي مشروع تجاري شاركت فيه. من المعروف أن معظم المشاريع مفتوحة المصدر غالبًا لا تجتذب مساهمات تصميم كافية. فكر في Open Office مقابل Apple Pages. يخالف جوتنبرج هذا الاتجاه بطريقة جيدة جدًا.

س: إذا كان عليك اختيار منطقة تشعر أنها لا تزال بحاجة إلى أكبر قدر من العمل قبل الإطلاق - فماذا ستكون؟

سيكون من الضروري ضمان التوافق مع الإصدارات السابقة. كل ما يذهب نحو هذا الهدف هو استثمار مفيد.

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

س: ما مدى انتشار TinyMCE في النسخة النهائية من Gutenberg؟

يوفر TinyMCE محرك النص الغني الأساسي للعديد من الكتل. تحتوي معظم الكتل على نوع من متطلبات النص المنسق - على سبيل المثال ، يمكنك تطبيق التنسيق على التسمية التوضيحية في كتلة صورة. هناك أيضًا كتل أكثر تقدمًا مثل الجداول التي تستفيد حقًا من محرك محرر TinyMCE الأساسي.

هناك أيضًا كتلة "Classic Text" والتي تعد بشكل فعال محرر TinyMCE الحالي في WordPress جنبًا إلى جنب مع تجربة مستخدم TinyMCE العادية. سيؤدي هذا إلى تمكين المكونات الإضافية التي تعمل على توسيع TinyMCE ، مثل TinyMCE Advanced ، للعمل كما هو الحال دائمًا.

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

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

TinyMCE هو مشروع مفتوح المصدر نابض بالحياة في حد ذاته ولدينا خطط كبيرة على مدى السنوات القليلة المقبلة. لقد أعلنا للتو عن موضوعنا الجديد المحسّن للجوّال على سبيل المثال. نحن فخورون جدًا بالدور الذي لعبناه في WordPress منذ ما يقرب من عشر سنوات ونأمل أن نرى بعضًا من عملنا يستمر لمساعدة WordPress على التحسن لسنوات عديدة قادمة!

س: مع هذا التغيير الكبير الذي سيأتي إلى WordPress ، ما هي النصيحة التي تقدمها للمطورين؟ هل هناك مورد معين يجب أن يدرسوه؟

تعد مستندات Gutenberg مكانًا رائعًا للبدء وقد أصدر Ahmad Awais مشروع Gutenberg Boilerplate وهو طريقة رائعة لتعلم كيفية إنشاء كتلة Gutenberg.

س: أي شيء آخر تود أن يعرفه الناس عن جوتنبرج؟

جلب ردود فعل محددة ومركزة! تحتوي تجربة التحرير الرائعة على آلاف التفاصيل الدقيقة في كثير من الأحيان للحصول عليها بشكل صحيح. نريد أن نسمع عن كل منهم.

مع تطور جوتنبرج ...

مع تطور جوتنبرج ...

شكرًا جزيلاً لأندرو روبرتس على قضاء بعض الوقت في الدردشة معنا! لقد تواصلنا أيضًا مع أعضاء آخرين في فريق Gutenberg ونأمل أن نقدم لك المزيد من الأفكار مع اقتراب المشروع من الإصدار الكامل.