دليلك النهائي لاستخدام محرر جوتنبرج القادم

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

تغيير كبير مثل هذا ربما يدق بعض أجراس الإنذار في رأسك ...

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

في هذا المنشور ، ستتعلم إجابات هذه الأسئلة بالإضافة إلى الكثير .

هذا هو دليل محرر WordPress Gutenberg النهائي لأي شخص وكل شخص يقوم بإنشاء محتوى باستخدام WordPress.

ستعرف:

1. ما هو محرر WordPress Gutenberg ، ولماذا ومتى يأتي ، وإجابات بعض الأسئلة الشائعة الأساسية.
2. كيف يمكنك محاكاة وظيفة المحرر الحالي وإنشاء منشور مدونة أساسي باستخدام Gutenberg.
3. بعض النصائح غير الواضحة للعمل بشكل أكثر إنتاجية مع Gutenberg ( بناءً على تجربتي العملية من استخدامه على موقع مباشر ).
4. كيفية تسخير الميزات الجديدة في Gutenberg للاستفادة من وظائف المحتوى والتخطيط التي لم يكن لديك حق الوصول إليها من قبل.

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

ما هو محرر جوتنبرج ، بالإضافة إلى أسباب الاهتمام به

محرر Gutenberg هو إعادة تخيل كاملة لمحرر نصوص WordPress الحالي الذي تستخدمه لإنشاء منشورات أو صفحات باستخدام WordPress.

أقول إعادة تخيل بدلاً من إعادة تصميم لأنه يعيد بالفعل بناء تجربة التحرير من الألف إلى الياء .

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

إذن ما الذي يجعل محرر جوتنبرج "إعادة تخيل كاملة"؟

أولاً ، لنبدأ بتحديث ما أعنيه بـ "محرر WordPress". إذا لم تكن متأكدًا تمامًا مما كنت أتحدث عنه ، فإليك ما يبدو عليه محرر WordPress TinyMCE الحالي :

إذا كنت أستعمل Wordable لنشر المشاركات وورد مباشرة من محرر مستندات Google، قد لا تنفق الكثير من الوقت هناك! لكنني أراهن أنه لا تزال هناك فرصة جيدة لأنك على دراية جيدة بكيفية عمل المحرر.

يقدم محرر جوتنبرج شيئًا يسمى "الكتل"

يعد محرر نصوص WordPress الحالي نوعًا ما يشبه مستند Microsoft Word طويل. يغير جوتنبرج تلك الديناميكية بشيء يسمى الكتل .

بدلاً من حقل تحرير واحد ، كل "شيء" في Gutenberg هو "كتلة" خاصة به. إذا سبق لك أن كتبت منشورًا باستخدام Medium - فهي نفس الفكرة .

فمثلا:

• كل فقرة من النص هي كتلة منفصلة خاصة بها.
• الصورة هي الكتلة الخاصة بها.
• فيديو يوتيوب هو كتلة خاصة به.
• …انت وجدت الفكرة.

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

• ثلاث فقرات منفصلة
• كتلة صورة واحدة

تكمن أهمية هذا النهج القائم على الكتلة في أنه يفتح إمكانات أكثر تقدمًا للمحتوى والتخطيط.

على سبيل المثال ، ستتمكن من تقديم أعمدة وإدراج أزرار وأنماط وتنفيذ الكثير من الإجراءات الأخرى التي لا يمكنك القيام بها مع المحرر الحالي ، أو التي تتطلب HTML / CSS مع المحرر الحالي.

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

إليك سبب قيام فريق WordPress الأساسي بإجراء هذا التغيير

في معظم حياته ، استخدم WordPress نفس المحرر الأساسي (TinyMCE). على الرغم من أن التصميم قد تغير هنا وهناك ، إلا أن الوظيفة الأساسية لم تتزعزع أبدًا.

فلماذا التغيير الآن؟ إذا نجحت في آخر 15 عامًا تقريبًا ، فلماذا لا يمكنها الاستمرار في العمل لمدة 15 عامًا قادمة؟

هناك عدة أسباب.

أولاً ، المحرر الحالي مقيد جدًا للمستخدمين العاديين في هذا اليوم وهذا العصر. بينما يتيح WordPress إمكانية إنشاء أي شيء يمكنك تخيله ، فإنه لا يفعل ذلك إلا إذا كنت تعرف بعض HTML / CSS .

