14 أفضل مكون إضافي لـ Gutenberg Block لبرنامج WordPress

انتهى أخيرًا الانتظار الطويل لمحرر جوتنبرج ؛ إنه متاح الآن على WordPress. استبدال محرر TinyMCE القديم ، يجلب هذا المفهوم مفهومًا جديدًا تمامًا لصنع المحتوى باستخدام ميزات غنية.

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

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

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

من الأمثلة الممتازة على هذه المكونات الإضافية ميزة " الشهادات " التي يمكنك إضافتها. لا يوجد حد لما يمكن أن تفعله هذه المكونات الإضافية المختلفة.

يعرض هذا المنشور عشرة من أفضل المكونات الإضافية للكتل لـ Gutenberg ، وهي مكونات إضافية تعمل على تحسين الجودة الإجمالية ، وتأكد من حصولك على كل شيء من محرر Gutenberg .

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

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

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

إضافات جوتنبرج بلوك - كيف تعمل؟

على الرغم من سهولة استخدام المكونات الإضافية لـ Gutenberg ، إلا أنه لا يزال من الجيد التحدث عن كيفية عملها لأنها لا تزال جديدة نسبيًا ، ومن المحتمل أنك لست على دراية بها حتى الآن.

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

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

امنح هذا المنشور قراءة جيدة حتى تتمكن من الحصول على كل شيء مما يقدمه محرر Gutenberg.

في نهاية المطاف الإضافات لجوتنبرج

معروف كواحد من أشهر إضافات Gutenberg Block عبر مستودع WordPress ، لدينا إضافات Ultimate لـ Gutenberg. يقدمها لك نفس الأشخاص الذين قدموا لك إضافات Ultimate لـ Beaver Builder و Schema Pro و Astra Theme و Convert Pro و Ultimate Addons for Elementor
تضيف مجموعة المكونات الإضافية هذه الكثير من الكتل الجديدة إلى محرر Gutenberg المجهز جيدًا بالفعل.

يتضمن هذا البرنامج المساعد ما مجموعه سبعة عشر كتلة ؛ هم كالتالي:
كل من الكتل في المكون الإضافي Ultimate Addons for Gutenberg هو فريد من نوعه ويساعدك على جعل موقع الويب الخاص بك مشهدًا رائعًا للنظر إليه.
يفضل المكون الإضافي الأداء ، وقد تم تحسينه بشكل صحيح له ، مما يعني أن موقع الويب الخاص بك لن يكون بطيئًا أبدًا في الأداء. علاوة على ذلك ، فهو مجاني أيضًا!

وشملت الكتل:

• كتلة القسم
• كتلة متعددة الأزرار
• كتلة العنوان المتقدمة
• كتلة ما بعد الشبكة
• حظر النشر الدائري
• كتلة ما بعد البناء
• كتلة مربع المعلومات
• جوجل خريطة بلوك
• كتلة الفريق
• كتلة الجدول الزمني للمحتوى
• كتلة المشاركة الاجتماعية
• كتلة التزكية
• كتلة قائمة الرموز
• بلوك قائمة المطعم
• بعد كتلة الجدول الزمني
• كتلة الدعوة إلى العمل
• كتلة الأعمدة المتقدمة
• Blockquote بلوك
• نموذج الاتصال 7 Styler Block
• أشكال الجاذبية بلوك ستايلر
• كتلة أزرار التسويق
• قائمة الأسعار
• كتلة جدول المحتويات

الكتل الذرية

ملحق شائع آخر في مجموعة البرنامج المساعد Guneberg Block هو Atomic Blocks. تم إنشاؤه بواسطة أشخاص من Array Themes ، وهو مكون إضافي مليء بأنواع مختلفة من الكتل التي تمنحك مزيدًا من التحكم في محرر Gutenberg.

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

حاليًا ، تضيف Atomic Blocks 11 كتلة جديدة ، مع المزيد في الطريق:

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

متقدم جوتنبرج

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

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

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

وشملت الكتل:

• كتلة المشاركات الأخيرة
• كتلة منتجات WooCommerce
• كتلة زر متقدمة
• كتلة نموذج الاتصال
• كتلة قائمة متقدمة
• كتلة الخريطة
• بلوك الأكورديون
• كتلة علامات التبويب
• كتلة مضادة
• كتلة الصورة المتقدمة
• كتلة الجدول المتقدمة
• كتلة الروابط الاجتماعية
• كتلة الفيديو المتقدمة
• كتلة شريط تمرير الصورة
• كتلة ملخص
• كتلة التزكية

