كل ما تحتاجه لبدء استخدام WordPress Gutenberg

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

ما هو جوتنبرج؟

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

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

عرض مات مولينويج جوتنبرج حول حالة الكلمة 2017

يتوفر Gutenberg بالفعل كمكوِّن إضافي ، وسيتم دمجه في WordPress 5.0 والذي من المقرر إطلاقه في أبريل 2018. ويركز الفريق الذي يقف وراءه حاليًا على تجربة ما بعد التحرير. ولكن من ذلك الحين فصاعدًا ، سيتم توسيع نهجهم ليشمل إنشاء النماذج وإنشاء المواقع والمزيد. من أجل جعل الانتقال إلى Gutenberg أكثر سلاسة ، هناك مكون إضافي يسمى Classic Editor والذي يسمح للفرق باستخدام المحرر الحالي أثناء عملهم على عمليات الترحيل الخاصة بهم.

لماذا يعتبر Gutenberg مفيدًا بالنسبة لي وماذا يعني ذلك لمستقبل WordPress؟

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

باستخدام الكتل ، تعمل على تحسين وتبسيط جميع الطرق التي نبني بها الصفحة (الرموز القصيرة ، والأدوات ، و HTML المخصص ، والوسائط ، وتنسيق النص ، والتضمينات ، وصناديق التعريف). كما يوضح مات في رسالته:

• سيتمكن المطورون والوكالات من إنشاء قوالب تفاعلية يمكن للعملاء تحديثها بسهولة دون كسر الأشياء أو التعامل مع أنواع المنشورات المخصصة.
• سيتمكن مطورو المكونات الإضافية من الاندماج تمامًا في كل جزء من WordPress. Ι تضمين المنشورات والصفحات وأنواع المنشورات المخصصة والأشرطة الجانبية دون الحاجة إلى اختراق TinyMCE أو الضغط على ميزتها بالكامل خلف زر شريط الأدوات.
• لن يحتاج مطورو السمات إلى تجميع الكثير من المكونات الإضافية أو إنشاء أدوات إنشاء الصفحات الخاصة بهم. ستكون هناك طريقة قياسية ومحمولة لإنشاء تخطيطات غنية للمشاركات وإرشاد الأشخاص خلال الإعداد مباشرة في الواجهة. Νo برامج تعليمية من 20 خطوة أو مقاطع فيديو طويلة مطلوبة.
• سيتمكن مطورو Core من العمل في التقنيات الحديثة ولن يقلقوا بشأن 15 عامًا من التوافق مع الإصدارات السابقة.
• سيتمكن المستخدمون أخيرًا من إنشاء المواقع التي يبنونها بخيالهم. سيكونون قادرين على القيام بأشياء على الهاتف المحمول لم يفعلوها من قبل. لن يضطروا أبدًا إلى رؤية رمز قصير مرة أخرى. سيتم تنظيف النص الذي تم لصقه من Word وتحويله إلى كتل تلقائيًا وفوريًا.

عروض توضيحية وأمثلة

في هذا الحديث من WordCamp US 2017 ، يشرح مورتن ما يحتاج مطورو WordPress إلى التركيز عليه وكيف سيتم تحويل WordPress باستخدام Gutenberg.

مورتن راند هندريكسن: جوتنبرج ووردبريس الغد

في لقطة الشاشة هذه ، يوضح Human Made سلسلة من التطبيقات المتقدمة لكتل ​​Gutenberg.

كيف تبدأ

العب مع Frontenberg ، وهو عرض توضيحي مباشر محدود للواجهة الأمامية لمحرر Gutenberg والذي سيساعدك على التعرف على بيئة تحرير Gutenberg.

Frontenberg - ملعب جوتنبرج تم تسجيل الخروج منه للاختبار الفوري

اقرأ المقال التالي من Matias Ventura Bausero ، أحد المهندسين الرئيسيين وراء Gutenberg .

جوتنبرج ، أو سفينة ثيسيوس - كيف يمكن لنظام أن يتطور بشكل أساسي دون تغيير جذري؟

العب مع رموز Sketch هذه وحاول تصميم الكتل المخصصة الخاصة بك.

Automattic / gutenberg-theme-sketch - gutenberg-theme-sketch - مجموعة من ملفات Sketch لمساعدتك على تصميم قوالب WordPress المبنية على الكتل

اقرأ دليل المطور الرسمي على wordpress.org . إنه نظيف وسهل القراءة ويتطور باستمرار. يجب عليك أيضًا الاشتراك في قائمتهم البريدية لتلقي تحديثاتهم.

مقدمة - "Gutenberg" هو الاسم الرمزي لمحرر WordPress 2017.

حفر في ReactJS لأن Gutenberg مبني عليها.

React - مكتبة JavaScript لبناء واجهات المستخدم - مكتبة JavaScript لبناء واجهات المستخدم

تحقق من أمثلة Gutenberg هذه التي صممها فريق WordPress الأساسي.

WordPress / gutenberg -amples = أمثلة gutenberg - أمثلة لتوسيع WordPress / Gutenberg باستخدام الكتل

اقرأ هذا الكتاب الإلكتروني المفصل من قبل Human Made (واحدة من أفضل وكالات تطوير WP) .

Gutenberg ، محرر WordPress الجديد (المستند التعريفي التمهيدي) - يغطي هذا المستند التعريفي التمهيدي التحديات الرئيسية في التنفيذ والاعتماد ، بالإضافة إلى نصائح حول كيفية قيام المؤسسات بالتصرف الآن.

تحقق من دورة التطوير هذه بواسطة Zac Gordon ، المعلم على بعض أكثر المنصات التعليمية شهرة FrontendMasters و Treehouse و Udemy.

دورة تطوير جوتنبرج من دورات زاك جوردون - جوتنبرج

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

ahmadawais / create-guten-block - مجموعة أدوات مطور بدون تكوين # 0CJS لبناء كتل WordPress Gutenberg.

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

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

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