قم بدمج ذلك مع المنافسة من منشئي مواقع الويب المرئية مثل Squarespace و Wix ( الذين ضاعفوا استخدامهم خلال العام الماضي ) ، ويمكنك فهم سبب شعور فريق WordPress الأساسي بأن WordPress بحاجة إلى تجربة تحرير أكثر مرونة للحفاظ على ميزته.

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

يستطيع Gutenberg توحيد كل تلك الواجهات المختلفة في نظام الكتل.

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

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

إيجابيات وسلبيات الانتقال إلى محرر جوتنبرج الجديد

إذن ... هل سيكون جوتنبرج شيئًا جيدًا بالنسبة لك؟

حسنًا ، لقد كانت في الواقع مشكلة مثيرة للانقسام في مجتمع WordPress ، مع وجود حجج عاطفية من كلا الجانبين.

من ناحية ، لديك أشخاص يروجون لفوائد جوتنبرج:

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

لكن على الجانب الآخر ، لديك أشخاص يشيرون إلى بعض المشكلات الكبيرة في مشروع بهذا الطموح:

• التوافق مع الإصدارات السابقة - يستخدم حوالي 32٪ من الإنترنت بالكامل محرر WordPress الحالي ، مما يجعل من الصعب جدًا الانتقال إلى تجربة تحرير جديدة تمامًا. في الأساس ، هناك العديد من حالات الحافة مع كل هذا المحتوى القديم بحيث يصعب ضمان انتقال سلس.
• صعب للمطورين - سيحتاج مطورو السمات والمكونات الإضافية إلى بناء توافق Gutenberg في المكونات الإضافية والسمات الخاصة بهم ، وقد لا تعمل الإضافات الأقدم دائمًا بشكل مثالي. هناك عشرات الآلاف من المكونات الإضافية القديمة التي قد تواجه مشكلات في التوافق.
• تعليم المستخدم - بينما قد يعجب المستخدمون الجدد بـ Gutenberg ، سيحتاج المستخدمون القدامى إلى تعلم مهام سير عمل جديدة ، وهو أمر صعب بشكل خاص للمطورين الذين أنشأوا مواقع للعملاء غير التقنيين.

إذن ، هل محرر WordPress Gutenberg شيء جيد أم سيئ؟

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

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

متى سيتم إطلاق محرر جوتنبرج؟

الإجابة المختصرة هي - لا نعرف التاريخ المحدد . سيتم إصدار Gutenberg كجزء من WordPress 5.0 ، ولكن لا توجد كلمة رسمية حول تاريخ إصدار WordPress 5.0 بالضبط حتى الآن.

لدينا الآن فكرة تقريبية. وفقًا لاجتماع انطلاق WordPress 5.0 الأخير ، فإن التواريخ المتوقعة هي في وقت مبكر من 19 نوفمبر 2018 أو حتى 22 يناير 2019 .

ها هي الإجابة الأطول:

في الوقت الحالي ، يوجد محرر Gutenberg كمكوِّن إضافي أثناء حالة الإصدار التجريبي الخاص به. إذا كنت ترغب في ذلك ، فيمكنك بالفعل تثبيت المكون الإضافي والبدء في استخدامه على موقعك اليوم ( إنه في مرحلة تجريبية ، لذلك لا أوصي به ).

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

ماذا سيحدث للمحتوى الحالي الخاص بك بمجرد إصدار محرر Gutenberg؟

نظرًا لأن Gutenberg يحل محل المحرر الحالي ، فمن المحتمل أنك تتساءل عما سيحدث مع كل المحتوى الموجود لديك.

لا تقلق - تم تصميم Gutenberg ليكون متوافقًا مع الإصدارات السابقة .

كما هو الحال الآن ، يضع Gutenberg كل المحتوى القديم في قالب كلاسيكي واحد. على سبيل المثال ، هذا ما يبدو عليه مثال TinyMCE أعلاه عندما أقوم بتثبيت Gutenberg:

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

بمجرد تحويل المحتوى القديم إلى كتل ، سيعمل تمامًا مثل أي مشاركة أخرى في محرر Gutenberg.

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

