معظم قوالب شريط تمرير Elementor التي تجدها عبر الإنترنت هي نفس شريط التمرير. الصورة كاملة العرض، والنص فوق المنتصف، والأسهم على الجانبين، التالي.
هؤلاء العشرون ليسوا كذلك. يقوم المرء بثني الشرائح حول حافة الدائرة. يقوم أحد الدبابيس بتثبيت الإدخالات على جدول زمني مؤرخ حيث يتم رسم الفجوات بين السنوات حسب الحجم. يقوم أحدهم بتحويل قائمة الصفوف إلى نظام التنقل نفسه. ثمانية منها تستورد إلى البرنامج الإضافي Master Addons المجاني بدون ترخيص Pro، وهو ما انهيار الحرة مقابل الاحترافية قم بالتعمق في الأمر، وكل واحد من العشرين لديه عرض توضيحي مباشر يمكنك فتحه والتحدث إليه واستراحةه قبل أن تقرر ما إذا كنت تريد ذلك أم لا.
أدناه: كل تصميم، وما هو جيد بالفعل، والملاحظة الصادقة حول أي منها يمثل فكرة سيئة لموقعك. بالنسبة للدوارات التقليدية للمكون الإضافي إلى جانب هذه، ابدأ من محور القطعة دائري.
التصاميم العشرين في لمحة
اختر ما تقوم ببنائه، وليس ما يبدو أفضل في لقطة الشاشة. سيؤدي تدفق الغلاف الذي يبدو مذهلاً على المحفظة إلى دفن شبكة المنتج.
| # | تصميم | حركة | الأفضل ل | طبقة |
|---|---|---|---|---|
| 01 | ميريديان Coverflow | عمق 3D، لوحات دوارة | دراسات الحالة والمحافظ | برو |
| 02 | كونسرتينا الأكورديون | تتوسع اللوحات عند التحليق | صفحات الخدمة، الفئات | برو |
| 03 | تراكب أومبرا | يكشف التعليق على الصورة | التصوير الفوتوغرافي، التحرير | برو |
| 04 | سطح الطبقة | بطاقات مكدسة، وتقشير البطاقة العلوية | شهادات، جولات مميزة | برو |
| 05 | تقسيم منصف | نصفين، في اتجاهين متعاكسين | أقسام البطل، المقارنات | برو |
| 06 | صعود عجلة الفأر | عجلة التمرير تدفع الشريحة | طويلة، رواية القصص | برو |
| 07 | الوجه المحوري | الوجه ثلاثي الأبعاد على المحور Y | قبل/بعد، بطاقات الفريق | برو |
| 08 | قوس منحني | الشرائح تركب حافة الدائرة | المجموعات والكتالوجات | برو |
| 09 | فسيفساء تيسيرا | خلط بلاط الشبكة | المعارض والصفحات ذات الصور الثقيلة | برو |
| 10 | تعرج السحب | سحب مجاني، تمرير الزخم | المحافظ والكتب | برو |
| 11 | ستارة لائحة | تتراجع الألواح مثل الستائر | إطلاق، يكشف البطل | برو |
| 12 | هالة المدار | مدار دائري حول المركز | خطوات العملية والنظم البيئية | برو |
| 13 | قاعدة البطل المنزلق | مبادلة فورية، مرحلة النزيف الكامل | أبطال الصفحة الرئيسية | حر |
| 14 | منزلق مؤشر دفتر الأستاذ | قائمة الصفوف تقود الصورة | المجموعات والمحفوظات | حر |
| 15 | معرض لوحة فيترين | شريط الصور المصغرة، لوحة البيانات | التصوير الفوتوغرافي | حر |
| 16 | كتالوج صفح صفح | شبكة صفحات ثلاثة في وقت واحد | الكتالوجات وشبكات الميزات | حر |
| 17 | نشرة اللوحات المبوبة | شريط علامات التبويب، ولوحات التحرير | مقارنات، الغطس العميق | حر |
| 18 | شريط تمرير اقتباس المنصة | اقتباسات متدرجة مع التقدم | الشهادات والمراجعات | حر |
| 19 | التقويم الزمني المنزلق | إدخالات على محور مؤرخ | التاريخ والمعالم | حر |
| 20 | منزلق ميزة كيستون | انقر للترويج، الوجه الحركة | الغرف والمساحات والمعارض | حر |
ما تحتاجه لتشغيل هذه
العنصر المجاني يكفي للصفحة نفسها. الانقسام في التصاميم:
- التصاميم من 13 إلى 20 مجانية. يقومون بالاستيراد من خلال Master Addons → Widget Builder → استيراد Widget على البرنامج الإضافي المجاني: لا يوجد ترخيص Pro، ولا نسخة تجريبية، ولا بطاقة. يهبط كل واحد في لوحة Elementor ضمن المفضلة مع عناصر التحكم الخاصة به.
- تحتاج التصميمات من 01 إلى 12 إلى Master Addons Pro. لقد بنوا على كامل منشئ القطعة، وهي ميزة احترافية.
ما لا يحتاج إلى أي شيء: العروض التوضيحية المباشرة. افتح أيًا من العشرين، وقم بتغيير حجم المتصفح، واسحب شريحة، وشاهد كيف يتصرف على إطار عرض بعرض الهاتف. هذا لا يكلف شيئًا، وهي الطريقة الوحيدة للحكم على ما إذا كان نمط الحركة يناسب المحتوى الخاص بك.
يقوم البرنامج الإضافي المجاني أيضًا بشحن عناصر واجهة المستخدم الدائرية التقليدية (Image Carousel، وLogo Slider، وTeam Slider، وأداة Blog في وضع دائري) وكلها مغطاة في صفحة عناصر واجهة المستخدم الدائرية المرتبطة في المقدمة.
01. ميريديان Coverflow

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

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

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

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

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

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

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

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

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

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

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

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

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

