تعرف علي أفضل 5 إضافات كتل جوتنبرج لتصميم موقع سريع وأنيق في 2024

أحد أفضل الأشياء في محرر Gutenberg هو أنه يوفر قدرًا كبيرًا من المرونة.

يعد محرر Gutenberg أكثر من مجرد سلسلة من الكتل الافتراضية التي تتيح لك إضافة فقرات وصور وأزرار وقوائم إلى محتوى موقعك.

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

اليوم أشارككم الأفضل.

لكن أولاً سنتعلم المزيد عن محرر جوتنبرج وسأشرح الفرق بين كتل جوتنبرج ذات الغرض الواحد ومكتبات جوتنبرج.

مقدمة إلى محرر Gutenberg (محرر الكتل في WordPress)

يقوم محرر WordPress الجديد بإنشاء المحتوى باستخدام الكتل.

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

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

ماذا لو كنت تريد تخطيطات جميلة؟ لا يتعين عليك ترميز قالب مخصص؛ يمكنك إنشاء كتل خاصة بك باستخدام “Layout Blocks” التي تضيف تخطيطات متعددة الأعمدة والتي تضيف إليها كتل محتوى أخرى.

رائع حقًا، أليس كذلك؟

أنواع إضافات Gutenberg للووردبريس

هناك نوعان من المكونات الإضافية لكتلة Gutenberg في السوق:

1. إضافات الكتل ذات الغرض الواحد

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

وخير مثال على ذلك هو كتلة Fluent Forms، استنادًا إلى المكون الإضافي لنموذج الاتصال Fluent Forms:

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

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

2. إضافات مكتبة جوتنبرج

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

وخير مثال على ذلك هو الكتل الذرية. يأتي مع كتل مثل:

  • الأقسام والتخطيطات
  • الأسعار
  • الشهادات – التوصيات
  • دعوة للعمل
  • فاصل وموزع
  • الملف الشخصي للمؤلف

توفر وظيفة إضافية مثل هذه القدرة على استيعاب حالات الاستخدام المتعددة.

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

الآن بعد أن عرفت الفرق بين المكونات الإضافية للكتل ذات الغرض الواحد والمكونات الإضافية لمكتبة الكتل، دعنا نلقي نظرة على أفضل المكونات الإضافية لكتلة Gutenberg لموقع الويب الخاص بك على WordPress.

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

أنمار الكابتن

أفضل المكونات الإضافية لحظر Gutenberg لتصميم موقع ويب سريع وأنيق

1. قابل للتكديس (بواسطة شركة Gambit Technologies)

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

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

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

  • خلفيات الصور أو الفيديو
  • الصور الثابتة
  • تأثيرات خلفية لونية واحدة أو متدرجة
  • خيارات التأثير عند التمرير

ولكن في حال كنت مهتمًا بمكعبات Gutenberg الفريدة من نوعها الخاصة بـ Stackable، فإليك بعض المفضلة: أعضاء الفريق، والفيديو المنبثق، وشبكة الميزات، والحاوية.

2. كتل كادينس (بواسطة Kadence WP)

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

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

ومع ذلك، لا تقلق، فإن Kadence Blocks لديها الكثير مما يمكنك استخدامه بخلاف تخطيط الصف:

  • نوافذ التبويب
  • عمود
  • الاختبارات
  • رؤساء
  • فاصل
  • الأكورديون
  • قوائم الأيقونات
  • الشهادات – التوصيات
  • معارض الصور
  • صندوق المعلومات

تتيح لك Kadence Blocks إلغاء تنشيط الكتل التي تعرف أنك لن تستخدمها، حتى تتمكن من إبقاء محرر Gutenberg تحت السيطرة.

3. الأطياف (بواسطة قوة العصف الذهني)

يتم تقديم Spectra إليك من قبل نفس الشركة التي تقف وراء موضوع Astra. لذلك من الآمن أن نقول إنهم يعرفون ما يفعلونه عندما يتعلق الأمر بهذه الأنواع من الوظائف الإضافية.

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

كتل إضافية تشمل:

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

يمكنك مشاهدة العروض التوضيحية لجميع الكتل وترى بنفسك كيف ستبدو على موقعك.

4. كوبيلي (على ثيميوم)

أوه، حرب إنشاء الصفحات على وشك أن تبدأ في عالم كتل جوتنبرج وأعتقد أن كوبيلي هو الحاكم الأول، على حد علمي.

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

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

التصميمات التي تم إنشاؤها مسبقًا هي الأكثر صقلًا من بين أي مكتبات جماعية رأيتها. يمكنك مقارنة موقع Qubely وGutentor بنفسك وسترى أن Qubely تبدو وكأنها شركة تطوير أفضل مع تصميم أفضل.

5. منشئ صفحات جوتنبرج (بواسطة جوتنتور)

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

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

كلمة لأولئك الذين يرفضون جوتنبرج

أعلم أن بعض الأشخاص يخشون الضياع مع WordPress ولا يريدون التبديل إلى Gutenberg. كثير منهم جادلوا معي.

رسالتي هي: “لا تقلق”.

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

لا يقتصر الأمر على مستقبل WordPress فحسب (إنه في الواقع الوضع الحالي لـ WordPress). قد لا يعجبك كيف يبدو ذلك، ولكن ما يعنيه في الواقع هو أن كتل جوتنبرج ستستمر في التحسن والتنافس مع بعضها البعض للحصول على أكبر قدر ممكن من حصة السوق. سيكون لديك المزيد من القوة والحرية والمرونة أكثر من أي وقت مضى… و… سيكون موقعك أقل مرونة بكثير مما هو الحال مع أداة إنشاء الصفحات.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Scroll to Top