Elementor هو منشئ صفحات قوي يسمح لك بإنشاء مواقع ويب مذهلة بسهولة، وتوفر أداة Flipbox الأساسية الخاصة به طريقة بسيطة لإضافة تأثيرات تفاعلية ثلاثية الأبعاد. المشكلة؟ إنها ميزة احترافية، والتصميمات والرسوم المتحركة محدودة.
يعد Master Addons ملحقًا قويًا لـ Elementor يوفر عنصر واجهة مستخدم flipbox أيضًا. إنه مجاني ويسمح بتخصيص أكبر من عنصر واجهة مستخدم Elementors Flipbox.
باستخدام Master Addons، يمكنك إنشاء صناديق قلابة ثلاثية الأبعاد مذهلة بصريًا تعمل على نقل المستخدمين وتحويلهم وإشراكهم بطرق لا تستطيع أداة Elementor الافتراضية القيام بها.
سنوضح لك في هذا الدليل كيفية إنشاء صناديق قلابة ثلاثية الأبعاد من الدرجة الأولى باستخدام الإضافات الرئيسية وإنشاء تصميمات ملفتة للنظر ومتميزة.
إنشاء Flipbox ثلاثي الأبعاد مع الإضافات الرئيسية
دعونا نذهب لبنة تلو الأخرى وننشئ مشروعنا الخاص flipbox استخدام الإضافات الرئيسية. في النهاية، يجب أن يكون لديك فهم واضح جدًا لكيفية إنشاء فهم فريد خاص بك.
الخطوة 1: تثبيت الإضافات الرئيسية للعنصر
قبل أن تتمكن من البدء في استخدام أداة Master Addons Flipbox، ستحتاج إلى ذلك تثبيت وتنشيط البرنامج المساعد للإضافات الرئيسية. وإليك كيف:
1. في لوحة تحكم WordPress، انتقل إلى المكونات الإضافية > إضافة جديد.
2. ابحث عن إضافات “Master لـ Elementor” في شريط البحث.
3. انقر ثبت الآن و حينئذ تفعيل بمجرد تثبيت البرنامج المساعد.
بمجرد تنشيطها، ستكون عناصر واجهة المستخدم Master Addons، بما في ذلك Flipbox، متاحة داخل محرر Elementor.
الخطوة 2: إضافة عنصر واجهة المستخدم Flipbox
الآن بعد تثبيت البرنامج المساعد، دعنا نضيف Flipbox إلى صفحتك
1. افتح صفحتك في محرر Elementor. اختر Flexbox أو الشبكة كتخطيط لك.
2. على اللوحة اليسرى، ابحث عن صندوق الوجه. يجب أن ترى عنصر واجهة مستخدم Flipbox مع “أماهعلامة اسكوبية.
3. اسحب وأسقط صندوق الوجه القطعة في القسم المطلوب من صفحتك. الشيء المهم الذي يجب ملاحظته هنا هو أنه عندما تعمل مع الصناديق القابلة للطي، يكون الأمر كذلك يوصى باستخدام Flexbox للتأكد من أن صناديق الوجه الخاصة بك تبدو جيدة.
بمجرد إضافته، يظهر تصميم flipbox الأساسي على القماش الخاص بك، وهو جاهز للتخصيص.
الخطوة 3: إنشاء صندوق Flipbox ثلاثي الأبعاد
لقد وصلنا الآن إلى الإعدادات التي يمكنك تعديلها للحصول على تأثير ثلاثي الأبعاد ذو مظهر متميز على صندوق الوجه الخاص بك.
أول قبالة.
1. النمط المحدد مسبقًا
في النمط المحدد مسبقًا، قمت بتعيين اختلاف التصميم و أسلوب الرسوم المتحركة
يتيح لك شكل التصميم تخصيص الجزء الأمامي من الصندوق الخاص بك. يمكنك ضبطه على: الافتراضي, صورة, قطري, أيقونة أمامية.
باستخدام نمط الرسوم المتحركة، يمكنك اختيار كيفية تحريك صندوق الوجه الخاص بك بالضبط.
تحتوي الإضافات الرئيسية على 20+ رسوم متحركة متميزة متاحة. من الوجه الأفقي والرأسي البسيط إلى 3D الوجه، الرسوم المتحركة المكعبة، آثار التمديد، الخ.
يمنحك Master Addons رسومًا متحركة ثلاثية الأبعاد مخصصة تمنح صناديق الوجه الخاصة بك إحساسًا ديناميكيًا. يمكنك أيضًا تخصيص نمط الوجه لهذه الرسوم المتحركة. بمجرد اختياره، سيظهر خيار جديد في “أسلوبعلامة التبويب "”" ضمن الإعدادات العامة: نمط الوجه ثلاثي الأبعاد.
2. المحتوى الأمامي
انقر على صندوق الوجه القطعة لتحريره.
تحت محتوى علامة التبويب، سترى حقولًا لإضافة المحتوى الخاص بك لـ أمام صندوق. يمكنك إضافة عنوان ووصف وصورة أو أيقونة هنا.
3. المحتوى الخلفي
انتقل إلى أسفل إلى المحتوى الخلفي القسم في نفس محتوى علامة تبويب.
وبالمثل، أضف المحتوى الذي تريد ظهوره عند قلب flipbox. يمكنك إضافة عنوان أو نص أو زر استدعاء لإجراء جديد.
يمكنك تصميم جانبي flipbox بشكل منفصل باستخدام أسلوب علامة تبويب لضبط الخطوط والألوان والحشو والحدود والمزيد لكل جانب.
الخطوة 4: تحسين صناديق Flipbox ثلاثية الأبعاد بامتدادات أخرى
لا تتوقف الإضافات الرئيسية لـ Elementor عند وظيفة flipbox الأساسية فحسب، بل تنقل flipbox الخاص بك إلى مستوى جديد تمامًا مع مجموعة متنوعة من الامتدادات المصممة لإضافة التفاعل والرسوم المتحركة السلسة والتأثيرات الجذابة.
سنستكشف الميزات القوية التي تسمح لك بتحسين صندوق الوجه الخاص بك، مما يجعله أكثر ديناميكية وآسرًا بصريًا وسهل الاستخدام.
سواء كنت ترغب في إنشاء تحويلات ثلاثية الأبعاد متقدمة، أو إضافة تأثيرات اختلاف المنظر، أو تحسين الرسوم المتحركة للمدخل، فإن Master Addons يقدم كل ما تحتاجه للارتقاء بصناديق التنقل الخاصة بك إلى المستوى التالي.
يحول:
- في ال متقدم علامة التبويب، سوف تجد يحول إعدادات.
- هنا، يمكنك ضبط دوران flipbox على المحاور X أو Y أو Z لإنشاء تأثيرات ثلاثية الأبعاد أكثر تعقيدًا.
- العب مع مقياس, يترجم، و انحراف خيارات لصندوق الوجه الأكثر ديناميكية.
ريلاكس (تأثير المنظر):
- لتمكين تأثير Rellax، انتقل إلى متقدم علامة التبويب والتمرير إلى ريلاكس إعدادات.
- تمكين التأثير وضبط سرعة التمرير لإنشاء تأثير اختلاف المنظر، حيث يتحرك flipbox بسرعة مختلفة عن بقية المحتوى أثناء تمرير المستخدمين.
التأثيرات العائمة:
- أضف تأثيرات عائمة لجعل flipbox يتحرك بمهارة أثناء تفاعل المستخدم مع الصفحة. يمكن العثور على هذا الخيار تحت تأثيرات الحركة قسم.
- اختر نوع الحركة (على سبيل المثال، العائمة لأعلى أو لأسفل) واضبط الشدة حسب رغبتك.
تلميحات الأدوات:
- تتيح لك الإضافات الرئيسية أيضًا الإضافة تلميحات الأدوات إلى flipbox الخاص بك، والذي يظهر عندما يقوم المستخدمون بالتمرير فوق العناصر. يمكن أن توفر تلميحات الأدوات معلومات أو سياقًا إضافيًا دون تشويش التصميم الخاص بك.
- يمكنك تمكين وتخصيص تلميحات الأدوات لكل من المحتوى الأمامي والخلفي لصندوق الوجه ضمن الإعدادات المتقدمة.
- قم بتخصيص نص تلميح الأداة والموضع (أعلى أو أسفل أو يسار أو يمين) والنمط (الألوان وحجم الخط) ليناسب تصميمك.
بعض الامتدادات المفيدة الأخرى
- تحت تأثيرات الحركة علامة التبويب، تمكين الرسوم المتحركة المدخل لتطبيق تأثير جذب الانتباه عند ظهور flipbox على الصفحة.
- يمكنك الاختيار من بين الرسوم المتحركة المختلفة مثل التلاشي أو الانزلاق أو الارتداد لجعل flipbox الخاص بك ينبثق عند دخوله إلى إطار العرض.
- إذا كنت تريد رسمًا متحركًا سلسًا للكشف عند قلب الصندوق، فقم بتمكين يكشف الخيار تحت متقدم إعدادات.
- تتيح هذه الميزة الكشف عن المحتوى الخلفي لصندوق الوجه تدريجيًا، مما يؤدي إلى إنشاء انتقال مصقول.
- يستخدم شروط العرض لتعيين قواعد متى وأين يظهر flipbox. يمكنك التحكم في الرؤية بناءً على أنواع الأجهزة (سطح المكتب، الجهاز اللوحي، الهاتف المحمول) أو حتى ظروف مثل موضع التمرير.
معاينة ووضع اللمسات النهائية على Flipbox الخاص بك
بمجرد تخصيص صندوق الوجه الخاص بك، فقد حان الوقت لرؤيته أثناء العمل.
- انقر على أيقونة العين في الجزء السفلي من لوحة Elementor لمعاينة صندوق الوجه الخاص بك في المحرر.
- اختبر كيفية تصرف flipbox على الأجهزة المختلفة (سطح المكتب، والكمبيوتر اللوحي، والهاتف المحمول) للتأكد من استجابته ومظهره الرائع في كل مكان.
- قم بإجراء أي تعديلات نهائية على التصميم أو سرعات الرسوم المتحركة أو الموضع حتى تصبح سعيدًا بمظهره.
بمجرد الرضا، انقر ينشر لجعل flipbox الخاص بك مباشرًا على موقعك.
خاتمة
تضيف الإضافات الرئيسية لـ Elementor المزيد من الإثارة إلى تجربة flipbox القياسية، حيث تقدم مجموعة من الميزات المتقدمة التي تسمح لك بإنشاء تصميمات ديناميكية وتفاعلية حقًا.
لتتماشى مع تأثيرات الرسوم المتحركة ثلاثية الأبعاد، هناك خيارات مثل التحويلات، وتأثيرات اختلاف المنظر، وانتقالات الكشف السلس، والمزيد، يمكنك استخدامها لإضفاء الحيوية على صناديق الوجه الخاصة بك بطرق تتجاوز الرسوم المتحركة الأساسية.
باتباع هذا الدليل، يمكنك بسهولة إضافة صناديق قلابة ملفتة للنظر إلى موقعك، مما يعزز مشاركة المستخدم وجاذبيته المرئية. لذا، انغمس في Master Addons وابدأ في تجربة إنشاء صناديق قلابة ثلاثية الأبعاد مذهلة ستثير إعجاب زوار موقعك!
