انتقل إلى المحتوى
Elementor في 2026: كل ما تحتاج لمعرفته
Elementor📋 دليل

Elementor في 2026: كل ما تحتاج لمعرفته

Can BayarCan Bayarتحديث في: 14 دقيقة قراءة494 مشاهدة

ما الذي يجعل Elementor أكثر منشئ صفحات WordPress استخدامًا

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

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

فهم واجهة Elementor

يستبدل Elementor محرر WordPress الافتراضي بمحرر مرئي مباشر. عند النقر على "تحرير باستخدام Elementor"، يتم تحميل الصفحة في عرض مقسم: لوحة المحتوى الخاصة بك على اليمين ولوحة Elementor على اليسار.

عناصر الواجهة الرئيسية

  • اللوحة اليسرى: تحتوي على الأدوات، والإعدادات، والتنقل، ومفتاح وضع الاستجابة. يتم تنظيم الأدوات حسب الفئة (أساسي، برو، عام، موقع، WooCommerce)
  • لوحة العمل: معاينة الصفحة الحية حيث يمكنك سحب، وإفلات، وترتيب العناصر. انقر على أي عنصر لتحريره مباشرة
  • هيكل الأقسام/الأعمدة: تُبنى الصفحات باستخدام أقسام (صفوف بعرض كامل) تحتوي على أعمدة تحمل الأدوات. قدمت Elementor 3.6+ الحاويات (Flexbox) كبديل أكثر حداثة لنموذج القسم/العمود
  • المستعرض: عرض شجري لهيكل صفحتك، وهو ضروري لإدارة التخطيطات المعقدة مع العناصر المتداخلة
  • وضع الاستجابة: التبديل بين عرض سطح المكتب، والتابلت، والموبايل. يمكن تخصيص معظم الإعدادات لكل نقطة انقطاع
  • لوحة التاريخ: التراجع/الإعادة مع سجل مراجعة كامل. يمكنك العودة إلى أي حالة محفوظة سابقة

حاويات Flexbox مقابل الأقسام

يستخدم عنصر الحاوية الجديد في Elementor تخطيط CSS Flexbox، ليحل محل نظام القسم/العمود القديم. تنتج الحاويات HTML أنظف مع عدد أقل من divs التغليف، مما يؤدي إلى صفحات أخف. كما أنها توفر خيارات تخطيط أكثر مرونة بما في ذلك اتجاه الصف والعمود، والتفاف، والمحاذاة، والتحكم في الفجوات التي لم تكن ممكنة مع النظام القديم. يجب أن تستخدم المشاريع الجديدة الحاويات حصريًا. قم بتمكينها في Elementor → الإعدادات → الميزات.

نظرة عامة على مكتبة الأدوات

تُنظم مكتبة أدوات Elementor في فئات. تتضمن النسخة المجانية حوالي 40 أداة، بينما تضيف Elementor Pro أكثر من 50 أداة وميزة إضافية.

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

نظام القوالب

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

أنواع القوالب

  • قوالب الصفحات: تصميمات صفحات كاملة يمكنك استيرادها وتخصيصها
  • قوالب الأقسام: أقسام فردية (بطل، ميزات، تسعير، أسئلة شائعة) يمكنك دمجها لبناء الصفحات
  • الأدوات العالمية: أداة تم تكوينها مرة واحدة تظهر بشكل متطابق في كل صفحة تُستخدم فيها. قم بتحرير الأداة العالمية، وستقوم جميع النسخ بالتحديث في نفس الوقت — مثالي لدعوات العمل، واللافتات، ومعلومات الاتصال
  • قوالب منشئ القوالب (برو): التحكم في تصميم سمة WordPress الخاصة بك بالكامل بما في ذلك الرؤوس، والتذييلات، والمشاركات الفردية، وصفحات الأرشيف، ونتائج البحث

يتضمن Elementor مكتبة قوالب تحتوي على مئات من القوالب المصممة بشكل احترافي. يمكنك أيضًا حفظ أي قسم أو صفحة كقالب لإعادة الاستخدام وتصدير القوالب كملفات JSON للمشاركة بين المواقع.

