أداة Elementor FlipBox: إنشاء بطاقات تحوم تفاعلية (برنامج تعليمي مجاني)

دليل عناصر واجهة المستخدم Elementor Flip Box يظهر صورة تظهر بطاقة قابلة للطي في حالتها الأمامية مع رمز وعنوان وسهم وحالتها الخلفية باللون الأرجواني مع وصف وزر الحصول على عرض أسعار، المسمى 30+ رسوم متحركة، أداة مجانية، لا يلزم وجود Pro

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

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

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

ما هو الصندوق الوجه في الواقع

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

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

أربعة أنماط تتعامل معها بشكل جيد:

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

هل يحتوي Elementor على عنصر واجهة مستخدم لصندوق الوجه؟

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

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

طريقتكلفةما يكلفك
صندوق Elementor Pro Flip Boxرخصة مدفوعةيحتاج إلى Pro في كل موقع تقوم بإنشائه. يغطي تأثيرات الوجه والشرائح والتكبير/التصغير الأساسية.
تحويل CSS ثلاثي الأبعاد مشفر يدويًاحرلا يوجد تحرير مرئي. حسنًا حتى يطلب العميل تغيير النسخة وتعود إلى ورقة الأنماط.
الإضافات الرئيسية Flipboxحرمكون إضافي آخر. تم تصميم كلا الوجهين في المحرر العادي، مع إعدادات مسبقة وأكثر من ثلاثين رسمًا متحركًا.
إضافات مجانية أخرىحريقوم كل من Fancy Elementor Flipbox وHappyAddons بذلك. أنت تعتمد دورة تحديث مكون إضافي آخر في كلتا الحالتين.

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

قبل أن تبدأ

  • WordPress مع تثبيت Elementor ونشطه.
  • الإضافات الرئيسية لـ Elementor مثبتة ونشطة. إنه مجاني على WordPress.org ويعمل على 30،000+ موقع.
  • الرموز والنسخ ورابط الوجهة لكلا الوجهين. فرز هذه أولا. تصميم البطاقة أثناء اختراع النسخة هو الطريقة التي ينتهي بها الأمر باستخدام “Lorem ipsum” على صفحة مباشرة.

قم ببناء صندوق الوجه، خطوة بخطوة

الخطوة 1: تمكين عنصر واجهة المستخدم Flipbox

يحتفظ Master Addons بكل عنصر واجهة مستخدم خلف مفتاح التبديل حتى لا يتم تحميل العناصر التي لا تستخدمها أبدًا. انتقل إلى الإضافات الرئيسية → الإعدادات، افتح عناصر علامة التبويب، ابحث عن Flipbox، قم بتشغيله، واحفظه.

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

الخطوة 2: قم بإسقاط الأداة على الصفحة

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

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

تم البحث في لوحة عناصر واجهة المستخدم Elementor مع Flipbox وأداة Master Addons Flipbox جاهزة للسحب على اللوحة القماشية

الخطوة 3: اختر نسخة مختلفة من التصميم

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

تعرض علامة التبويب محتوى Flipbox في Elementor قسم Style Preset مع عناصر التحكم في Design Variation وAnimation Style

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

محدد تباين التصميم لعنصر واجهة المستخدم Elementor flip box الذي يعرض الإعدادات المسبقة المتاحة لتخطيط الوجه الأمامي

الخطوة 4: اختر الرسوم المتحركة

يحمل القائمة المنسدلة لأسلوب الرسوم المتحركة أكثر من ثلاثين تأثيرًا. ينقسمون إلى أربع مجموعات:

  • الوجه الأفقي / الوجه العمودي. دوران البطاقة الكلاسيكي على كل محور. قابلة للقراءة، والإعداد الافتراضي الآمن عندما لا يكون لديك سبب لاختيار أي شيء آخر.
  • مكعب (من أعلى إلى أسفل، من أسفل إلى أعلى، من اليسار، من اليمين). دوران مكعب ثلاثي الأبعاد بين الوجوه. دراماتيكي. استخدمه على البطل، وليس على شبكة مكونة من ثمانية.
  • 3d الوجه، التلاشي، التلاشي، الانقلاب. يكشف Softer للصفحات التي لديها بالفعل حركة في مكان آخر.
  • اتجاهات الشريحة وقطري. الوجه الخلفي يدفع من الجانب أو الزاوية. تُقرأ هذه الأشياء جيدًا على الهاتف المحمول، حيث يمكن أن يكون الدوران ثقيلًا.

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