العرض المباشر تحميل القطعة JSON
عمود من صفوف الإدخال بجانب لوحة كبيرة. اختر صفًا واللوحة وختمها وتبديل التسميات التوضيحية الخاصة بها لتتناسب. القائمة هي التنقل، دون الحاجة إلى أسهم، على الرغم من وجودها هناك.
وهذا يعكس مشكلة الرف الدائري المعتادة. يقوم شريط التمرير العادي بإخفاء كل شيء باستثناء الشريحة الحالية؛ هنا يكون جدول المحتويات الكامل مرئيًا طوال الوقت، والصورة هي عرض التفاصيل. يوجد تبديل تحديد عند التمرير إذا كنت تريد أن تستجيب الصفوف قبل النقر.
استخدمه من أجل: المجموعات والمحفوظات وقوائم الأعمال: في أي مكان تحمل العناوين معلومات حقيقية.
احترس: الصفوف تبيع النقرة. “Item 1، Item 2، Item 3” يهدر التصميم بأكمله؛ كتابة عناوين الصفوف مثل العناوين الرئيسية.
15. معرض لوحة فيترين (مجاني)

العرض المباشر تحميل القطعة JSON
لوحة واحدة أسفل شريط من الصور المصغرة، مع لوحة لاصقة بجانبها تحمل التسمية التوضيحية وجدول بيانات الإطار: المكان، الوقت، العدسة، الفتحة، الغالق، ISO. الإطارات تحل محل تماما؛ لا شيء ينزلق.
إذا بحثت في شريط تمرير الصور “elementor مع الصور المصغرة، فسيتم تصميم هذا المنتج للمصورين. جميع ملصقات جدول البيانات قابلة للتحرير، بحيث يمكن للمطبعة تحويل العدسة/الفتحة إلى ورق/طبعة، ويمكن للمتحف تحويلها إلى متوسطة/تاريخ/مصدر.
استخدمه من أجل: محافظ التصوير الفوتوغرافي، والتصوير الفوتوغرافي للأشياء، ومعارض تفاصيل المنتج. للحصول على نفس شكل اللوحة والقلم المصغر الذي يحتوي على فيديو، راجع دليل معرض المنزلق.
لا تستخدمه من أجل: الصور التي لا تستحق البيانات الوصفية. تُقرأ لوحة البيانات الفارغة كصفحة غير مكتملة.
16. كتالوج صفح الصفحات (مجاني)

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

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

العرض المباشر تحميل القطعة JSON
لوحة اقتباس بجانب صورة شخصية، تم تمريرها بشيفرون. شريط التقدم ومسار الإحصاء حيث أنت، ويمكن لأزرار الخطوات تسمية الصوت الذي ستنتقل إليه، مثل “التالي: Amara Okafor” بدلاً من سهم مجهول.
هذه الخطوة المسماة هي التفاصيل التي تستحق السرقة. تفقد دوارات الشهادات القراء عند الانتقال، لأن السهم لا يعد بأي شيء. الاسم هو سبب للنقر. علامة الاقتباس عبارة عن عنصر تحكم نصي قابل للتحرير أيضًا، لذا يمكن ضبطها على الحرف الرسومي الأيمن للغة الموقع، أو إزالتها.
استخدمه من أجل: الشهادات والمراجعات واقتباسات العملاء. هناك جولة كاملة في دائري الشهادة، ويمكنك أن ترى عروض أسعار العملاء الحقيقية على موقعنا.
احترس: يحمل ثلاثة أصوات، وكل منها يحصل على المسرح بمفرده. اختر أفضل ثلاثة اقتباسات لديك، وأبقيها قصيرة بما يكفي لقراءتها في نفس واحد.
19. شريط تمرير الجدول الزمني للتقويم (مجاني)