منشئ القوالب: التحكم الكامل في الموقع

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

مناطق القوالب

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

افتح منشئ القوالب، ومنشئ النوافذ المنبثقة، وأكثر من 50 أداة برو

يوفر لك Elementor Pro التحكم الكامل في تصميم موقع WordPress الخاص بك بالكامل مع أدوات احترافية، ومحتوى ديناميكي، ومنشئ WooCommerce.

احصل على Elementor Pro →

منشئ النوافذ المنبثقة

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

محفزات النوافذ المنبثقة

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

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

منشئ WooCommerce

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

ما يمكنك تخصيصه

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

منشئ النماذج

يتضمن Elementor Pro أداة منشئ النماذج التي تتعامل مع نماذج الاتصال، ونماذج التسجيل، وتسجيلات النشرات البريدية، والنماذج متعددة الخطوات. تتكامل النماذج مع خدمات التسويق عبر البريد الإلكتروني (Mailchimp، ActiveCampaign، GetResponse، ConvertKit، Drip)، وأنظمة إدارة علاقات العملاء، وويب هوكس المخصصة. يمكن أن تؤدي تقديمات النماذج إلى تفعيل إجراءات تلقائية مثل إرسال رسائل البريد الإلكتروني، وإضافة المشتركين إلى القوائم، أو نشر البيانات إلى واجهات برمجة التطبيقات الخارجية.

المحتوى الديناميكي

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

المصادر الديناميكية

  • حقول المنشورات والصفحات (العنوان، المقتطف، المحتوى، الصورة المميزة، التاريخ، المؤلف)
  • حقول مخصصة (ACF، Pods، JetEngine، Meta Box، Toolset)
  • معلومات الموقع (عنوان الموقع، الشعار، الشعار)
  • بيانات المستخدم (اسم العرض، البريد الإلكتروني، الصورة الرمزية، الدور)
  • بيانات منتجات WooCommerce (السعر، SKU، حالة المخزون، شارة الخصم)
  • معلومات الأرشيف (اسم المصطلح، الوصف، العدد)

CSS مخصص وتنسيق متقدم

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

استخدم الكلمة الرئيسية selector كعنصر نائب لمحدد CSS للعنصر. على سبيل المثال: selector .elementor-heading-title { text-shadow: 2px 2px 4px rgba(0,0,0,0.3); }

تحرير متجاوب

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

نصائح متجاوبة

  • صمم للكمبيوتر أولاً، ثم اضبط للأجهزة اللوحية والهواتف المحمولة
  • استخدم خيار الإخفاء على الكمبيوتر/الأجهزة اللوحية/الهواتف المحمولة لإظهار تخطيطات مختلفة لكل جهاز
  • حدد أحجام الخطوط بوحدات نسبية (em/rem) أو استخدم مقياس الخط المتجاوب في Elementor
  • اختبر على أجهزة فعلية، وليس فقط المعاينة المتجاوبة - قد يختلف عرض الأجهزة الحقيقية
  • تتيح نقاط الكسر المخصصة (Pro) لك تحديد عرض الأجهزة الخاصة بك بخلاف الثلاثة الافتراضية

Elementor Free مقابل Pro: مقارنة الميزات

الميزةمجانيPro
الأدواتحوالي 40 أداة أساسيةحوالي 100 أداة إجمالاً
القوالبمكتبة محدودةمكتبة قوالب كاملة (300+)
منشئ السماتلارأس، تذييل، فردية، أرشيف
منشئ النوافذ المنبثقةلامنشئ نوافذ منبثقة كامل مع المحفزات
منشئ WooCommerceلامنتج، متجر، عربة، دفع
منشئ النماذجلانماذج مع تكاملات
المحتوى الديناميكيلاعلامات ديناميكية كاملة
CSS مخصصلاCSS مخصص لكل عنصر
خطوط مخصصةلارفع خطوط مخصصة
الأدوات العالميةلاإنشاء أدوات عالمية قابلة لإعادة الاستخدام
تأثيرات الحركةلاتأثيرات التمرير، تأثيرات الفأرة
نقاط كسر مخصصةلاتحديد عرض الأجهزة المخصصة
مدير الأدوارلاالتحكم في وصول التحرير حسب الدور
الدعممنتديات المجتمعدعم متميز
Elementor AIمحدودتوليد محتوى وصور AI كامل

