مراجعة Elementor 2021 »الميزات والإيجابيات والسلبيات والتسعير والبرامج التعليمية

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

Elementor نشط في أكثر من 5،000،000 موقع ، مع تصنيف مذهل بنسبة 96 ٪ على أكثر من 5600 مراجعة في مستودع WordPress.

مراجعة العنصر (الميزات ، استخدام Elementor ، التسعير ، إيجابيات وسلبيات)

يساعدك Elementor على إضافة تخطيطات جديدة وتصميم متقدم وعناصر تصميم إلى موقع WordPress الخاص بك دون مطالبتك بمعرفة أي لغة ترميز. يتيح لك إصدار Elementor pro تصميم سمة كاملة.

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

Elementor pro هو أداة إنشاء الصفحات النهائية لـ WordPress ، أم أن هذا هو أحدث اتجاه فقط؟

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

تثبيت Elementor

تثبيت Elementor على موقع WordPress الخاص بك ليس عملية معقدة. إنه سهل مثل إضافة أي مكون إضافي آخر.

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

العملية سهلة للغاية ولا تتطلب منك تحميلها عبر FTP.

ومن الجدير بالذكر أن Elementor Pro هو " إضافة " للنسخة المجانية من Elementor. هذا يعني أنه يجب عليك تثبيت الإصدار المجاني لتستمتع بالميزات المتميزة.

ماذا يقدم Elementor؟

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

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

في هذا الاستعراض ، ستتعرف على ما الذي يميز Elementor ولماذا هو ناجح جدًا ، ولكن أولاً ، إليك بعض الميزات التي تبرز:

• خيارات النمط - يوفر لك Elementor خيارات نمط مفصلة لجعل تصميمك مثاليًا للبكسل دون اللجوء إلى CSS المخصص. ومع ذلك ، إذا كنت ترغب في التدريب العملي على كود تصميم CSS ، فإن Elementor يسمح لك بالقيام بذلك.
• الملاءمة - يوفر لك أدوات مفيدة لمساعدتك في إنشاء صفحات رائعة المظهر في فترة زمنية قصيرة.
• Theme Builder - توجد هذه الميزة في إصدار Pro ، حيث يمكنك تصميم قالب WordPress بالكامل باستخدام Elementor.
• المحتوى الديناميكي - تتيح لك هذه الميزة إنشاء محتوى ديناميكي من الحقول المخصصة والمكونات الإضافية مثل ACF و Pods و Toolset.
• Popup Builder - توجد هذه الميزة في إصدار Pro ، وتتيح لك إنشاء جميع أنواع النوافذ المنبثقة.
• WooCommerce Builder - يسمح لك بتصميم متجر WooCommerce الخاص بك.
• القوالب - يقدم لك Elementor مئات القوالب للاختيار من بينها ، مما يجعل عملك أسهل.

كيف يعمل العنصر

في هذا القسم ، سنلقي نظرة على كيفية عمل واجهة Elementor. دعنا أولاً نناقش الإضافة المبتكرة لـ Elementor Finder .

الباحث عن العنصر

أحد التحديات الرئيسية التي يواجهها معظم الأشخاص مع منشئي الصفحات هو أن إجراء تغيير على صفحة أو قسم يعني الخروج من لوحة معلومات WordPress أو النقر حولها.

يستغرق هذا الكثير من الوقت ويمكن أن يكون محبطًا.

ومع ذلك ، يوفر لك Elementor الباحث عن Elementor. اضغط على CTRL + E في نظام Windows أو CMD + E على أجهزة Mac لتشغيل نافذة البحث "Finder":

بدلاً من ذلك ، يمكنك أيضًا تشغيل Elementor Finder من قائمة Elementor الرئيسية:

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

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

اختصارات العنصر

إذا كنت تريد التحقق من جميع الاختصارات التي يمكنك استخدامها في واجهة Elementor ، فاستخدم CMD +؟ في نظام Mac أو Ctrl +؟ على نظام التشغيل Windows.

لوحة العنصر الجانبية

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

يمكنك بسهولة توسيع اللوحة أو تقليصها عن طريق سحبها.

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