العرض المباشر تحميل القطعة JSON
الإدخالات المثبتة على محور مؤرخ. يتم حساب مواضع علامة التجزئة من السنوات التي تكتبها، وبالتالي فإن التباعد حقيقي وليس زوجيًا. 1994 و1996 قريبان من بعضهما البعض، و1996 و2011 متباعدان، والفجوة تحكي قصتها الخاصة. مشط العقد فوق القاعدة يعطي التباعد مقياسًا للقراءة مقابله.
تقوم كل أداة أخرى للمخطط الزمني بتباعد إدخالاتها بالتساوي، وهو ما يكمن بهدوء في التاريخ. هذا لا يحدث، وهذا يجعله التصميم الأكثر رأيًا في المجموعة. إنها أيضًا أعمق لوحة هنا، عند 143 عنصر تحكم، لأن المحور والمشط وحالات العلامة يتم تصميمها بشكل منفصل عن الإدخالات.
استخدمه من أجل: تاريخ الشركة، ومعالم المشروع، وسجلات التغيير، والسجلات ذات الفجوات ذات المغزى. للحصول على نسخة ثابتة، هناك البرنامج التعليمي الجدول الزمني باستخدام القطعة الأسهم.
لا تستخدمه من أجل: محتوى غير مؤرخ. المحور هو التصميم؛ بدون سنوات حقيقية لا يوجد شيء يمكن رسمه.
20. منزلق ميزة كيستون (مجاني)