جوتبلوك

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

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

يتطلع الفريق الذي يقف وراء Guteblocks إلى إصدار إصدار متميز يضم المزيد من الكتل المتقدمة قريبًا. سيتألف Guteblock Pro من كتل من أمثال Amazon Affiliate Link Block ، وإضافة حدث إلى Calendar Block ، و Stripe Payment Block ، و Paypal Donation Block ، و Advanced Button Block ، و Quick Contact Block ، وهذه هي البداية فقط.

قام نفس الفريق وراء Guteblocks مؤخرًا بتطوير مدونة ومجلة جديدة متعددة الاستخدامات لـ WordPress يمكنها إطلاق العنان لإمكانات Gutenberg Blocks الكاملة. يحتوي Guteblog Pro على تسعة تصميمات متطورة للتخطيط ، وكلها مناسبة لبناء مدونة أو موقع ويب مثالي. يتضمن أيضًا بعض العروض التوضيحية التي تساعدك في إعداد موقع الويب الخاص بك في غضون دقائق.

تتضمن بعض الكتل الشائعة ما يلي:

• كتلة أعضاء الفريق
• كتلة التزكية
• بلوك الحاوية
• كتلة ما بعد الشبكة
• بلوك فاصل
• رقم مربع بلوك
• إسقاط كاب بلوك
• تنبيه
• CTA
• ملف تعريف المؤلف
• أيقونات المشاركة
• بلوك الفاصل والمقسّم

كتل كادينس

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

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

Kadence Blocks مجاني تمامًا ويضفي لمسة جديدة على محرر Gutenberg.

تتضمن بعض الكتل الشائعة ما يلي:

• كتلة تخطيط الصف
• كتلة علامات التبويب
• بلوك الأكورديون
• كتلة قائمة الرموز

Getwid

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

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

يعد Getwid أيضًا أحد المكونات الإضافية النادرة التي تقدم أكثر من أربعة وعشرين قالبًا مجانيًا لـ WordPress.

هذا البرنامج المساعد متوافق مع كل قالب WordPress. هذا لأن كل كتلة Gutenberg فردية تم إنشاؤها بواسطة Getwid تتكيف تلقائيًا مع تصميم السمة التي تستخدمها بالفعل وتندمج بشكل منهجي مع كل شيء آخر.

تتضمن بعض الكتل المهمة ما يلي:

• الجزء
• نقطة اتصال الصورة
• لافتة
• الجدول الزمني للمحتوى
• المتزلجون
• الاشتراك في Mailchimp
• نموذج الاتصال
• خيارات متعددة لعرض المشاركات الأخيرة.

كتل محرر لجوتنبرج

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

قام منشئو المكون الإضافي أيضًا بإنشاء مكتبة Gutenberg Block من أجل مساعدة مستخدميها في اختيار الكتلة التي يريدون.

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

بعض الكتل تشمل:

• كتلة البطل
• جدول التسعير
• أعضاء الفريق
• كتلة التفاف
• شهادة
• العلامات التجارية

زيغوتين

ZeGuten عبارة عن حزمة من الكتل ميسورة التكلفة وخيارات تخطيط متنوعة مصممة لمحرر قوالب WordPress.

الكتل قيد التطوير حاليًا هي الأعمدة اللاصقة و SVG المضمنة وكتلة التمرير.

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

بعض من أبرز الكتل هي:

• قائمة المشاركة
• الجزء
• مقارنة الصور
• خريطة متقدمة
• جدول التسعير
• دائري
• أعضاء الفريق
• الشهادات - التوصيات

كتل قضاعة

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

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

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

بعض الكتل المدرجة هي:

وشملت الكتل:

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

أوربت فوكس

هناك مكون إضافي آخر خاص بنا ، Orbit Fox ، لديه الكثير ليقدمه. أولاً ، يتضمن هذا المكون الإضافي اثنين وعشرين كتلة ، تأتي مليئة بالعديد من الميزات والمزيد من خيارات التخصيص. علاوة على ذلك ، يشتمل هذا المكون الإضافي أيضًا على ميزات فريدة أخرى ، على سبيل المثال ، وحدة للمشاركة الاجتماعية ، وتكامل Google Analytics ، وشبكة توصيل المحتوى المضمنة (CDN)

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