للحصول على مقارنة تفصيلية بين Elementor وغيرها من منشئي الصفحات، انظر مقالاتنا مقارنة منشئي الصفحات و Elementor مقابل Gutenberg.

تحسين الأداء لمواقع Elementor

ينتج Elementor HTML وCSS وJavaScript إضافية يمكن أن تؤثر على أوقات تحميل الصفحة إذا لم تتم إدارتها بشكل صحيح. إليك استراتيجيات تحسين محددة لمواقع Elementor.

التحسينالأثركيفية التنفيذ
استخدم الحاويات بدلاً من الأقساممرتفع - عدد أقل من عناصر DOM، HTML أصغرElementor → الإعدادات → الميزات → حاوية Flexbox
تحسين الصورمرتفع - تقليل أحجام الملفات بنسبة 60-80%استخدم تنسيق WebP، التحميل الكسول، الصور المتجاوبة
تقليل عدد الأدواتمتوسط - عدد أقل من العناصر = أقل CSS/JSاجمع النصوص في عدد أقل من الأدوات، تجنب الفواصل الفارغة
تقليل CSS العالميمتوسط - ورقة أنماط أصغرElementor → الإعدادات → النمط → خطوط عامة افتراضية
استخدم مكون إضافي للتخزين المؤقتمرتفع - تقديم صفحات HTML مخزنة مؤقتًاWP Rocket، LiteSpeed Cache، أو W3 Total Cache
تحسين خطوط Googleمتوسط - تقليل حظر العرضElementor → الإعدادات → متقدم → تحميل خطوط Google
تنظيف CSS غير المستخدمةمتوسط - إزالة الأنماط للأدوات غير المستخدمةElementor → الإعدادات → الأداء → تحسين تحميل CSS
تعطيل الأدوات غير المستخدمةمنخفض-متوسط - يمنع تحميل JS/CSS غير المستخدمةاستخدم مدير الأدوات المدمج في Elementor أو Element Pack lite

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

نظام الإضافات

يمتد نظام مزدهر من الإضافات الخارجية لـ Elementor مع أدوات إضافية، وميزات، وتكاملات. تشمل الإضافات الشائعة:

  • الإضافات الأساسية لـ Elementor: أكثر من 90 أداة بما في ذلك جداول البيانات، جداول الأسعار، الجدول الزمني للمحتوى،accordion المتقدم، ومعرض قابل للتصفية
  • Happy Addons Pro: أكثر من 110 أداة مع نسخ ولصق عبر النطاق، تصاميم مسبقة، وميزات متقدمة مثل مقارنة الصور وتأثيرات الجزيئات
  • JetEngine: إطار محتوى ديناميكي مع أنواع منشورات مخصصة، حقول مخصصة، مُنشئ استعلام، وقوائم ديناميكية
  • PowerPack: أكثر من 80 أداة بما في ذلك قائمة متقدمة، أدوات WooCommerce، شروط العرض، وحماية المحتوى
  • Jetelements: أدوات إضافية تركز على عناصر التصميم مثل البارالاكس، الجزيئات، والنصوص المتحركة

Elementor AI

تم إطلاق Elementor AI في عام 2023 وتم توسيعه بشكل كبير في 2025-2026، حيث يدمج الذكاء الاصطناعي مباشرة في المحرر. يمكنك إنشاء محتوى نصي، إنشاء وتحرير الصور، توليد كود CSS مخصص، والحصول على اقتراحات تخطيط دون مغادرة واجهة Elementor. الذكاء الاصطناعي مفيد بشكل خاص في توليد النصوص الأولية للأقسام، إنشاء صور مؤقتة أثناء التصميم، وكتابة CSS مخصص للتأثيرات التي لا تتوفر من خلال الواجهة المرئية. يحصل المستخدمون المحترفون على قدرات ذكاء اصطناعي موسعة تشمل حدود استخدام أعلى والوصول إلى نماذج متقدمة.