هل سيعمل محرر جوتنبرج مع جميع سمات WordPress؟

نعم! مرة أخرى ، نظرًا لأن Gutenberg سيكون المحرر الافتراضي ، فمن الطبيعي أن يعمل مع أي سمة WordPress.

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

إليك ما يجعل السمة متوافقة مع Gutenberg:

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

هل يجب عليك استخدام محرر Gutenberg بمجرد إصدار WordPress 5.0؟

رقم! بينما سيكون Gutenberg هو المحرر الافتراضي في WordPress 5.0 ، لا يتعين عليك استخدامه بالفعل.

إذا كنت ترغب في الاستمرار في استخدام محرر WordPress الحالي ، فهناك مكون إضافي رسمي للمحرر الكلاسيكي يخفي كل آثار Gutenberg ويستعيد تجربة التحرير الحالية.

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

برنامج WordPress Gutenberg التعليمي - كيف ستستخدم المحرر الجديد

حسنًا ، الآن بعد أن أنهيت الدورة التدريبية المكثفة حول Gutenberg 101 ، فلنبدأ التدريب العملي مع محرر Gutenberg.

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

للبدء ، إليك رسم لمساعدتك على فهم العناصر الأساسية لواجهة Gutenberg Editor:

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

بعد ذلك ، عندما تذهب لإضافة كتلة جديدة ، سترى هذه النافذة المنبثقة مع قائمة بجميع الكتل المتاحة. يمكنك إما:

1. استخدم علامات تبويب الأكورديون لتصفح جميع الكتل المتاحة
2. ابحث مباشرة عن الكتلة التي تريدها

كيفية إنشاء منشور مدونة بسيط باستخدام محرر جوتنبرج

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

في الأساس ، ستتعلم كيفية تكييف سير عملك الحالي مع محرر Gutenberg. بعد ذلك ، في القسم التالي ، سأوضح لك كيفية الاستفادة من الوظائف الجديدة لـ Gutenberg Editor.

إضافة أو تنسيق محتوى النص الأساسي

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

عندما تنقر فوق كتلة ، سترى شريط أدوات تنسيق يظهر حيث يمكنك:

• تغيير المحاذاة
• أضف بالخط العريض والمائل
• أدخل الروابط
• إلخ.

بشكل أساسي ، يعمل هذا كثيرًا مثل شريط الأدوات في المحرر الحالي:

لاحقًا ، سأريك بديلاً أنيقًا لهذا النهج الافتراضي.

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

• التحكم في حجم النص ولونه
• أضف غطاء قطرة

بسيطة بما يكفي حتى الآن ، أليس كذلك؟

إنشاء عنوان (H1 ، H2 ، إلخ.)

لديك بعض الخيارات المختلفة لإنشاء عنوان.

أولاً ، يمكنك استخدام الرمز + لإدراج كتلة عنوان جديدة:

بمجرد إدراج كتلة العنوان ، يمكنك الكتابة لإضافة النص الخاص بك واستخدام الشريط الجانبي أو شريط الأدوات للتحكم في العنوان المراد استخدامه (مثل H2 مقابل H3):

بدلاً من ذلك ، يمكنك أيضًا:

• قم بتحويل كتلة فقرة عادية إلى كتلة عنوان باستخدام زر تغيير نوع الكتلة .
• استخدم تخفيض السعر لإنشاء العنوان (على سبيل المثال "## هذا عنوان 2")

إليك صورة GIF لتوضيح هاتين الطريقتين:

إدراج صور أو مقاطع فيديو أو محتوى وسائط آخر

حسنًا ، يمكنك الآن إنشاء وتنسيق النص الأساسي والعناوين. هذا سيوصلك إلى هناك!

ولكن ماذا عن إدخال محتوى الوسائط؟

لإدراج أي محتوى وسائط ، يمكنك استخدام نفس رمز + لإدراج كتلة.

لإدراج محتوى الوسائط أسفل المحتوى الحالي الخاص بك ، استخدم الرمز + في الزاوية العلوية اليسرى.

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

بمجرد فتح النافذة المنبثقة Insert Block ، يمكنك الاختيار من بين:

• صورة - أدخل صورة من مكتبة وسائط WordPress أو عنوان URL خارجي.
• فيديو - تضمين مقطع فيديو من مكتبة وسائط WordPress أو عنوان URL خارجي.
• التضمينات - كتل منفصلة لمساعدتك على تضمين محتوى من YouTube و Vimeo و Spotify و SoundCloud و Instagram والعديد من المصادر الأخرى.

على سبيل المثال ، إليك ما يبدو عليه إدراج صورة من مكتبة وسائط WordPress:

وإليك كيفية تضمين مقطع فيديو على YouTube:

إدخال الرموز القصيرة من الإضافات الأخرى

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

في النهاية ، الهدف هو أن تقوم تلك الأنواع من المكونات الإضافية بإنشاء كتل Gutenberg الخاصة بها والتي يمكنك استخدامها مباشرة ( المزيد حول هذا لاحقًا ). ولكن حتى ذلك الحين ، لا يزال بإمكانك تضمين الرموز القصيرة في محتوى Gutenberg الخاص بك باستخدام كتلة الرمز القصير :

إعادة ترتيب المحتوى (لديك خياران)

حسنًا ، سهل بما يكفي حتى الآن ... ولكن ماذا لو كنت تريد تغيير ترتيب الكتل الخاصة بك؟

للقيام بذلك ، لديك خياران.

أولاً ، إذا قمت بتمرير الماوس على يسار كتلة * ، فيمكنك استخدام السحب والإفلات لتحريك الكتل حولها:

ثانيًا ، يمكنك أيضًا استخدام السهمين لأعلى أو لأسفل لنقل الكتل لأعلى أو لأسفل في موضع واحد:

* لتنشيط السحب والإفلات ، ضع مؤشر الماوس فوق النقاط الست بين السهمين لأعلى ولأسفل.

العمل مع المعلومات الموجودة خلف الكواليس (الفئات ، رابط URL ، إلخ.)

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

بالنسبة لمعظم الإجراءات ، يمكنك استخدام علامة تبويب المستند من الشريط الجانبي. هذا هو المكان الذي سوف:

• اختر تاريخ النشر / جدولة المنشورات مسبقًا
• حدد المؤلف
• أضف الفئات والعلامات
• حدد صورتك المميزة
• أدخل المقتطف الخاص بك

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

• معاينة منشورك
• حفظ المسودات ( يحفظ Gutenberg مسودتك تلقائيًا ، لذلك لن تحتاج عادةً إلى القيام بذلك يدويًا )
• انشر رسالتك

الشيء الصعب الوحيد هو تعيين منشورك أو رابط عنوان URL للصفحة. لتحرير ذلك ، انقر فوق العنوان. بعد ذلك ، ستتمكن من تحرير الرابط:

ماذا عن الإضافات مثل Yoast SEO؟ كيف سيعملون؟

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

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

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

بالنسبة للمكونات الإضافية القديمة التي لا تحتوي على دعم Gutenberg حتى الآن ، ستظل قادرًا على استخدام مربعات التعريف كما تفعل مع محرر TinyMCE:

ست نصائح للعمل بشكل أكثر إنتاجية مع Gutenberg

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

1. إدراج كتل سريعة عن طريق كتابة "/" لتوفير طن من الوقت

تعد طريقة إدراج الكتل التي عرضتها لك أعلاه مفيدة عندما تبدأ للتو مع Gutenberg لأنها تتيح لك رؤية جميع الكتل المتاحة.

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

بدلاً من النقر فوق الرمز + ، ما عليك سوى:

• اضغط على Enter لإنشاء كتلة جديدة
• نوع أ "/"
• ابدأ في كتابة اسم الكتلة

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

هنا هو في العمل:

هذا أسرع كثيرًا ، أليس كذلك؟

2. تعلم اختصارات لوحة المفاتيح لتحرير أسرع

يأتي Gutenberg مليئًا باختصارات لوحة المفاتيح التي يمكنها تسريع طريقة عملك.

يمكنك إظهار قائمة كاملة بهذه الاختصارات بالنقر فوق CTRL + Alt + H (في نظام التشغيل Windows) أو CMD + Alt + H (نظام التشغيل Mac):

يجب أن تقرأ القائمة الكاملة ، ولكن إليك بعضًا من أكثرها فائدة:

• Ctrl + S - احفظ مسودتك.
• Ctrl + Z - تراجع أو Ctrl + Y - إعادة.
• Ctrl + Alt + Backspace - احذف الكتلة المحددة ( مفيدة حقًا ).
• Ctrl + Shift + D - قم بتكرار الكتلة المحددة.
• Ctrl + Alt + T - أدخل كتلة جديدة قبل الكتلة المحددة.
• Ctrl + Alt + Y - أدخل كتلة جديدة بعد الكتلة المحددة.

يمكنك أيضًا استخدام معظم الاختصارات العامة ، مثل Ctrl + B للخط الغامق أو Ctrl + V للصق.

3. اسحب الصور من سطح المكتب إلى محتوى Gutenberg الخاص بك

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

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

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

4. إضافة شريط أدوات تحرير ثابت

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

إذا لم يعجبك ذلك ، يمكنك تشغيل خيار Unified Toolbar للحصول على شريط أدوات دائم التواجد في الجزء العلوي من واجهة Gutenberg:

5. استخدم صيغة Markdown للعناوين والقوائم وما إلى ذلك.

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

فمثلا:

• ## - ينشئ H2 ( سبق لك أن رأيت هذا - يتحول إلى كتلة عنوان ).
• * - لبدء قائمة غير مرتبة.
• 1. - يبدأ قائمة مرتبة.
• > - إنشاء اقتباس كتلة ( يتحول إلى كتلة اقتباس ).

لا يمكنك استخدام كل بناء الجملة الشكلي. لكن الأمثلة المذكورة أعلاه مفيدة بالفعل لتنسيق أسرع:

6. تحرير HTML مباشرة إذا لزم الأمر

إذا واجهت موقفًا تريد فيه تعديل HTML مباشرةً ، فيمكنك الوصول إلى محرر التعليمات البرمجية بالنقر فوق النقاط الثلاث في الزاوية اليمنى العلوية أو استخدام اختصار Ctrl + Shift + Alt + M :

الاستفادة من وظيفة Gutenberg الجديدة - الأعمدة والأزرار والمزيد!

حسنًا ، لقد غطينا:

• كيفية استخدام Gutenberg لإنشاء منشور مدونة أساسي.
• بعض النصائح لتسريع طريقة عملك مع Gutenberg.

الآن ، دعنا ندخل في بعض الأشياء الرائعة الجديدة التي يمكنك القيام بها مع Gutenberg. هذه هي الميزات المثيرة التي يجب أن تساعد في تفسير سبب قرار فريق WordPress المضي قدمًا مع Gutenberg.

أدخل الأزرار - لا يلزم وجود HTML

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

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

إنشاء تخطيطات متعددة الأعمدة

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

باستخدام Gutenberg ، ما عليك سوى إضافة كتلة الأعمدة . بعد ذلك ، يمكنك إضافة كتل أخرى داخل الأعمدة المختلفة:

إنشاء صور ممتدة بعرض كامل

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

قم بإنشاء قوالب كتلة قابلة لإعادة الاستخدام

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

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

سوف تعطيه اسما. بعد ذلك ، ستتمكن من إدراج هذا القالب بأكمله تمامًا كما تفعل مع أي كتلة أخرى:

يمكنك إضافة المزيد من الكتل والوظائف باستخدام المكونات الإضافية لجهات خارجية

هنا حيث يبدأ جوتنبرج في البرودة:

يمكن أن تضيف المكونات الإضافية للجهات الخارجية الكتل الخاصة بها والتي يمكنك استخدامها في تصميمات Gutenberg الخاصة بك.

هناك طريقتان يمكن أن يفيدك ذلك:

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

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

وبعد ذلك يمكنك استخدام هذه الكتل للقيام ببعض الأشياء الرائعة ، مثل إدراج جدول أسعار أو شهادة:

هذه هي البداية فقط لمحرر جوتنبرج في WordPress

وهذا كل شيء! إذا وصلت إلى هذا الحد ، فيجب أن تكون خبيرًا في Gutenberg جاهزًا للعمل فور إصدار WordPress 5.0.

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

لن يؤثر Gutenberg فقط على طريقة إنشاء المحتوى في الوقت الحالي ، بل سيلعب أيضًا دورًا رئيسيًا في WordPress للمضي قدمًا.

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

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