يمكنك تمرير اللوحة الجانبية بسرعة داخل وخارج العرض بالضغط على "Ctrl + P" في نظام التشغيل Windows أو "Cmd + P" في جهاز Mac.

لاحقًا ، سنناقش إعدادات الصفحة الموجودة في الجزء العلوي الأيسر.

توجد خيارات أخرى أسفل اللوحة الجانبية:

1. إعدادات
2. Navigator - يقوم بتشغيل نافذة عائمة تسمح لك بالتنقل بين أقسام مختلفة من تخطيطك بسرعة.
3. محفوظات المراجعة - هو نسختهم من "تراجع".
4. وضع الاستجابة - يتيح لك هذا الخيار معاينة الصفحة على سطح المكتب أو الجهاز اللوحي أو الهاتف المحمول.
5. معاينة التغييرات - عند تحديث التخطيط الخاص بك ، يتم تحديثه تلقائيًا في نافذة المعاينة. يوفر هذا الوقت لأنه لا يتعين عليك التبديل إلى علامة تبويب أخرى لمعاينة تغييراتك.
6. يحفظ أو يحدّث التغييرات الخاصة بك

أخيرًا ، إذا نقرت على أيقونة الشبكة الموجودة في الزاوية اليمنى العليا ، ستعيدك إلى مكتبة العناصر:

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

بناء التخطيط

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

يؤدي النقر فوق الزر إلى فتح خيار تخطيط.

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

يمكنك البدء في استخدام العناصر ، لكننا نوصي بأن تقوم أولاً ببناء الهيكل الأساسي لصفحتك.

يقدم لك Elementor عنصرين هيكليين:

• عناصر النمط (على سبيل المثال ، إضافة خلفية إلى قسم كامل من صفحتك)
• عناصر الموقف

العناصر الهيكلية هي:

1. الأقسام - هذا هو أوسع قالب تخطيط.
2. الأعمدة - تقع داخل قسم. يمكنك إما إضافة عمود واحد أو عدة أعمدة.

إضافة عناصر جديدة

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

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

لإضافة عمود إضافي ، انقر بزر الماوس الأيمن فوق زر العمود لأي عنصر:

هذه هي النتيجة:

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

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

لضبط العرض ، مرر الماوس فوق عنصر لإظهار الحد. الخطوة التالية هي زيادة / تقليل العرض.

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

خيارات التخطيط موثوقة للغاية وتعمل بشكل جيد.

تحرير وتصميم العناصر

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

يجعل Elementor عملية التحرير بسيطة للغاية:

قد تسأل نفسك لماذا يقدمون طريقتين لتحقيق نفس الهدف. تدعم هذه الميزة أي سير عمل اعتدت عليه.

يمكن الوصول إلى قوائم " النمط " و " المتقدمة " بسهولة دون مغادرة نفس علامة التبويب.

لا يمكن التلاعب بالعناصر مثل الصور إلا من الشريط الجانبي. يتيح لك ذلك معاينة التغييرات أثناء إجرائها.

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

يتضمن Elementor أيضًا خيارات التصميم في شكل أوضاع مزج مثل عادي ، تفتيح ، لمعان ، إلخ.

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

خيارات التصميم العالمية

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

يمكنك العثور على هذه الخيارات ضمن " إعدادات الموقع ":

الحاجيات / العناصر

الأدوات هي اللبنات الأساسية التي تستخدمها لتجميع المحتوى الخاص بك معًا. يوفر لك Elementor العديد من الخيارات للاختيار من بينها. يتضمن الإصدار المحترف أدوات إضافية.

ميزة استثنائية أخرى لـ Elementor هي أنه يوفر الدعم لأدوات WordPress القياسية.

كما أنه يدعم أي عنصر واجهة مستخدم تابع لجهة خارجية قد تكون قمت بتثبيته ، مثل WooCommerce.

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

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

الحاجيات العالمية

يتيح لك Elementor إنشاء عناصر واجهة مستخدم مخصصة من عناصر المحتوى الخاصة بك.

لأغراض التوضيح ، سنقوم بسحب أداة "مربع الرمز".

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