نصائح سير العمل لتصميم أسرع

  • ابدأ بقالب: حتى لو كنت تخطط للتخصيص بشكل كبير، فإن البدء بقالب أسرع من البدء من الصفر
  • أنشئ نظام تصميم: حدد ألوانك العالمية، الخطوط، وأنماط الأزرار قبل بناء الصفحات. تتيح لك إعدادات Elementor العالمية تعيين هذه العناصر على مستوى الموقع
  • استخدم الأدوات العالمية: للعناصر التي تتكرر عبر الصفحات (CTAs، نماذج النشرة الإخبارية، معلومات الاتصال)، أنشئ أداة عالمية واحدة فقط
  • انسخ والصق الأنماط: انقر بزر الماوس الأيمن على أي عنصر لنسخ نمطه، ثم ألصقه على عنصر آخر
  • اختصارات لوحة المفاتيح: Ctrl+Z (تراجع)، Ctrl+S (حفظ)، Ctrl+Shift+M (وضع الاستجابة)، Ctrl+I (المستعرض)
  • استخدم الباحث: Ctrl+E يفتح بحثًا سريعًا للانتقال إلى أي صفحة، قالب، أو إعداد
  • احفظ بشكل متكرر: يقوم Elementor بالحفظ التلقائي، لكن الحفظ اليدوي يضمن الحفاظ على عملك

قم بتوسيع Elementor مع أكثر من 90 أداة احترافية

تضيف Essential Addons for Elementor Pro جداول بيانات، جداول أسعار، خطوط زمنية للمحتوى، معارض قابلة للتصفية، وعشرات من الأدوات الأخرى إلى مجموعة أدواتك.

احصل على Essential Addons Pro →

للمزيد من التفاصيل، يرجى الرجوع إلى الوثائق الرسمية: مركز مساعدة إليمينتور, وثائق مطوري إليمينتور.

أسئلة متكررة

هل يبطئ Elementor موقعي الإلكتروني؟

يضيف Elementor كود الواجهة الأمامية (HTML، CSS، وJS) الذي يمكن أن يزيد من وزن الصفحة. ومع ذلك، مع التحسين المناسب - باستخدام الحاويات، تقليل عدد الأدوات، تمكين تحميل CSS المحسن، واستخدام إضافة التخزين المؤقت - يمكن لمواقع Elementor تحقيق أوقات تحميل سريعة. العديد من المواقع ذات الحركة العالية التي تستخدم Elementor تحقق نتائج جيدة في Core Web Vitals. المفتاح هو اتباع ممارسات بناء منضبطة بدلاً من تجنب الأداة تمامًا.

هل يمكنني استخدام Elementor مع أي سمة WordPress؟

يعمل Elementor مع معظم سمات WordPress. ومع ذلك، تقدم بعض السمات تكاملًا أعمق مع Elementor مع توافق الرأس/التذييل، تنسيق متسق، وأدوات Elementor مخصصة. السمات مثل Astra وGeneratePress وOceanWP وHello (سمة Elementor الخاصة) مُحسّنة خصيصًا لـ Elementor وتوفر تجربة أكثر سلاسة.

ما الفرق بين Elementor Free وPro؟

يوفر Elementor Free المحرر المرئي الأساسي مع حوالي 40 أداة، قوالب أساسية، وعناصر تحكم استجابة. يضيف Elementor Pro أكثر من 50 أداة إضافية، مُنشئ السمات، مُنشئ النوافذ المنبثقة، مُنشئ WooCommerce، مُنشئ النماذج، محتوى ديناميكي، CSS مخصص، أدوات عالمية، تأثيرات حركة، ودعم متميز. بالنسبة لمواقع الأعمال، يُعتبر Pro ضرورة عملية.

هل يمكنني استخدام Elementor لمتاجر WooCommerce؟

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

كيف يقارن Elementor بـ Gutenberg في عام 2026؟

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

كيف يمكنني الانتقال من منشئ صفحات آخر إلى Elementor؟

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

ما هي حاويات Elementor وهل يجب أن أستخدمها؟

