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

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

أحد أفضل الأشياء في محرر جوتنبرج (Gutenberg) هو أنه يتمتع بقدر كبير من المرونة.

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

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

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

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

مقدمة عن محرر جوتنبرج (محرر الكتل في ووردبريس)

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

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

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

محرر جوتنبرج ووردبريس

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

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

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

هناك نوعان من اضافات كتل جوتنبرج في السوق:

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

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

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

Fluent Forms Gutenberg Block

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

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

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

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

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

  • الأقسام والتخطيطات
  • التسعير
  • الشهادات – التوصيات
  • الحث على اتخاذ إجراء
  • فاصل ومقسّم
  • ملف تعريف المؤلف

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

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

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

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

أنمار النقيب

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

1. Stackable (بواسطة Gambit Technologies)

Stackable Plugin

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

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

كتل جوتنبرج Stackable

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

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

ولكن فقط إذا كنت مهتمًا بمجموعات Gutenberg الفريدة من Stackable، فإليك بعض العناصر المفضلة: Team Members، و Video Popup، و Feature Grid، و Container.

2. Kadence Blocks (بواسطة Kadence WP)

Kadence Blocks Plugin

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

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

اعمدة جوتنبرج Kadence blocks

لا تقلق على الرغم من ذلك، فإن Kadence Blocks بها أكثر بكثير من Row Layout لتستخدمها:

  • Tabs
  • Column
  • Buttons
  • Headings
  • Spacer
  • Accordion
  • Icon lists
  • Testimonials
  • Image galleries
  • Info box

تتيح لك Kadence Blocks إلغاء تنشيط الكتل التي تعرف أنك لن تستخدمها، مما يساعدك في الحفاظ على محرر Gutenberg في وضع مُنضم.

3. Spectra (بواسطة Brainstorm Force)

Spectra - Ultimate addons for Gutenberg

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

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

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

  • Info box
  • Call to action
  • Multi-buttons
  • Post carousel
  • Google Maps
  • Team
  • Price list
  • والكثير من المكونات الأخرى…
كتل جوتنبرج صندوق ملاحظات

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

4. Qubely (بواسطة Themeum)

Qubely Plugin

أووه، ستكون هناك حرب منشئ صفحات تبدأ في عالم كتل Gutenberg وأعتقد أن Qubely هو الحاكم الأول بقدر ما أستطيع رؤيته.

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

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

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

5. Gutenberg Pagebuilder (بواسطة Gutentor)

Gutentor Plugin

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

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

كلمة لمن يرفضون جوتنبرج

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

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

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

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

أنمار النقيب

حول أنمار النقيب

مدون & مطور، أُشارك كل ما تعلمته حول تحسين مواقع ووردبريس للسرعة، ودروس تحسين محركات البحث (SEO). إقرأ سيرتي الذاتية لتتعلم المزيد عني.

اترك تعليقاً

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