العرض المباشر تحميل القطعة JSON
عنصر واحد مميز كبير؛ والباقي ينتظر على الحائط بجانبه، كل منهم يحمل رقمه واسمه فقط. انقر فوق القمر الصناعي وتم ترقيته إلى الميزة، وتنقلب الصناديق إلى أماكنها الجديدة بدلاً من النقل الآني، لذلك تتبع عينك المبادلة بدلاً من فقدانها.
تحمل الميزة لوحة من ثلاث حقائق. لقد تم بناؤه للغرف والمساحات والمعارض الدوارة، وهذا هو النطاق الصادق: فهو يقدم مجموعة صغيرة من الأشياء المميزة واحدًا تلو الآخر، مع وضع الآخرين في طوابير واضحة.
استخدمه من أجل: غرف المكان، ومساحات الاستوديو، والمعارض، ومحفظة من ثلاث إلى خمس قطع.
احترس: تعرض الأقمار الصناعية الرقم والاسم فقط، لذا يجب أن تقوم الميزة بالإقناع. قم بالقيادة باستخدام أقوى عنصر لديك، لأن معظم الزوار لا ينقرون عليه أبدًا.
كيفية استيراد قالب شريط التمرير إلى Elementor
أربع خطوات، حوالي تسعين ثانية. نفس التدفق للتصميمات المجانية والمحترفة، ومختلفة عن استيراد قالب العنصرلأنه يتم تسجيل التصميم كعنصر واجهة مستخدم بدلاً من تخطيط الصفحة.
- قم بتنزيل ملف JSON الخاص بالتصميم من صفحتها التجريبية. ملف واحد لكل تصميم.
- انتقل إلى الإضافات الرئيسية → منشئ عناصر واجهة المستخدم في مسؤول WordPress الخاص بك وانقر فوق استيراد عنصر واجهة المستخدم.
- قم بإسقاط JSON على منطقة الإسقاط. يتم تسجيل التصميم كأداة لها عناصر التحكم الخاصة بها: المحتوى والألوان والطباعة ونقاط التوقف. يتم استيراد التصميمات الثمانية المجانية على البرنامج الإضافي المجاني؛ تطلب تصميمات Pro الاثني عشر ترخيص Pro هنا.
- اسحبه إلى الصفحة من لوحة Elementor، حيث تظهر ضمن المفضلة، وقم بتبديل محتوى العنصر النائب بمحتوى العنصر النائب الخاص بك.
لا يمس الاستيراد السمة الخاصة بك، ولا يضع أي شيء في قائمة الانتظار عالميًا، ولا ينشئ رمزًا قصيرًا. يصبح عنصر واجهة مستخدم في اللوحة مثل أي عنصر آخر.
هل تعمل أشرطة التمرير هذه على الهاتف المحمول؟
جميع العشرين ممكّنة باللمس وسريعة الاستجابة. أربعة يغيرون السلوك بدلاً من مجرد القياس
- كونسرتينا الأكورديون يتحول من التمرير للتوسيع إلى النقر للتوسيع.
- صعود عجلة الفأر يسقط التقاط العجلة ويستخدم التمرير.
- تعرج السحب يحافظ على السحب ولكنه يقصر الزخم حتى لا يتجاوز النقر المسار بأكمله.
- منزلق مؤشر دفتر الأستاذ يقوم بتكديس الفهرس أعلى اللوحة، ثم يعود التحديد عند التمرير للنقر.
تحافظ الأجهزة الثمانية المجانية أيضًا على تشغيل التنقل عبر لوحة المفاتيح افتراضيًا، ويستجيب Plinth Hero وRostrum Quote لإيماءات التمرير خارج الصندوق. اختبر الفسيفساء على هاتف حقيقي وليس في محاكي جهاز المتصفح، لأن منافذ العرض التي تمت محاكاتها لا تنتج تكلفة تخطيط Android متوسطة المدى، والفسيفساء هي المكان الذي يظهر فيه ذلك أولاً.
أي واحد يجب عليك اختياره فعلا؟
إذا كنت عالقًا، فهذه تغطي معظم المواقع
- المحفظة أو الوكالة: Meridian Coverflow، أو Meander Drag إذا كان لديك أكثر من اثنتي عشرة قطعة. بترخيص مجاني، Keystone ميزة المنزلق.
- أعمال الخدمة: كونسرتينا الأكورديون. على اللوحات المبوبة للنشرات مجانًا، والتي يكسب جدول الحقائق الخاص بها مقارنات الاستمرار في الخطة.
- محل: كتالوج رباعي الصفحات لتسعة منسقة. لا توجد أداة مجانية تقوم بتمرير موجز المنتج المباشر؛ أن الوظيفة تحتاج حلقة Elementor Pro الدائرية. تخطي التصميمات ثلاثية الأبعاد في كلتا الحالتين: يرغب المتسوقون في المقارنة، ويتم إنشاء تدفق التغطية لإيقافها.
- الشهادات: شريط تمرير اقتباس المنصة. إنه مجاني، وأزرار الخطوات المسماة هي أفضل مطالبة انتقال في المجموعة.
- بطل الصفحة الرئيسية: Plinth Hero Slider إذا كان التصوير قويًا، و قوالب قسم البطل إذا كنت تريد الكتلة بأكملها بدلاً من شريط التمرير؛ قم بتقسيم الستارة المقسمة أو القائمة إذا كنت تريد أن تكون الحركة هي اللحظة، وواحدة منها فقط، مرة واحدة.
- حول الصفحة أو التاريخ: التقويم الجدول الزمني المنزلق. لا يوجد شيء آخر هنا يقوم بتأريخ المحتوى بأمانة.
مهما كان اختيارك، قم بتشغيله بعد الاختبار الوحيد المهم: قم بتحميل الصفحة على هاتفك الخاص، على الهاتف الخلوي، ومعرفة ما إذا كان شريط التمرير هو أول ما يعرضه أم الأخير. التصميم الذي يصل بعد قراءة النص بالفعل ليس شريط تمرير، بل هو زخرفة.
الأسئلة المتداولة
هل قوالب شريط تمرير Elementor هذه مجانية؟
ثمانية من العشرين هي: Plinth Hero، وLedger Index، وVitrine Plate Gallery، وQuadrant Paged Catalog، وBulletin Tabbed Panels، وRostrum Quote، وAlmanac Timeline، وKeystone Features، كلها مستوردة من البرنامج الإضافي Master Addons المجاني. الاثني عشر الأخرى مبنية على أداة إنشاء الأدوات الكاملة، وهي ميزة احترافية. العروض التوضيحية المباشرة مفتوحة لجميع العشرين.
هل يحتوي Elementor على عنصر واجهة مستخدم منزلق مجاني؟
يقوم برنامج Elementor المجاني بشحن Image Carousel ومعرض أساسي. Media Carousel وTestimonial Carousel وLoop Carousel كلها Elementor Pro. تضيف الإضافات الرئيسية Image Carousel وLogo Slider وTeam Slider وأداة مدونة مع وضع دائري إلى الطبقة المجانية، بالإضافة إلى التصميمات الثمانية المجانية المذكورة أعلاه. يرى قائمة عناصر واجهة المستخدم الدائرية الكاملة.
ما الفرق بين شريط التمرير والدوامة في Elementor؟
يعرض شريط التمرير شريحة واحدة في كل مرة وعادةً ما يملأ العرض. يعرض الرف الدائري عدة شرائح في وقت واحد ويتم تمريره جانبيًا عبر مجموعة أطول. في الممارسة العملية، يستخدم الأشخاص الكلمات بالتبادل، ويمكن تكوين معظم عناصر واجهة المستخدم التي تحمل علامة “carousel” لتتصرف مثل شريط التمرير عن طريق تعيين شرائح لكل عرض على واحدة. دائري مقابل المنزلق يعمل من خلال حيث لا يزال التمييز مهما.
هل يمكنني إضافة نص على شريط تمرير صورة Elementor؟
نعم. كل تصميم هنا عبارة عن صندوق صور، به صورة وحاجب وعنوان ووصف، وفي حالة Plinth Hero زر، لذا فإن النص جزء من الشريحة وليس تراكبًا تضعه يدويًا. Umbra Overlay وPlinth Hero Slider هما الاثنان المبنيان خصيصًا حول النص الموجود على الصورة.
كيف يمكنني إجراء تشغيل تلقائي لشريط تمرير Elementor والتكرار بشكل مستمر؟
قم بتشغيل التشغيل التلقائي والحلقة اللانهائية في إعدادات الرف الدائري لعنصر واجهة المستخدم، ثم قم بتعيين التأخير. شيئان يجذبان الأشخاص: التوقف المؤقت أثناء التمرير هو تبديل منفصل، وتحتاج الحلقة إلى ضعف عدد الشرائح لكل عرض على الأقل للتشغيل دون قفزة مرئية. أربع شرائح في عرضين سوف تتلعثم؛ ستة لن. اضبط تأخير التشغيل التلقائي على الصفر بدلاً من ذلك وسيصبح سرادق مستمر.
لماذا لا يعمل جهاز Elementor carousel الخاص بي بعد الاستيراد؟
تسع مرات من أصل عشر مرات لتحسين JavaScript. سيؤدي التخزين المؤقت للمكونات الإضافية التي تؤجل أو تجمع JS إلى كسر تهيئة شريط التمرير. استبعد البرنامج النصي الدائري الموجود في إعدادات JS الخاصة بالمكون الإضافي لذاكرة التخزين المؤقت الخاصة بك وسيعود. إذا كنت تستخدم LiteSpeed، فيجب أن ينتقل الاستبعاد إلى حقل وضع الضيف أيضًا، وليس الحقل الرئيسي فقط. دليل استكشاف أخطاء Swiper وإصلاحها يسرد المقابض الدقيقة لاستبعادها.
أين تذهب بعد ذلك
افتح عرضين أو ثلاثة عروض توضيحية وألقِ نظرة حقيقية على هاتفك قبل الاختيار. ثم:
اثنا عشر من العشرين يحتاجون إلى ترخيص للاستيراد، لذلك صفحة التسعير هو المكان المناسب للتحقق من الطبقة التي تغطي التصميم الذي اخترته.
- تصفح كل شيء في مكان واحد على الحاجيات الدائرية العنصر الصفحة، مع جميع التصميمات العشرين بالإضافة إلى عناصر واجهة المستخدم الدائرية الخاصة بالمكون الإضافي.
- التمسك بالطبقة الحرة؟ مشاركة عناصر واجهة المستخدم الدائرية المجانية يمشي في كل ما لا يكلف شيئًا، بما في ذلك هؤلاء الثمانية.
- الذهاب للعمق على الحركة؟ تصاميم دائري ثلاثي الأبعاد (تدفق الغطاء، الوجه، القوس والمدار) ألق نظرة فاحصة خاصة بهم.
- هل تريد صفحة كاملة بدلاً من قسم واحد؟ ال مجموعات القالب قم بشحن التخطيطات الكاملة مع وضع الدوارات بالفعل.
- بناء الصفحة بأكملها، وليس فقط شريط التمرير؟ ال قوالب قسم العنصر المجانية تغطي المكتبة الميزات والأسعار والشهادات والفريق والأسئلة الشائعة وكتل CTA، كل منها قابل للاستيراد كعنصر واجهة مستخدم واحد قابل للتحرير.
