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


إذا كنت تستخدم WordPress منذ بضع سنوات ، فتذكر عندما طرح الأشخاص في WordPress محرر Gutenberg في WordPress 5.0 مرة أخرى في 2018.

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

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

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

ما تتوقعه في WordPress Gutenberg

الشيء الرئيسي الذي يجب معرفته عن محرر Gutenberg هو أنه قائم على الحظر. هذا يعني أن أي شيء تريد إضافته تتم إدارته عبر الكتل. تتضمن القوالب في جوتنبرج (على سبيل المثال لا الحصر):

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

    In_content_1 all: [300x250] / dfp: [640x360]->

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

    تحديد أي من الكتل من النافذة المنبثقة- تضيف نافذة up هذا الجزء باعتباره القسم التالي في صفحتك أو منشورك.

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

    إنشاء المشاركات وإضافة الكتل

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

    سيؤدي هذا إلى فتح نافذة محرر المشاركات. هذا أيضًا حيث كل شيء مختلف. سترى محرر Gutenberg WordPress الافتراضي.

    إضافة عناصر الحظر في محرر Gutenberg

    يمكنك كتابة عنوان مشاركتك في حقل العنوان. ثم حدد الرمز +على اليمين لإضافة الكتلة الأولى.

    كتل الفقرة

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

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

    فيما يلي بعض النصائح لإضافة كتل فقرة في محرر Gutenberg.

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

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

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

      يمكنك استخدام نفس خيارات التنسيق على نص التسمية التوضيحية كما يمكنك في نص الفقرة العادي.

      قائمة الكتل

      عند إضافة كتلة جديدة وتحديد قائمة، سيتم إدراج كتلة القائمة في تلك المرحلة في المقالة.

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

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

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

      كتل أخرى

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

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

      • الجداول
      • الملفات والوسائط
      • مقاطع الفيديو
      • علامة "المزيد"
      • فواصل الصفحات وفواصلها
      • أدوات مثل الرموز الاجتماعية وسحابات العلامات و التقويم وعناصر واجهة WordPress الإضافية
      • تضمين رمز للمواقع الاجتماعية ومواقع الوسائط مثل YouTube و Spotify والمزيد
      • ميزات Gutenberg الأخرى

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

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

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

        في كل مرة تحدد فيها السهم ، سيحرك هذا الحظر موضع واحد في أي اتجاه حددته.

        استخدام محرر جلوتينبيرج في WordPress

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

        الرموز الأخرى في هذه القائمة وصولاً سريعًا إلى ميزات Gutenberg الأخرى.

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

          المنشورات ذات الصلة:


          2.01.2021