مراجعة العنصر: صمم مدونتك باستخدام أداة إنشاء الصفحات هذه

نشرت: 2020-11-10

تريد بناء موقع الويب الخاص بك؟

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

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

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

لدينا الكثير لتغطيته ، لذلك دعونا نتعمق فيه.

جدول المحتويات

  • 1. ما هو Elementor؟
  • 2. Elementor الميزات الرئيسية
  • 3. التعرف على واجهة Elementor
  • 4. تسعير العنصر: Pro مقابل Free
  • 5. هل Elementor يصعب إتقانه؟
  • 6. من يجب أن يحصل على Elementor؟
  • 7. Elementor الأسئلة المتداولة
  • 8. أفكار ختامية

    ما هو العنصر؟

    ما هو العنصر
    • حفظ

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

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

    ومع ذلك ، كان من المحتم أن تتعلم القليل من الترميز لبناء موقع أصلي 100٪.

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

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

    كان ذلك قبل ظهور أدوات إنشاء الصفحات مثل Elementor في الصورة.

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

    إليك نظرة سريعة على واجهة Elementor:

    معاينة العنصر
    • حفظ

    الميزات الرئيسية للعنصر

    لبدء تشغيل هذه المراجعة ، دعنا ننتقل إلى ميزات Elementor الرئيسية بسرعة حقيقية.

    1. محرر مباشر بالسحب والإفلات

    هل تريد معرفة أفضل جزء في إنشاء مواقع الويب؟

    الضغط على حفظ ومعاينة التغييرات الخاصة بك.

    يتيح لك Elementor تجربة الشعور بالإنجاز أثناء عملك من خلال المحرر المباشر. يستخدم ما يُعرف في عالم البرامج باسم "ما تراه هو ما تحصل عليه" أو محرر WYSIWYG.

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

    Elementor Live Editor
    • حفظ

    هذا أيضًا يجعل من السهل تعديل خصائص العنصر ، مثل الأبعاد والعتامة وأنماط الحدود.

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

    أجزاء من Elementor Live Editor
    • حفظ

    2. مجموعة ضخمة من الحاجيات

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

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

    في غضون ثوانٍ ، يمكنك إدراج مربع مؤلف ، وعنوان متحرك ، ودائرة - أي شيء تحتاجه تقريبًا في موقع الويب.

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

    كيفية البحث عن عناصر واجهة المستخدم Elementor
    • حفظ

    3. كتل وصفحات مصممة مسبقًا

    هل تريد تقليل ساعات أكثر من وقت تطوير الويب الخاص بك؟

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

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

    اختصار Elementor Library
    • حفظ

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

    مكتبة كتل العنصر
    • حفظ

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

    بعض الأمثلة هي صفحات "قيد الإنشاء" وصفحات مقصودة وصفحات "حول".

    قوالب صفحة العنصر
    • حفظ

    4. البناء فوق أي موضوع WordPress

    إذا لم تكن معتادًا على منشئي الصفحات ، فقد تشعر بالقلق إذا كان Elementor متوافقًا مع قالب WordPress الحالي الخاص بك.

    كن مطمئنًا أنه مصمم للعمل بسلاسة مع أي سمة WordPress.

    وإذا لم تكن قد انتهيت من تصميم مدونتك حتى الآن ، فاختر أيًا من سمات Elementor هذه.

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

    يمكن أن تحتوي مناطق المحتوى على أعمدة متعددة بناءً على "البنية" التي تختارها.

    تراكيب قسم المحتوى Elementor
    • حفظ

    5. Popup Builder

    في تصميم الويب ، من المهم تحديد العناصر الأساسية للصفحة وكيفية إبرازها.

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

    طريقة فعالة للقيام بذلك هي تقديم تلك العناصر عبر "النوافذ المنبثقة" الذكية التي لا تعطل تجربة المستخدم.

    خمين ما؟ يمكنك أيضًا عمل تلك باستخدام Elementor.

    حتى أن هناك مكتبة كاملة من القوالب المنبثقة القابلة للتخصيص في متناول يدك.

    قوالب العنصر المنبثقة
    • حفظ

    يتيح لك Elementor Popup Builder تقديم أي شيء بدءًا من مربعات الاشتراك في البريد الإلكتروني وحتى نماذج "الخروج من الهدف" عبر النوافذ المنبثقة.

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

    6. WooCommerce Builder

    هل تريد استثمار موقع WordPress الخاص بك عن طريق بيع الأشياء؟

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

    تعمل المنصة من خلال WooCommerce ، وهي عبارة عن منصة للتجارة الإلكترونية مصممة خصيصًا لـ WordPress.

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

    وهنا بعض الأمثلة:

    • القطعة صور المنتج
    • القطعة زر "إضافة إلى عربة التسوق"
    • أداة تسعير المنتج
    • أداة فتات الخبز WooCommerce
    • القطعة صور المنتج

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

    الآن بعد أن غطينا بعض الميزات الرئيسية لـ Elementor ، دعنا نلقي نظرة عميقة على قدرات النظام الأساسي.


    التعرف على واجهة Elementor

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

    إذا كان لديك موقع WordPress موجود بالفعل ، ففكر في تثبيت الإصدار المجاني من Elementor لمتابعة هذا البرنامج التعليمي.

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

    كيفية تثبيت Elementor على WordPress
    • حفظ

    إطلاق Elementor

    هناك طريقتان لتشغيل Elementor من لوحة معلومات WordPress.

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

    تحرير باستخدام زر Elementor
    • حفظ

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

    زر إنشاء منشور جديد
    • حفظ

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


    العمل مع العناصر

    على الجانب الأيسر ، ستجد اللوحة الرئيسية حيث يمكنك العثور على الأدوات وتغيير الإعدادات والمزيد.

    الكشف الكامل: أنا أستخدم Elementor مع نظام التشغيل الخاص بي في الوضع "Dark" ، ولهذا السبب قد تبدو لقطات الشاشة مختلفة.

    لوحة العنصر الرئيسية
    • حفظ

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

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

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

    قسم المحرر المباشر
    • حفظ

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

    من أجل هذا الدليل ، دعنا نضيف عنوانًا متحركًا.

    إضافة عنوان متحرك
    • حفظ

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

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

    كيفية تحرير إعدادات عنصر
    • حفظ

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

    بالنسبة لمحتوى العنوان المتحرك ، يمكنك تغيير نمط الرسوم المتحركة والشكل والنص والمحاذاة والارتباط وعلامة HTML.

    يجب أن تكون الواجهة سهلة بما يكفي حتى للمستخدمين غير البارعين في مجال التكنولوجيا.

    تحرير العنوان المتحرك
    • حفظ

    يمكنك تغيير المزيد من الإعدادات بالتبديل إلى علامتي التبويب "النمط" و "المتقدم".

    مرة أخرى ، تعتمد الإعدادات المتاحة على العنصر الذي تقوم بتحريره.

    ضمن علامة التبويب "النمط" ، يمكنك تغيير لون الشكل المتحرك وسمكه وسلوكه. يمكنك أيضًا اختيار خط ولون نص جديدين لعنوانك.

    النمط وعلامات التبويب المتقدمة
    • حفظ

    قراءة سهلة؟

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

    اقتراحي لك هو التحقق من كتل Elementor المجانية عن طريق تنزيل المكون الإضافي بنفسك.

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


    ضبط أقسام المحتوى

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

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

    أقسام Elementor Live Editor
    • حفظ

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

    زر إضافة قسم
    • حفظ

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

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

    تمت إضافة قسم جديد
    • حفظ

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

    عند القيام بذلك ، سيضعه Elementor في أسفل عنصر قمت بإنشائه مسبقًا.

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

    إضافة قسم جديد
    • حفظ

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

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

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

    كيفية إضافة عمود جديد
    • حفظ

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

    إليك ما يبدو عليه القسم المكون من ثلاثة أعمدة:

    قسم مع ثلاثة أعمدة
    • حفظ

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

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

    كيفية ضبط حدود العمود مباشرة
    • حفظ

    لتعديل مظهر العمود ، انقر فوق الزر "تحرير العمود" .

    يمكنك تغيير تخطيط العمود ونمطه وإعداداته المتقدمة من اللوحة اليمنى. بعض الخيارات التي يمكنك تعديلها هي خلفية العمود وحدوده والمؤثرات الخاصة و CSS المخصص.

    إعدادات نمط العمود
    • حفظ

    هل تريد طريقة أسرع لإنشاء الأعمدة؟

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

    بعد إنشاء قسم جديد ، يمكنك اختيار هيكل بالنقر على زر "زائد" في المركز.

    كيفية إضافة هيكل إلى قسم
    • حفظ

    سيتم عرض معاينة الهياكل المتاحة لمساعدتك في اختيار الهيكل الذي تريد استخدامه.

    حدد الهيكل الخاص بك
    • حفظ

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

    بعد تحديد القسم ، انقر فوق الزر "تحرير القسم" من الشريط العلوي.

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

    تغيير هيكل القسم
    • حفظ

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


    إنشاء الحاجيات العالمية

    مثل ما تراه حتى الآن؟

    لا يزال لدى Elementor الكثير من الحيل تحت جعبته.

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

    لنفترض أنك تريد إنشاء زر CTA فريد لكتابك الإلكتروني.

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

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

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

    تعلم أداة التدوين العالمية
    • حفظ

    لإنشاء عنصر واجهة مستخدم عالمي ، ابدأ بعنصر أساسي للبناء عليه.

    لنفترض أنك تريد إنشاء زر CTA قابل لإعادة الاستخدام كما فعلت.

    من لوحة Elementor الرئيسية ، ابحث عن أداة "Button" وأضفها إلى صفحتك.

    إنشاء أداة عالمية
    • حفظ

    يمكنك بعد ذلك البدء في تخصيص الأداة بالطريقة التي تريدها.

    دعونا نجعل الأمر بسيطًا عن طريق تغيير لون وخط زر CTA الخاص بنا.

    إذا كنت منتبهًا ، فستعرف أنه يمكننا القيام بذلك من خلال الانتقال إلى علامة التبويب "النمط".

    تخصيص نمط القطعة
    • حفظ

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

    حفظ كقائمة سياق عنصر واجهة المستخدم العالمية
    • حفظ

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

    حفظ القطعة العالمية
    • حفظ

    تهانينا - لقد قمت للتو بإنشاء أول عنصر واجهة مستخدم عالمي باستخدام Elementor.

    يجب أن تتمكن الآن من العثور عليه ضمن علامة التبويب "العالمية" ، التي عرضتها عليك سابقًا.

    علامة التبويب الحاجيات العالمية
    • حفظ

    هل تريد إجراء تحديثات على عنصر واجهة المستخدم العالمية؟

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

    تحرير القطعة العالمية
    • حفظ

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

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

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


    تسعير العنصر: Pro vs Free

    الآن ، يجب أن تعرف ما يكفي عن Elementor لتقرر ما إذا كان الأمر يستحق وقتك وأموالك.

    بالنظر إلى الميزات التي ناقشناها حتى الآن ، هناك فرصة جيدة - على الأقل - تفكر فيها.

    أعلم أنني فعلت ذلك في المرة الأولى التي سمعت فيها عن موضوع موسيقى Elementor.

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


    على أي حال ، ربما تشعر بالفضول بشأن تكلفة ذلك.

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

    الأخبار السيئة؟

    إنه ليس قريبًا من قوة Elementor Pro.

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


    ميزات Elementor Pro

    أولاً ، إليك الأشياء التي ستفتقدها إذا التزمت بالإصدار المجاني من Elementor:

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

    عناصر Elementor Pro

    تجدر الإشارة أيضًا إلى أن ترقية Elementor Pro تمنح الوصول إلى قائمة طويلة من الأدوات المفيدة.

    فيما يلي بعض الأمثلة:

    • العنوان المتحرك
    • القطعة المشاركات
    • معرض الصور
    • أداة المحفظة
    • نموذج مخصص
    • نموذج تسجيل الدخول
    • الشرائح
    • قائمة الاسعار
    • جدول الاسعار
    • صندوق الوجه
    • قائمة الإبحار
    • CTA المرئي
    • Blockquote
    • مكتبة الوسائط
    • دائري التزكية
    • العد التنازلي
    • مراجعات المستخدم
    • تعليقات الفيسبوك
    • تضمين الفيسبوك
    • أدوات WooCommerce
    • العد التنازلي

    يمكنك العثور على هذه الأدوات تحت قسم "Pro" من لوحة Elementor الرئيسية.

    الحاجيات Elementor Pro
    • حفظ

    ما الذي يمكنك الحصول عليه مجانًا من Elementor؟

    لذلك ، أنشأنا أن Elementor Pro يتيح لك إنجاز الكثير من الأشياء الرائعة.

    السؤال هو ، ما الذي تقدمه نسخة Elementor المجانية إلى الطاولة؟

    الكثير من الميزات ، في الواقع.

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

    الحاجيات الحرة Elementor
    • حفظ

    بصرف النظر عن الأدوات المصغّرة المجانية ، يتيح لك Elementor أيضًا الاستفادة من الميزات التالية دون شحن سنت واحد:

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

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

    في الجزء السفلي من لوحة Elementor الرئيسية ، انقر فوق وضع "Respive" وانقر فوق الجهاز الذي تريد محاكاته.

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

    طرق عرض وضع الاستجابة
    • حفظ

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

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

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

    يتكامل أيضًا مع Rank Math   - مكوّن إضافي شائع يمكن أن يساعد في تحسين مُحسّنات محرّكات البحث لموقع WordPress الخاص بك.

    هذا بغض النظر عما إذا كنت تستخدم Elementor Pro أو الإصدار المجاني فقط.

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

    باستخدام تكامل Elementor ، يمكنك الوصول إلى ميزات Rank Math من خلال الانتقال إلى علامة التبويب "SEO" من اللوحة اليمنى.

    ميزات Rank Math SEO
    • حفظ

    أعجب حتى الآن؟

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

    ومع ذلك ، إذا كنت تفكر في شراء Elementor Pro ، فمن المحتمل أنك مهتم بشيء واحد.


    كم تكلفة Elementor Pro؟

    الآن - لسؤال المليون دولار.

    كم تكلفة Elementor Pro؟

    تعتمد رسوم Elementor Pro السنوية على عدد المواقع التي تريد استخدامها عليها.

    • شخصي (جيد لموقع واحد) - 49 دولارًا سنويًا
    • بالإضافة إلى (جيد لـ 3 مواقع) - 99 دولارًا في السنة
    • خبير (جيد لـ 1،000 موقع) - 199 دولارًا سنويًا

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

    تسعير العنصر
    • حفظ

    حسنًا - ربما تتوقع خصمًا ضخمًا من Elementor Pro في هذه المرحلة.

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

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

    للاستفادة من هذه الهدايا المجانية ، استخدم هذا الرابط.


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

    Elementor بالتأكيد ليس من الصعب تعلمه.

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

    ومع ذلك ، فإن مسألة ما إذا كان من الصعب إتقان Elementor أم لا تعتمد على تعريفك لـ "إتقان".

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

    هناك أيضًا ميزات مثل Popup Builder التي تضخم ديناميكيات بناء الموقع.

    قصة قصيرة طويلة ، أعتقد أن الأمر سيستغرق وقتًا طويلاً قبل أن تسمي نفسك "سيد العنصر". لكن بالتأكيد لن يمر وقت طويل قبل أن تتمكن من القيام ببعض الأشياء الرائعة بها.


    من يجب أن يحصل على Elementor؟

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

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

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

    لتبسيط الأمور ، يجب أن تفكر بجدية في الحصول على Elementor Pro إذا كنت:

    • مدون مؤسس مع إستراتيجيات تسييل حركة المرور
    • رائد أعمال في التجارة الإلكترونية يستخدم WooCommerce
    • Blogger الذي يريد تسريع توليد العملاء المحتملين ونتائج التحويل
    • مطور الويب الذي يحتاج إلى سير عمل أكثر انسيابية

    انقر هنا للحصول على Elementor Pro.


    الأسئلة المتداولة حول العنصر

    هل سيعمل Elementor على موضوعي؟

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

    ما هو Elementor Pro؟

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

    هل هناك نسخة تجريبية مجانية من Elementor؟

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

    هل يبطئ Elementor موقعي؟

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


    افكار اخيرة

    يعد Elementor منشئ صفحات رائعًا أوصي بثقة أي شخص يريد إنشاء موقع ويب جميل.

    ما زلت غير متأكد مما إذا كانت ستكون إضافة رائعة إلى مربع أدوات التدوين الخاص بك؟

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

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

    تذكر ، في Master Blogging ، أن أولويتي القصوى هي تزويد القراء بالأدوات التي يحتاجونها للنجاح.

    Elementor هي واحدة من تلك الأدوات.

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

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

    ابدأ في تصميم صفحاتك باستخدام Elementor

    مكافآت العنصر

    هل جعلك تقييم Elementor الخاص بي مهتمًا بأخذ الإصدار المحترف؟

    لماذا لا تحصل على بعض المساعدة الإضافية لبدء رحلة Elementor مع مكافآت Elementor الحصرية هذه.

    • حفظ

    إليك ما ستحصل عليه:

    • المكافأة رقم 1: قوالب العناصر الجاهزة : ستحصل على جميع القوالب الخاصة بي التي أستخدمها شخصيًا لتصميم كل صفحة على مدونتي بما في ذلك الصفحة الرئيسية ، وحول الصفحة ، وصفحة مبيعات الكتاب الإلكتروني ، والرأس والتذييل ، وصفحة الأدوات ، وما إلى ذلك. قم باستيرادها في حسابك وسيكون لديك على الفور موقع مشابه لمدونتي. لا تتردد في تعديله هنا وهناك لمنح مدونتك مظهرًا فريدًا.
    • المكافأة رقم 2: دورة Elementor التدريبية بقيمة 47 دولارًا : بمجرد التحقق من عملية الشراء ، سأمنحك أيضًا الوصول إلى دورة Elementor التدريبية (في غضون 4-5 أيام) حتى تتمكن من معرفة كيفية الاستفادة المثلى من Elementor pro .

    هل أنت مهتم بالحصول على هذه المكافآت؟ احصل على Elementor Pro من هذا الرابط وأرسل إيصال الشراء على بريدي الإلكتروني من هنا.

    مراجعة العنصر
    • حفظ