Skyrocket الخاص بك موضوع Avada مع Elementor Page Builder

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

احصل على Elementor Pro

كانت Avada هي السمة المميزة رقم 1 الأكثر مبيعًا في ThemeForest على مدار السنوات الأربع الماضية.

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

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

لعرض مدى سهولة عمل Elementor & Avada معًا ، قررنا إعادة تصميم صفحة رئيسية كاملة من مجموعة Phoenix Startup UI من المصممة Dima Blover.

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

فوق قسم البطل أضعاف

2 أقسام مميزة

قسم الخدمات

قسم نموذج الاشتراك في الدعوة إلى العمل

قسم جدول الأسعار

قسم الشهادة

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

فتح تصميم صفحة كاملة

الميزات التي تحصل عليها عن طريق إضافة Elementor إلى Avada

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

أشكال التصميم بصريًا

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

جدول الاسعار

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

تأثيرات تحوم

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

خلفية متدرجة

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

مقسم الشكل

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

ظل الصندوق

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

استنتاج

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

إذا قمت بإنشاء موقع ويب خاص بموضوع Elementor + Avada ترغب في مشاركته ، يسعدنا أن نسمع عنه في التعليقات أدناه.

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