يستبدل هذا المكون الإضافي بشكل أساسي العديد من المكونات الإضافية الأخرى مما يجعلها زائدة عن الحاجة للاستخدام ، لذلك لا تتردد في استبدالها. لا يوجد موضوع غير متوافق مع Orbit Fox ؛ كل ما تستخدمه سيعمل معه بلا عيب ، مجانًا.

وشملت الكتل:

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

كتل بريميوم لجوتنبرج

لا تدع الاسم يخدعك. تأتي Premium Blocks لـ Gutenberg مجانًا تمامًا. يحتوي على 12 كتلة لتقديمها ، وكلها مصممة مع وضع أداء موقع الويب في الاعتبار.

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

في كل مكان ، يعد Premium Blocks for Gutenberg خيارًا قويًا ، حيث يوفر لك جميع الأدوات الأساسية للعمل مثل الرموز وأقسام التسعير وعلامات تبويب الأكورديون.

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

وشملت الكتل:

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

الكتل النهائية

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

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

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

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

يحتوي المكون الإضافي Ultimate block حاليًا على 18 كتلة:

• تصفية المحتوى
• مراجعة (تم تمكين توصيف المخطط)
• جدول المحتويات
• المحتوى المبوب
• دعوة للعمل
• تبديل المحتوى (الأكورديون)
• صندوق الميزات
• صندوق الإخطار
• صندوق الأرقام
• شهادة
• انقر للتغريد
• حصة الاجتماعي
• العد التنازلي
• شريط التقدم
• تصنيف النجوم
• منزلق الصورة
• زر (محسّن)
• مقسم

قبلي

قادم من Themeum عبارة عن مكون إضافي لـ Gutenberg block مليء بالميزات متوفر في نسختين ، أحدهما أساسي مجاني ، والإصدار المتميز. قد تتذكر Themeum باعتباره الفريق الذي جلب لك البرنامج المساعد Tutor LMS WordPress ، وهو مكون إضافي لإدارة التعلم قمنا بمراجعته مؤخرًا.

تم تجهيز Qubely بمجموعة واسعة من الكتل المتنوعة ولديها مجموعة متزايدة باستمرار تضم أكثر من مائة وخمسين نموذجًا وأقسامًا مسبقة الصنع يمكنك تحريرها واستيرادها في وقت فراغك.

بعض كتل قبلي:

بعض كتل Qubely البارزة هي:

• صف
• الجدول الزمني
• بعد الشبكة
• الأكورديون / تبديل
• نص متقدم
• فيديو منبثق
• خرائط جوجل
• شريط التقدم
• زر
• شهادة
• عنوان
• يعداد
• نوافذ التبويب
• أيقونة
• مقسم
• الرموز الاجتماعية
• مجموعة الأزرار
• زر
• معلومات مربع
• قائمة متقدمة
• نموذج الاتصال
• قائمة الرموز
• التسعير
• كتلة التفاف
• فريق
• صورة

CoBlocks

حصلنا عليها من نطاق GoDaddy الشهير في أبريل 2019 ، ولدينا CoBlocks ، وهي مجموعة مشهورة من كتل Gutenberg المذهلة.

هدفه هو توسيع تجربة المستخدم في بناء الصفحة وتحسين محرر الكتلة.

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

أخيرًا ، أضافوا لوحة تحكم للطباعة متوافقة مع كل من الكتل الافتراضية لـ WordPress و CoBlocks ، مما يتيح لك التحكم في الطباعة بشكل لا تشوبه شائبة.

تتضمن بعض الكتل الشائعة ما يلي:

• ملف تعريف المؤلف
• أطعمة ومشروبات
• استمارة
• بطل
• الشعارات والشارات
• بعد الرف الدائري
• جدول التسعير
• خدمات

إضافات ووردبريس بلوك- خاتمة

بغض النظر عن هذه المكونات الإضافية لـ WordPress التي تقرر استخدامها ، فمن السهل البدء في استخدام الكتل.

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

إذا كنت لا ترى القسم لسبب ما ، فابحث عن الكتل بأسمائها.

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