سيؤدي هذا إلى تشغيل نافذة منبثقة.

أدخل الاسم وانقر فوق " حفظ " لإضافته إلى مكتبتك.

سيكون للعنصر حد أصفر للإشارة إلى أنه عام.

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

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

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

ومع ذلك ، إذا كنت ترغب في إجراء تغييرات على الأداة دون تطبيق هذه التغييرات على مستوى العالم ، فانقر فوق الزر " إلغاء الارتباط ".

سيؤدي هذا إلى تحويل الأداة العالمية إلى تنسيقها القياسي. ستلاحظ أن الحد الأصفر يتحول إلى اللون الأزرق.

يمكن استخدام العناصر العالمية في أي مكان على موقعك.

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

الرموز القصيرة

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

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

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

الميزات البارزة التي تجعل Elementor رائعًا

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

1. مكتبة القوالب

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

تأتي القوالب بتنسيقين:

• قوالب القسم

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

إذا كنت تريد استخدام هذا القسم مرة أخرى ، يمكنك حفظه كـ " قالب قسم ".

سيؤدي هذا إلى تشغيل نافذة جديدة حيث يُطلب منك إدخال اسم النموذج. بعد ذلك ، انقر فوق " حفظ ".

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

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

إذا كنت تستخدم أسلوب الزر "إضافة نموذج":

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

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

يمكنك إجراء تغييرات عليه قبل حفظ القسم مرة أخرى.

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

الخطوة التالية هي تحديد قالب القسم المحفوظ.

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

إذا كنت لا تتذكر اسم القسم ، فانتقل إلى لوحة المعلومات> القوالب . ستجد اسم القسم المحفوظ هنا.

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

نوصي باستخدام الزر "إضافة نموذج" بدلاً من ذلك إذا كنت تريد قسمًا ثابتًا غير مرتبط.

• قوالب الصفحة

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

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

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

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

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

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

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

يمكنك الاختيار بين "العرض الكامل" و "Elementor Canvas" وأي قالب آخر مضمن في المظهر الذي تستخدمه.

من الجدير بالذكر أن خيار " Elementor Canvas " هو مجرد قالب فارغ.

تصميمات قوالب الصفحة نظيفة واحترافية ويسهل العمل بها.

يتضمن Elementor Pro قوالب صفحة هبوط أو مبيعات مسبقة الصنع. يمكنك أيضًا بناؤها بنفسك.

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

ومع ذلك ، فإن قوالب الصفحات ليست جيدة مثل تلك الخاصة بمنشئي الصفحات المشهورين الآخرين. على سبيل المثال ، يوفر Thrive Architect صفحات مقصودة أكثر تعقيدًا ومناسبة للمسوقين. من ناحية أخرى ، تقدم Divi أكثر من 2000 قالب صفحة فردي.

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

2. ضوابط التصميم المتجاوب

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

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

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

بدلاً من ذلك ، يمكنك الضغط على "Cmd + Shift + M" على جهاز Mac أو "Ctrl + Shift + M" على جهاز الكمبيوتر لتغيير المعاينات.

يعد استخدام Elementor أحد أفضل الطرق الموصى بها لإجراء تحرير سريع الاستجابة.

3. ضوابط التخطيط

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

أنت تستطيع:

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

4. منشئ السمة

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

يتيح لك Elementor Theme Builder إنشاء رؤوس وتذييلات وعناصر تخطيط أخرى مخصصة ونشرها على موقعك. يمكن تشغيله من لوحة معلومات WordPress ضمن قوالب> مُنشئ القوالب.

انقر فوق " إضافة جديد " واختر نوع القالب. بعد ذلك ، انقر فوق " إنشاء نموذج ".

لأغراض التوضيح ، سننشئ تذييلًا جديدًا.

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

بمجرد العثور على قالب التذييل الذي تريده ، انقر فوق " إدراج ".

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

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

The Theme Builder مليء بالعديد من خيارات التخصيص. يمكنك تغيير الرؤوس والتذييلات والصفحات والمنشورات وصفحات المنتج وصفحات الخطأ.

هذه واحدة من الميزات الاستثنائية التي تميز Elementor.

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

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