يتم فتح القائمة المنسدلة لأسلوب الرسوم المتحركة في أداة Elementor flip box التي تعرض خيارات الوجه والمكعب والتلاشي والتمرير والشريحة

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

الخطوة 5: اكتب الوجه الأمامي

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

  • نمط الأيقونة والأيقونة. اسحب من مكتبة الأيقونات أو قم بالتبديل إلى الصورة. تقوم الإضافات الرئيسية بشحن المزيد مكتبات الأيقونات ما وراء الخط رائع إذا كنت في حاجة إليها.
  • عنوان. ثلاث إلى خمس كلمات. يجب أن يبقى على سطر واحد بعرض الجهاز اللوحي.
  • وصف. سطر واحد. يحتوي كل من حقلي العنوان والوصف على اكتب باستخدام الذكاء الاصطناعي خيار مدمج في اللوحة إذا كنت عالقًا.
  • المحاذاة والعنوان علامة HTML. من H1 إلى H6. تعيين هذا بشكل صحيح. شبكة مكونة من ستة صناديق قابلة للطي مع عناوين H2 داخل قسم يحتوي بالفعل على H2 تمنحك سبعة H2s على الصفحة وأداة تدقيق تشير إليها. تنطبق نفس العناية على أي كتلة متكررة في أ تخطيط العنصر المخصص.
عناصر التحكم في محتوى الصندوق الأمامي لعنصر واجهة مستخدم Elementor flip box مع حقول علامات HTML للأيقونة والعنوان والوصف والعنوان

الخطوة 6: اكتب الوجه الخلفي

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

القاعدة التي تجعل هذا القسم مفيدًا: الجبهة تقدم وعدًا، والظهر يحتفظ به. إذا كانت الواجهة الأمامية تقول “Web Design”، فإن الخلفية تقول ما تم تضمينه بالفعل وروابط للصفحة. شخص ما يحوم لأن الجبهة التقطتهم. رد ذلك بالمعلومات وليس بشعار آخر.

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

عناصر التحكم في محتوى Back Box لعنصر واجهة مستخدم Elementor flip box مع حقول الأيقونات والعنوان والوصف الخاصة به

الخطوة 7: أضف زر الإجراء

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

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

قسم زر الإجراء في عنصر واجهة المستخدم Elementor flip box الذي يعرض نص الزر وحقول الارتباط

الإعداد الوحيد الذي يصلح معظم شكاوى الصناديق القابلة للطي

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

اضبطه.

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

200px هي أرضية معقولة. 350px يناسب معظم الشبكات المميزة. اضبطها مرة واحدة على مستوى الحاوية وتتطابق كل بطاقة في الصف.

علامة تبويب النمط قسم عام لعنصر واجهة مستخدم Elementor flip box الذي يوضح ارتفاع Flip Box وعناصر التحكم في الحدود

أثناء تواجدك بشكل عام، حافظ على مدة الرسوم المتحركة بين 400 مللي ثانية و700 مللي ثانية. يقرأ أسرع على أنه خلل. أبطأ وقد تحرك المؤشر قبل انتهاء الوجه.

تصميم الوجهين

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

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

لوحة تصميم الصندوق الأمامي لعنصر واجهة المستخدم Elementor flip box مع عناصر التحكم في الخلفية والطباعة ولون الأيقونات

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

ثلاثة صناديق قابلة للطي للعنصر مرتبة في حاوية صندوق مرن بثلاثة أعمدة بارتفاعات متطابقة
ثلاث بطاقات في حاوية مرنة، ارتفاعات متطابقة.

جعل البطاقة بأكملها قابلة للنقر عليها

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

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

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

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

الجوال: الجزء الذي يجذب الناس

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

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

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