الحاويات هي نظام التخطيط الحديث في Elementor المعتمد على CSS Flexbox. تحل محل نموذج القسم/العمود القديم بعنصر مرن واحد يمكن أن يعمل كقسم وعمود في آن واحد. تنتج الحاويات HTML أنظف، عدد أقل من عناصر DOM، وتخطيطات أكثر مرونة. يجب أن تستخدم جميع المشاريع الجديدة الحاويات حصريًا. يمكن للمواقع الموجودة الانتقال تدريجيًا من خلال إعادة بناء الأقسام كحاويات.

هل يمكنني بناء موقع متعدد اللغات باستخدام Elementor؟

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

كيف يمكنني إضافة خطوط مخصصة إلى Elementor؟

يتضمن Elementor Pro ميزة الخطوط المخصصة تحت Elementor → الخطوط المخصصة. قم بتحميل ملفات الخط الخاصة بك (يوصى بـ WOFF2 لأداء الويب) وستكون متاحة في قائمة الخطوط في جميع أنحاء المحرر. بالنسبة لـ Elementor Free، يمكنك استخدام إضافة مثل Custom Fonts أو إضافة إعلانات @font-face عبر functions.php في سمة موقعك أو إضافة CSS مخصصة.

هل يستحق Elementor Pro التكلفة؟

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

الأسئلة الشائعة

هل Elementor مجاني أم مدفوع؟
يوجد إصدار مجاني من Elementor يحتوي على أدوات تحرير أساسية وأدوات بسيطة. تبدأ النسخة المدفوعة Elementor Pro من 59 دولارًا سنويًا لموقع واحد وتضيف بناء القوالب، أدوات WooCommerce، بناء النوافذ المنبثقة، أداة النماذج، المحتوى الديناميكي، وأكثر من 50 أداة إضافية.
هل يعمل Elementor مع أي قالب ووردبريس؟
نعم. يتوافق Elementor مع معظم قوالب ووردبريس. يعمل بشكل أفضل مع القوالب الخفيفة مثل Hello (القالب الرسمي لـ Elementor)، Astra، GeneratePress، وOceanWP التي تمنح الباني السيطرة الكاملة على تصميم الصفحة.
هل يمكنني بناء موقع كامل باستخدام Elementor؟
نعم. يتضمن Elementor Pro بناء القوالب المخصص لأدوات WooCommerce لصفحات المنتجات، أرشيفات المتجر، عربة التسوق، صفحات الدفع، وصفحات الحساب. يمكنك إنشاء تصميمات صفحات منتجات وتجارب تسوق مخصصة دون الحاجة إلى البرمجة.
هل Elementor مناسب لمواقع التجارة الإلكترونية؟
نعم. يضيف Elementor إطار عمله CSS وJavaScript، مما يزيد من وزن الصفحة. قم بتمكين تحميل الأصول المحسن في إعدادات Elementor، واستخدم استضافة محسنة للأداء، وادمج مع إضافة تخزين مؤقت لتقليل تأثير الأداء.
كيف يؤثر Elementor على سرعة الموقع؟
نعم. يدعم Elementor تصدير واستيراد القوالب بتنسيق JSON. يمكنك حفظ أي قسم، صفحة، أو تصميم كامل كقالب واستيراده على موقع آخر يعمل بـ Elementor. يعمل مزامنة الأدوات العالمية داخل نفس الموقع.
هل يمكنني تصدير واستيراد تصميمات Elementor بين المواقع؟
نعم. يدعم Elementor تصدير واستيراد القوالب بتنسيق JSON. يمكنك حفظ أي قسم، صفحة، أو تصميم كامل كقالب واستيراده على موقع آخر يعمل بـ Elementor. تعمل مزامنة الأدوات العالمية ضمن نفس الموقع.

شارك هذا المقال

عن الكاتب

Can Bayar
Can Bayar

خبير ووردبريس

مطور ووردبريس أول بخبرة تزيد عن 10 سنوات في تطوير الإضافات والقوالب. متخصص في WooCommerce و Elementor وتحسين الأداء.

ووردبريسووكومرسإليمنتورPHPجافاسكريبتتحسين الأداء

ابق على اطلاع

احصل على أحدث نصائح ودروس ووردبريس في بريدك الإلكتروني.