لإنشاء نافذة منبثقة جديدة ، انتقل إلى القوالب> النوافذ المنبثقة . ستلاحظ أن عملية إنشاء النوافذ المنبثقة هي من لوحة معلومات WordPress وليس من مساحة عمل Elementor.

يقدم لك Elementor قوالب منبثقة مختلفة للاختيار من بينها ، مع كل شيء يناسب كل مكان تقريبًا.

يمكنك أيضًا اختيار فئة النافذة المنبثقة من القائمة المنسدلة.

انقر فوق الزر "إدراج" الأخضر في النموذج الذي تختاره.

بدلاً من ذلك ، يمكنك إغلاق نافذة المكتبة وإنشاء نافذة منبثقة من البداية.

يمكنك تعديل محتوى النافذة المنبثقة وأبعادها وشكلها ولونها وغير ذلك الكثير.

هناك العشرات من الرسوم المتحركة للدخول للتلاعب بها ضمن علامة تبويب الإعدادات المنبثقة الرئيسية:

بمجرد الانتهاء من تكوين التخطيط المنبثق ، انقر فوق " نشر ".

سيؤدي هذا الإجراء إلى تشغيل نافذة بها إعدادات للتحكم في سلوك النافذة المنبثقة:

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

بعد إنشاء نافذة منبثقة مذهلة ، تحتاج إلى دمجها مع مجيب آلي مثل MailChimp أو GetResponse أو Aweber . ومع ذلك ، فهذه ليست علاقة بالتأشير والنقر.

هذا لأنه يجب عليك الحصول على مفتاح API ثم معرفة عناصر النموذج التي تحتاج إلى تعديلها حتى تعمل.

نوصي بدمج الرد الآلي مباشرة مع Elementor لأن البرنامج المساعد لتجنب الأخطاء.

6. تاريخ التراجع والمراجعة

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

من السهل جدًا التراجع عن إجراء في Elementor. لم تكن هذه الميزة متوفرة في الإصدارات السابقة.

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

يمكنك استخدام CTRL + Z للتراجع عن التغييرات الأخيرة يدويًا. ومع ذلك ، يوفر لك Elementor وظيفة " المحفوظات " وعلامة التبويب " المراجعات ".

بمجرد النقر فوق الزر " المحفوظات " ، يتم تشغيل شاشة بها علامتا تبويب منفصلتان. علامات التبويب هذه هي الإجراءات والمراجعات.

الإجراءات هي التغييرات التي أجريتها عند تصميم التخطيط الخاص بك. هناك خيار تراجع للتراجع عن تغييراتك. هذا موثوق به ويشبه ما يتم استخدامه في برامج مثل Photoshop.

تتكون علامة التبويب "المراجعة" من قائمة بجميع التغييرات التي أجريتها حتى 30 يومًا.

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

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

قد يؤدي هذا إلى الإحباط. نوصي بحفظ عملك بعد كل مراجعة.

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

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

بشكل عام ، هذه ميزة رائعة ، لكنها تفتقر إلى المقاربة المرئية.

7. نسخ النمط ولصق النسخ

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

قدم Elementor ميزتي Copy Style و Copy Paste في 2018.

دعونا نرى كيف تعمل هذه الميزات.

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

يمكنك استخدام ميزة نسخ النمط بدلاً من ذلك عن طريق النقر بزر الماوس الأيمن داخل عنصر المصدر واختيار " نسخ ". بعد ذلك ، انقر بزر الماوس الأيمن داخل العنصر الوجهة واختر " لصق النمط ".

يمكنك إعادة تعيين النمط عن طريق النقر بزر الماوس الأيمن مرة أخرى واختيار " إعادة تعيين النمط ".

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

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

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

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

8. المصدر المفتوح

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

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

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

عندما تبحث عن الكلمة الرئيسية " Elementor " في مستودع المكونات الإضافية لـ WordPress ، سترى جميع المكونات الإضافية لجهات خارجية المصممة لتحسين Elementor. يقدم بعضها ، مثل المكون الإضافي Essential Addons For Elementor ، تحسينات كبيرة.

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

