7 أفضل ملحقات WordPress Icon Box (مجانية ومدفوعة)

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

ولكن عندما يتعلق الأمر بالمكونات الإضافية، يمكن أن يكون هناك الكثير من الخيارات. وهذا هو بالضبط موضوع هذا المنشور: تابع القراءة لتتعرف على أفضل المكونات الإضافية لمربع أيقونات WordPress!

ما هو صندوق الأيقونات؟

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

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

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

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

أفضل 7 ملحقات لصندوق أيقونات ووردبريس

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

1. القطعة مربع أيقونة ElementsKit

إحصائيات البرنامج المساعد:

• التثبيت النشط: 1+ مليون (نسخة مجانية)
• التقييم: 5.0 أو أعلى
• الأنسب لـ : صندوق أيقونات متعدد الأغراض.

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

تعمل أداة ElementsKit Icon Box على تسهيل كل شيء مثل الرمز والعنوان والوصف والزر والميزات الفريدة الأخرى مثل الشارة والعلامة المائية . الميزة الكبيرة لهذا البرنامج المساعد من حيث وظيفة مربع الأيقونات هي مجموعته الواسعة من الرموز. سيكون لديك إمكانية الوصول إلى Font Awesome- Regular، وFont Awesome- Solid، وFont Awesome- Brands، وElementsKit Icon Pack.

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

الايجابيات:

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

سلبيات:

• يأتي كملحق لجهة خارجية.

2. القطعة أيقونة العنصر

إحصائيات البرنامج المساعد:

• التثبيت النشط: 5+ مليون (نسخة مجانية)
• التقييم: 4.6 أو أعلى
• الأنسب لـ : صندوق أيقونات متعدد الأغراض.

مكون إضافي مجاني آخر يمكنك استخدامه على موقع WordPress هو Elementor Icon Widget. ما أعجبني في هذا البرنامج الإضافي هو أنك لا تحتاج إلى تثبيت أي مكونات إضافية كما تفعل مع ElementsKit. حيث تحتاج إلى تثبيت كل من Elementor وElementsKIt. وواجهة المستخدم سهلة الاستخدام للمبتدئين.

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

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

الايجابيات:

• تخصيص الأيقونة وتحديد موقعها.
• تطبيق تأثيرات الرسوم المتحركة عند التمرير.
• احصل على خيارات التصميم للطباعة.
• مربع رمز الاستجابة للجوال.

سلبيات:

• لا يمكن إضافة أي شارة أو علامة مائية أو زر.

3. لوحات Colorbox وصندوق المعلومات

إحصائيات البرنامج المساعد:

• التثبيت النشط: 1,000+
• التقييم: 4.6 أو أعلى
• الأنسب لـ : صندوق أيقونات متعدد الأغراض.

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

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

الايجابيات:

• يأتي مع خيارات ألوان واسعة.
• يسهل خمسة تخطيطات مربع.
• يدعم أيقونة Font Awesome ومتكامل مع منتقي الأيقونات.
• متكامل مع منشئ السحب والإفلات.
• متوفر مع تأثيرات البناء والنظائر.
• خياران مختلفان لعرض الأيقونات.

سلبيات:

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

4. صندوق أيقونة Betheme

إحصائيات البرنامج المساعد:

• الأنسب لـ : صندوق أيقونات متعدد الأغراض.

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

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

الايجابيات:

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

سلبيات:

• تحتاج إلى دفع ثمن الخطة الكاملة.

5. عرض صندوق الخدمة

إحصائيات البرنامج المساعد:

• التثبيت النشط: 5,000+
• التقييم: 4.8 أو أعلى
• الأنسب لـ : مربع الأيقونات القائم على الخدمة.

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

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

شيء جيد آخر في المكون الإضافي Service Box Showcase هو أنه يتيح لك إضافة زر قراءة المزيد والذي يتوفر فقط في الإصدار الاحترافي من المكون الإضافي السابق.

الايجابيات:

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

سلبيات:

• تم تطويره لغرض واحد.
• تتوفر معظم الميزات في الإصدار المحترف.

6. صندوق الخدمة

التثبيت النشط : 500+

التقييم : 5.0

الأنسب لـ : مربع الأيقونات القائم على الخدمة.

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

الايجابيات:

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

سلبيات:

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

7. صندوق المعلومات (كتلة جوتنبرج)

التثبيت النشط : 1000+

التقييم : 5.0

الأنسب لـ : صندوق أيقونات متعدد الأغراض.

آخر مكون إضافي نريد إضافته إلى هذه القائمة هو Info Box، هذا المكون الإضافي لـ WordPress تم تطويره لمحرر Gutenberg. فهو يتيح لك إنشاء مربع أيقونات مخصص بالكامل لموقع ويب Gutenberg الخاص بك.

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

الايجابيات:

• واجهة بديهية تعتمد على جوتنبرج.
• يمكن أن تظهر صورة بدلا من أيقونة.
• احصل على ميزات التخصيص لتصميم الأيقونة.
• احصل على عناصر تحكم لتصميم جميع العناصر مثل العنوان والعنوان الفرعي والزر.

سلبيات:

• ليس لديك أي ميزة شارة أو علامة مائية.

كيفية اختيار أفضل مكون إضافي لـ WordPress Icon Box

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

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

حدد متطلباتك

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

خيارات التخصيص

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

واجهة المستخدم

إن وجود لوحة معلومات معقدة يمكن أن يجعل تصميم مربع الأيقونات الخاص بك أكثر صعوبة. للقيام بذلك، يجب أن يكون لديك واجهة مستخدم مع تحكم أسهل في الإعدادات. يجب أن يكون لديك مكون إضافي يتمتع بخبرة بناء WYSIWYG. يسهل البرنامج المساعد Elementor أو ElementsKit مثل هذه الميزة.

تخطيطات مسبقة الصنع

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

الرسم المتجاوب

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

تعارضات البرنامج المساعد

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

الكلمات الأخيرة

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

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