لماذا يجب عليك استخدام الحاجيات المخصصة Elementor

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

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

لكن أولاً ، لنبدأ بالأساسيات.

ما هي القطعة؟

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

حاليًا ، يحتوي الإصدار المجاني من Elementor على أكثر من 30 عنصر واجهة مستخدم قياسي ، بالإضافة إلى أكثر من 14 عنصر واجهة مستخدم ذات صلة بموضوعك (الرؤوس والتذييلات وصفحة 404 وما إلى ذلك).

أيضًا ، إذا كنت تستخدم المكونات الإضافية التي تأتي مع عناصر واجهة المستخدم الخاصة بها (مثل WooCommerce أو أي مكتبة من عناصر واجهة المستخدم المخصصة) ، فسترى أيضًا في قائمة Elementor:

حول الحاجيات المخصصة للعنصر

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

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

اقرأ المزيد إذا كنت تريد أن تعرف لماذا يجب أن يكون لديك مجموعة إضافية من الإضافات المدفوعة أو المجانية لـ Elementor.

لماذا استخدام الحاجيات المخصصة Elementor؟

1. اختيار غير محدود من عناصر واجهة المستخدم

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

على سبيل المثال ، أداة تمرير وسائط الصفحة الرئيسية:

الأدوات الأخرى الشائعة التي يمكنك العثور عليها في هذه المكونات الإضافية هي:

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

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

أكثر الأدوات المصغّرة الموجهة نحو WooCommerce شيوعًا هي علامات تبويب المنتج ، وقائمة المنتجات ، و Carousel المنتج ، والفئة ، والشريط المنزلق ، و Mini Cart ، والقائمة.

المصدر: الإضافات المميزة

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

هناك إضافة أخرى تستحق الذكر وهي قائمة Stratum Elementor Mega . تمامًا مثل Hotel Booking ، يأتي كقطعة واحدة ويتيح لك تعديل مظهر القائمة الضخمة الخاصة بك مباشرة في منشئ الصفحة.

2. وظائف محسنة

عندما يتعلق الأمر بمواقع الويب التي يتم إجراؤها بشكل احترافي ، فإن كل عنصر من عناصرها يهدف إلى خدمة هدف معين (على سبيل المثال ، دعوة للعمل ، معالج الحجز ، قائمة المنتجات ، إلخ). في كثير من الحالات ، يستوعب عنصر واحد أكثر من هدف. لكن أدوات Elementor الأساسية ليست مصممة لتناسب محتويات متعددة داخل عنصر واحد.

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

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

3. التصميم المتقدم

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

4. قوالب جاهزة

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

5. يوفر المال على تطوير Pro

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

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

أفضل 5 إضافات مدفوعة ومجانية

في حال كنت تتساءل ، إليك مجموعة مختارة سريعة من أفضل الإضافات المجانية على أدوات Elementor:

ملحقات عنصر الطبقة

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

قد يجد المستخدمون أن Stratum مفيدة فقط لأنها تقدم النظير الدقيق لأدوات Elementor Pro المدفوعة وعناصر واجهة مستخدم Elementor المجانية ولكن مع وظائف موسعة. يعمل Stratum بسرعة ، ولا يبطئ موقع الويب الخاص بك ، وهو متوافق تمامًا مع الوظائف الإضافية Elementor الأخرى.

يسلط الضوء:

• جميع الحاجيات التي يبلغ عددها 24+ مجانية
• 6 أدوات تمثيلية لأدوات Elementor PRO المدفوعة
• ترث الوحدات التصميم المرئي لموضوعك
• سلسلة أدوات التصميم المتقدمة
• تكامل مكتبة قالب Elementor

الإضافات الأساسية للعنصر

مع أكثر من مليون عملية تثبيت ، توفر الإضافات الأساسية أكبر عدد من عمليات التثبيت بين منافسيها في الجزء المجاني من إضافات Elementor. يوفر الإصدار المجاني أكثر من 45 عنصرًا أساسيًا ولكنه غني بالميزات مثل Form Stylers و Post و Social Media وغيرها الكثير. عدد الحاجيات الجديدة في تزايد مستمر. المكون الإضافي خفيف الوزن ولا يبطئ موقعك بسبب ميزة "التحكم المعياري" التي تتيح للمستخدمين تمكين العناصر أو تعطيلها في أي وقت.

مع Essential Addons Pro ، يمكنك الوصول إلى أكثر من 30 عنصر واجهة مستخدم متميز مثل Off-Canvas و Lightbox & Modal و Advanced Post & Gallery widgets وتأثيرات Parallax و Form Stylers وغيرها الكثير.

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

يسلط الضوء:

• الحاجيات الموجهة للتسويق
• عناصر التحكم
• عناصر نمط النموذج
• الرموز الاجتماعية
• 7+ ملحقات

الإضافات المميزة لـ Elementor

نحن ننتقل إلى Premium Addons - واحد آخر من أفضل إضافات Elementor المجانية. تعد عناصر واجهة مستخدم PA Elementor أكثر قابلية للتخصيص ، ولها بنية معيارية ، وتدعم تعطيل عناصر واجهة المستخدم غير المستخدمة من أجل تحسين الأداء. أيضًا ، يضم البرنامج المساعد بعض خيارات العرض المثيرة للاهتمام.

غالبية أدوات PA مثل خرائط Google وشبكة الصور وشريط التقدم وجدول الأسعار خالية من التكلفة. تتكون قائمة عناصر واجهة PRO من عناصر أكثر إثارة للاهتمام ، مثل Alert Box و Magic Section و Social Feed widgets والمزيد.

يسلط الضوء:

• نسخ ولصق عبر النطاقات
• شروط عرض المحتوى
• أداة قائمة المنتجات WooCommmerce
• تأثيرات عائمة
• مكتبة القوالب
• Post & Page Duplicator

ملحقات سعيدة لـ Elementor

يُطلق على Happy Elementor Addons من weDevs حقًا اسم أحد أفضل أدوات Elementor في السوق. يقدم المكون الإضافي حلولاً لمشاكل التصميم الشائعة في مجتمع Elementor. حاليًا ، تحسب المكتبة 45+ عنصر واجهة مستخدم مجاني Elementor ، بينما تضيف الحزمة المميزة أكثر من 46 عنصرًا متقدمًا في الأعلى!

يدعم الملحق التكامل مع Happy Templates مما يعني أنه يمكنك الوصول إلى أكثر من 400 تصميم مسبق.

يسلط الضوء:

• عبر النطاقات نسخ ولصق
• 400+ تصميم مسبق الصنع
• أقسام متداخلة غير محدودة
• اخفاء الصورة
• تأثير عائم
• عرض المحتوى الشرطي

إضافات PowerPack للعنصر

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

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

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

يسلط الضوء:

• منشئ رأس تذييل الصفحة
• ميزة العصا السحرية
• WooCommerce Builder
• شروط العرض المتقدمة
• أدوات توصيف المخطط
• مؤشر مخصص

خلاصة

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