9. يقدم الدعم المتميز

تقدم Elementor دعمًا من الدرجة الأولى لجميع عملائها. لا يقدم دعم الدردشة الحية ولكن لديه مجتمع نشط يمكنك الرجوع إليه في أي وقت.

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

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

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

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

10. يترك وراء رمز نظيف عند إلغاء تنشيطه

عندما تقوم بإلغاء تنشيط Elementor ، فإنه لا يترك وراءه فوضى من الرموز القصيرة مثل WPBakery Page Builder أو Divi Builder.

إنه يترك وراءه رمزًا نظيفًا دون أي تصميم.

11. ميزات التحرير مريحة

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

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

مجاني مقابل Pro؟

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

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

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

يمكنك استخدام هذه الميزة إذا كانت الأداة يمكن أن تقدم.

يضيف Elementor Pro ميزات مثل:

• أكثر من 50 تصميمًا جديدًا لعناصر واجهة المستخدم
• منشئ الموضوع
• منشئ النوافذ المنبثقة
• قوالب إضافية
• المزيد من خيارات التصميم
• منشئ النماذج المرئية
• تكامل WooCommerce

هل من الصعب تعلم Elementor؟

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

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

من يمكنه استخدام Elementor؟

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

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

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

Elementor مناسب للأشخاص مثل:

• مدونو الميزانية - هذا لأن Elementor مجاني. يتضمن العديد من الميزات في الإصدار الأساسي ، ولكن يمكنك الترقية إلى الإصدار المتميز للحصول على ميزات متقدمة.
• المدونون المبتدئون - إنه ممتاز للمبتدئين لأنه سهل الاستخدام للغاية. كما يوفر دعمًا رائعًا حتى إذا كنت تستخدم الإصدار المجاني.
• المسوقون رفيعو المستوى - يسمح لك Elementor بدمج أكثر أجهزة الرد الآلي شيوعًا مثل MailChimp و Drip عبر API. ومع ذلك ، لا يمكنك إجراء اختبارات A / B على النوافذ المنبثقة أو الاشتراكات.

تغليف

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

الإصدار المجاني مليء بالعديد من الميزات ويقف في وجه العديد من منشئي الصفحات المتميزين.

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

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

هذا كل ما لدينا لمراجعة Elementor.

إذا فاتنا ميزة مهمة في هذه المراجعة أو كان لدينا سؤال ، فاترك تعليقًا وأخبرنا!

مقالات مماثلة

1. أفضل 30+ أفضل ملحقات WordPress للحجز عبر الإنترنت
2. 30+ من أفضل ملحقات WordPress لإدارة المخزون
3. 30+ أفضل ملحقات WordPress التابعة لجميع الشبكات التابعة
4. 30+ من أفضل ملحقات أعمدة WordPress لإنشاء تخطيطات مذهلة وإبداعية
5. 30+ من أفضل مكونات مخطط WordPress لتحسين محركات البحث على الصفحة
6. 30+ من أفضل المكونات الإضافية لقائمة WordPress لتحسين التنقل وتحسين محركات البحث
7. تخصيص الصفحة الرئيسية لموضوع WooCommerce Storefront [الدليل النهائي]
8. كيفية جعل عنوان WooCommerce Storefront شفافًا
9. كيفية إضافة إخلاء المسئولية إلى واجهة المتجر WooCommerce
10. كيفية تغيير تخطيط واجهة متجر WooCommerce
11. قائمة WooCommerce Hooks »عالمية ، عربة التسوق ، الخروج ، المنتج
12. كيفية استخدام do_shortcode في WordPress (PHP)
13. كيفية الحصول على عنوان URL الخاص بالدفع في WooCommerce
14. كيفية إزالة عنوان فئة المنتج WooCommerce
15. كيفية تغيير زر إضافة إلى عربة التسوق لقراءة المزيد WooCommerce
16. كيفية إخفاء خيار إدارة WooCommerce Marketing Hub
17. كيفية إخفاء الكمية المتوفرة في WooCommerce
18. إعادة توجيه WooCommerce بعد الخروج: إعادة التوجيه إلى صفحة الشكر المخصصة