مما يؤدي إلى القاعدة التي تهم أكثر من أي اختيار للتصميم هنا

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

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

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

إمكانية الوصول، بصراحة

يخفي الصندوق القابل للطي نصف محتواه خلف تفاعل لا يستطيع مستخدم لوحة المفاتيح وقارئ الشاشة القيام به بالطريقة التي يستطيع بها مستخدم الماوس. يستحق الفرز قبل بدء تشغيل القسم، وليس بعده.

شيئان يجعلانه قابلاً للدفاع عنه:

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

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

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

متى تتخطى الصندوق القابل للطي

ثلاث حالات حيث تخدمك أداة مختلفة بشكل أفضل.

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

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

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

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

مجاني مقابل برو

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

ميزةحربرو
أداة Flipbox، جميع أشكال التصميم المختلفةنعمنعم
جميع الرسوم المتحركة 30+ الوجهنعمنعم
تصميم منفصل لكلا الوجهيننعمنعم
Flip Box الارتفاع وأدوات التحكم سريعة الاستجابةنعمنعم
امتداد رابط الغلافنعمنعم
مكتبة عناصر واجهة مستخدم كاملة 80+جزئينعم
منشئ القطعة ومجموعات القوالبلانعم
دعم الأولويةمجتمعنعم

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

الأسئلة المتداولة

ما هو الصندوق القابل للطي في Elementor؟

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

هل أداة flip box مجانية في Elementor؟

تعد أداة Flip Box الخاصة بـ Elementor جزءًا من Elementor Pro، لذا فهي ليست مجانية. تم تضمين أداة Master Addons Flipbox في البرنامج الإضافي المجاني على WordPress.org وتعمل مع Elementor العادي، حتى تتمكن من إنشاء واحدة بدون ترخيص Pro.

كيف يمكنني إضافة عنصر واجهة مستخدم flip box في Elementor؟

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

لماذا لا يتم قلب صندوق الوجه الخاص بي مرة أخرى على الهاتف المحمول؟

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

هل يمكنني استخدام صورة بدلاً من أيقونة في المقدمة؟

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

هل يمكنني جعل صندوق الوجه بأكمله قابلاً للنقر عليه، وليس الزر فقط؟

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

كيف يمكنني الاحتفاظ بجانبي البطاقة بنفس الحجم؟

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

كم عدد الرسوم المتحركة القابلة للطي التي تحتوي عليها الأداة؟

أكثر من ثلاثين، بما في ذلك Flip Horizontal وVertical، والاتجاهات المكعبة الأربعة، و3d Flip، وFade، وFade Up، وRollover، واتجاهات الشريحة والقطرية. اخترت واحدة لكل بطاقة.

صورة روي جيمي
روي جيمي
أنا Roy Jemee وContent Wrangler وMarketer في Pixar Labs، وأعمل على Master Addons for Elementor. أكتب البرامج التعليمية، وأسجل مقاطع الفيديو، وأبقي الوثائق محدثة، حتى تعرف دائمًا كيفية استخدام كل ميزة. أنا أيضًا أتعامل مع الدعم، لذا إذا واجهت مشكلة، فأنا الشخص الذي يساعدك على إصلاحها. إجابات حقيقية، من شخص يستخدم هذه الأدوات كل يوم.
بيع سبتمبر

40% خارج كل شيء

كل خطة Master Addons Pro، سنوية وعمرية. رمز واحد، ثمانية أيام.

00أيام
00ساعة
00دقيقة
00ثانية

ينتهي يوم الاثنين 14 سبتمبر، الساعة 23:59 بالتوقيت الشرقي

  • شخصي1 موقع 129 دولارًا77 دولارًا
  • عمل5 مواقع 199 دولارًا119 دولارًا
  • مطورمواقع غير محدودةالأفضل للوكالات 599 دولارًا359 دولارًا

ادفع مرة واحدة. لا يوجد تجديد، على الإطلاق.

رمز القسيمة ماليفي40
احصل على خصم 40% الآن
  • 30،000+ عمليات تثبيت نشطة
  • 4.5/5 من 212 تقييمًا
  • استرداد الأموال لمدة 14 يومًا