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








كل تصميم، مع العرض التوضيحي، JSON والمستندات
المجموعة بأكملها في قائمة واحدة. افتح عرضًا توضيحيًا لمعرفة كيفية تصرف الحركة، وقارن بين الأساليب القائمة على العمق مقابل العناصر المسطحة، خذ JSON إذا كنت تريده في Elementor، واقرأ المستند عندما يقوم عنصر التحكم بشيء لم تتوقعه. تم صنع العشرين جميعًا باستخدام منشئ القطعة، لذا فإن تحرير أي منها هو عمل لوحة، وليس تعليمات برمجية.
تظهر ثلاث شرائح على الشاشة مرة واحدة: الشريحة الوسطى مربعة، والشريحتان الخارجيتان مائلتان وخافتتان حتى تعرف العين مكان الهبوط. تعتبر كل من الأسهم ونقاط التحديد والعداد اختيارية، ويحمل التشغيل التلقائي علامة الإيقاف المؤقت الخاصة به، ومفاتيح الأسهم والتمرير في كل منهما. الأفضل في المحافظ حيث يجب أن تثير القطعة التالية بدلاً من التنافس.
تظل اللوحات العمودية مضغوطة على ملصقاتها حتى يتم فتح أحدها والضغط على جيرانه، بحيث تتناسب ستة أقسام مع ارتفاع واحد. يقلب التحكم في التخطيط الأمر برمته إلى ترتيب مكدس، ويمكن إيقاف التشغيل عند التمرير للمس، ويمكنك اختيار اللوحة المفتوحة عند تحميل الصفحة. يمكن أن يجلس العداد أعلى أو أسفل.
صورة كاملة النزيف مع تلاشي التسمية التوضيحية إلى نصف نبضة بعد هبوط الصورة، لذلك تقرأ الصورة أولاً والكلمات تؤكد ذلك فقط. يتم تضمين التشغيل التلقائي مع خط التقدم وخطوات لوحة المفاتيح والتمرير، ويتم تحميل الصور الموجودة أسفل الطية بتكاسل. صُنعت لمناطق الأبطال حيث تحمل الصورة الرسالة، وليس صالات العرض الطويلة.
مجموعة من بطاقات الأوفست حيث يرتفع الجزء العلوي ويتقشر بعيدًا إلى الجانب. العمق المتبقي هو كيفية حكم الأشخاص على ما تبقى، لذلك ليست هناك حاجة إلى عداد. تحمل كل بطاقة شارة وسعرًا وملاحظة، وتقوم بتعيين عدد البطاقات التي تظل مرئية في المكدس، وتلميح اختياري يخبر الأشخاص لأول مرة بالسحب. يتم تسمية النص التالي والخلف.
ينقسم الإطار إلى أسفل المركز ويتحرك النصفان في اتجاهين متعاكسين، ويكشفان عن الاقتران التالي أثناء مرورهما ببعضهما البعض. حركة عالية: استخدمها مرة واحدة، بالقرب من أعلى الصفحة، بدلاً من استخدامها في معرض مكون من اثنتي عشرة صورة. تأتي معها لوحة المفاتيح والتمرير السريع وقراءة التقدم، ويتم إخبار قارئي الشاشة بالزوج الذي يظهر.
تقوم عجلة التمرير بتشغيل الشرائح، وتأخذ الصفحة التمرير للخلف لحظة وصولك إلى أي من الطرفين، لذلك لا يقع أحد في فخ القسم في طريقك للأسفل. مفاتيح الأسهم والتمرير السريع تقومان بنفس المهمة. الأفضل في القصص العمودية حيث يكون ترتيب القراءة مهمًا أكثر من السماح للأشخاص بالقفز، كما أن الحركة المنخفضة تحوله إلى خطوة بسيطة.
تقوم البطاقات بتشغيل محورها الرأسي لإظهار الوجه الثاني، بحيث تقوم شريحة واحدة بعمل شريحتين: الأمام للملعب، والخلف للمواصفات. موضع المسار النقطي، ومفاتيح الأسهم وخطوة التمرير، ويحصل الزائرون ذوو الحركة المنخفضة على المبادلة بدون الدوران. كلا الوجهين قابلان للتحرير. جيد لمواصفات المنتج وتفاصيل التسعير والسير الذاتية للفريق.
تركب الشرائح حافة دائرة مثبتة أسفل منفذ العرض، وتصل إلى المستوى وتنقلب بعيدًا أثناء مغادرتها، لذلك تُقرأ كحركة على طول المسار وليس على طول المسار. العجلة ولوحة المفاتيح والتمرير كلها تقودها ويحدد موضع العداد. يناسب المجموعات التي تقودها الصور حيث تكون الحركة جزءًا من درجة الصوت؛ الحركة المنخفضة تعمل على تسطيح المنحنى.
تقوم المربعات غير المستوية بتبديل مواضعها بدلاً من الانزلاق جانبيًا، وبالتالي يتغير شكل التركيبة بينما يظل الإطار في مكانه. لوحة المفاتيح والتمرير يحركانها، وتحصل الحركة المنخفضة على قطع عادي. يناسب المعرض حيث لا يجب أن تأتي أي صورة واحدة أولاً، فالمجموعة هي النقطة، والترتيب سيعيق الطريق فقط. يتم ضبط أحجام البلاط في اللوحة.
أمسك وارمي، بزخم وبدون نقاط التقاط، بحيث يتوقف الشريط أينما يتركه نقرتك. تعمل العجلة ولوحة المفاتيح أيضًا، ويحافظ العداد على موضعه صادقًا. الشريحة نصف المرئية الموجودة على الحافة هي ما يخبر الأشخاص بمواصلة سحب الصورة دون أن تكون صفوف السحب الحرة المتدلية ثابتة. يحصل مستخدمو لوحة المفاتيح على خطوات منفصلة بدلاً من ذلك.
يتم فصل لوحتين للكشف عن الشريحة الموجودة خلفهما بالفعل. لا شيء يتحرك أفقيًا، لذلك يظل هادئًا داخل صفحة كثيفة حيث يحارب المسار المنزلق كل شيء من حوله. تم دمج خطوات لوحة المفاتيح والتمرير والتعامل مع الحركة المنخفضة. الأفضل مع الصور الفردية القوية؛ تضيع التراكيب المزدحمة خلف اللوحات.
تنتقل العناصر في دائرة كاملة حول مركز ثابت وتنتهي حيث بدأت، مع وضع علامة مضادة في الطريق. لوحة المفاتيح والتمرير على كل منهما، والحركة المنخفضة تسقط المدار لتغيير بسيط. احتفظ بها للمحتوى الذي يدور بشكل حقيقي على شكل عملية، أو دورة، أو سنة، حيث تكون العودة إلى البداية هي النقطة.
تملأ صورة واحدة المسرح ويتم تبديل الشرائح على الفور، لذلك لا يوجد ما يتلعثم عند الاتصال البطيء أو لا تتم مزامنته عند إعادة عرض Elementor. التصميم الوحيد هنا الذي يحتوي على رابط في كل شريحة بالإضافة إلى ملصق استدعاء إلى إجراء مشترك. خمسة وثمانون عنصر تحكم تغطي السكريم والنقاط والأسهم والعداد ولوحة المفاتيح والتمرير.
عمود من صفوف الإدخال بجانب لوحة واحدة؛ يؤدي اختيار صف إلى تبديل الصورة والختم والتعليق، مما يجعل القائمة نفسها وسيلة للتنقل. يعد Select-on-hover مفتاحًا يستحق تركه أينما يتقاطع معه مؤشر طائش. مصممة للكتالوجات والمحفوظات وقوائم الأعمال. 110 عناصر تحكم تقع عبر ثمانية عشر قسمًا.
لوحة واحدة كبيرة أسفل شريط الصور المصغرة، مع لوحة لاصقة بجانبها تحمل التسمية التوضيحية وجدول بيانات الإطار: المكان، الوقت، العدسة، الفتحة، الغالق، ISO، كل ملصق قابل للتحرير. يتم استبدال الإطارات بشكل كامل، ولا شيء ينزلق. الشريط هو التحكم الحقيقي؛ الأسهم موجودة للأشخاص الذين يريدونها. هناك 127 عنصر تحكم في اللوحة.
تسعة مربعات عناصر مقسمة إلى صفحات ثلاثة في المرة الواحدة، مع حاجز مقطعي يُظهر الموضع ويقفز مباشرة إلى الصفحة. يحتوي كل مربع على صورة وفئة وعنوان ونسخة وزوج إحصائيات. وحدة التكرار هي الصفحة وليس العنصر، وهو التجارة للطبقة المجانية: تسعة مربعات عبر ثلاثة أقسام محتوى. يمكن إخفاء السكة.
شريط علامات التبويب فوق لوحات التحرير 400 شكل وتعليق، وKicker، وعنوان، وlede، ونسخة نصية، وجدول حقائق من ثلاثة صفوف وخط ثانوي. دلالات قائمة جداول ARIA الحقيقية مع فهرس علامات التبويب المتجول، لذلك تتصرف مفاتيح الأسهم وقارئات الشاشة بالطريقة التي يتوقعها الناس. أقرب إلى انتشار المجلة من شريط التمرير، وأفضل للنسخ الطويل. 131 الضوابط.
اقتباس بجانب صورته، متدرج بشارات يمكنها تسمية من يتحدث بعد ذلك بدلاً من مجرد الإشارة إلى مكان ما. شريط التقدم وموضع مسار العد الجاري. علامة الاقتباس عبارة عن تحكم في النص وليس حرفًا رسوميًا ثابتًا، لذا يمكن أن تتطابق مع لغة الموقع أو يتم إفراغها بالكامل. خمسة حقول لكل صوت، ثلاثة أصوات.
الإدخالات مثبتة على محور مؤرخ، مع حساب تباعد العلامات من السنوات التي تكتبها بدلاً من توزيعها بالتساوي، بحيث تظل العقود الهادئة مرئية كفجوات. مشط العقد فوق القاعدة يعطي هذا التباعد مقياسًا للقراءة مقابله. أوسع لوحة في المجموعة تحتوي على 143 عنصر تحكم، تم تصميم المحور بمفرده. تسعة حقول لكل إدخال.
عنصر واحد كبير بينما ينتظر الآخرون بجانبه. انقر فوق قمر صناعي ويتم الترويج له في فتحة الميزات، وتنتقل الصناديق إلى أماكنها الجديدة باستخدام رسوم متحركة FLIP بدلاً من الانتقال الآني إلى هناك. تحمل الميزة لوحة من ثلاث حقائق؛ كل قمر صناعي يظهر رقمه واسمه فقط. بنيت للغرف والمعارض الدورية.
الأسئلة المتداولة لعناصر Elementor Carousel
هل يحتوي Elementor على عنصر واجهة مستخدم دائري؟
نعم. يأتي Image Carousel في البرنامج الإضافي المجاني لـ Elementor، وMedia Carousel دائري الشهادة و حلقة دائري تعال مع Elementor Pro. لا يحتوي الجهاز المجاني على تسميات توضيحية للشرائح وتحكم محدود في الاستجابة، وهذا هو السبب المعتاد وراء إضافة الأشخاص لإضافة ملحق.
هل دائري Elementor مجاني؟
ستة عناصر واجهة مستخدم دائرية ومنزلق في Master Addons مجانية صورة دائري, شريط تمرير الشعار، Team Slider، الوضع الدائري لعنصر واجهة مستخدم المدونة، الجدول الزمني ومقارنة الصور قبل/بعد شريط التمرير، بالإضافة إلى ملحق شريط تمرير الخلفية المجاني. ثمانية من التصميمات العشرين المخصصة تستورد مجانًا أيضًا: Plinth Hero، وLedger Index، وVitrine Plate Gallery، والكتالوج المقسم إلى صفحات رباعية، واللوحات المبوبة بالنشرة، واقتباس المنصة، والجدول الزمني للتقويم، وميزة Keystone. التصميمات الاثني عشر الأخرى، شريط تمرير المعرض وشريط الأخبار تحتاج إلى Pro.
ما الفرق بين الرف الدائري وشريط التمرير؟
يعرض شريط التمرير شريحة واحدة في كل مرة وعادةً ما يكون بطلاً كامل العرض. يعرض الكاروسيل عدة عناصر في وقت واحد على مسار أفقي. كلاهما يعمل على نفس محرك Swiper هنا، وبالتالي فإن الاختلاف العملي هو إعداد الشرائح لكل عرض. دائري مقابل المنزلق يغطي حيث لا يزال التمييز يغير ما تقوم ببنائه.
كيف أجعل دائري Elementor مستجيبًا؟
قم بتعيين الشرائح لكل عرض بشكل منفصل لسطح المكتب والكمبيوتر اللوحي والهاتف المحمول باستخدام أيقونات الجهاز الموجودة أعلى هذا الإعداد. أربعة، اثنان، واحد يعمل لمعظم المعارض. تحقق من حجم السهم على الهاتف المحمول أيضًا، نظرًا لأن الإعدادات الافتراضية غالبًا ما تكون أقل من هدف النقر الذي يمكن الوصول إليه بدقة 44 بكسل.
لماذا تتميز شرائح الكاروسيل الخاصة بي بارتفاعات مختلفة؟
تدفع العناوين ذات الأطوال المختلفة الصفوف الموجودة أسفلها خارج الخط، وتفعل نسب العرض إلى الارتفاع للصورة المختلطة الشيء نفسه. قم بتعيين نسبة صورة ثابتة وقم إما بتغطية ارتفاع العنوان بالاقتطاع أو قم بتشغيل الارتفاع التلقائي بحيث تصل مستويات الصف إلى أطول شريحة. تصل بطاقات المنتج إلى هذا بقوة أكبر، وهو دليل دائري المنتج يغطي.
توقف الكاروسيل الخاص بي عن العمل بعد أن قمت بتشغيل التخزين المؤقت.
أدى دمج JavaScript أو تأجيله إلى إيقاف تحميل Swiper قبل تشغيل رمز init. يستبعد سويبر، عنصر الواجهة الأمامية وjquery-core من تحسين JS. على LiteSpeed، أضفها إلى حقل وضع الضيف أيضًا. وإلا فإنه يعمل أثناء تسجيل الدخول والاستراحات للزوار. دليل استكشاف أخطاء Swiper وإصلاحها لديه القائمة الكاملة للمقابض.
هل تعمل عناصر واجهة المستخدم الدائرية على إبطاء موقع WordPress؟
يتم تحميل الأصول فقط على الصفحات التي يتم فيها استخدام عنصر واجهة المستخدم، لذا فإن عنصر واجهة المستخدم غير المستخدم لا يكلف شيئًا. الوزن المهم هو صورك: يعرض الرف الدائري كل شريحة، لذا قم بتقديم WebP بحجم العرض واحتفظ بالشريحة الأولى أقل من 150 كيلو بايت. دوارات الفيديو هي الحالة باهظة الثمن، لأن كل شريحة تحمل لاعبًا.
تعرف على المزيد حول دوارات Elementor
أدلة لكل نوع دائري في هذه الصفحة، بدءًا من مجموعة التصميم وحتى الأداة التي تقوم بإنشائها.
التصاميم والقوالب
- 20 قالب منزلق Elementor، 8 منها مجانيةكل تصميم في المجموعة، الغرض منه، والذي يتم استيراده بدون ترخيص.
- Elementor 3D دائري: تدفق الغطاء، الوجه، القوس والمدارأنماط الحركة الأربعة القائمة على العمق والإعدادات التي تحافظ عليها سلسة.
- عناصر واجهة المستخدم الدائرية للعنصر المجاني: ما هو مجاني بالفعلحيث يتوقف المستوى المجاني، كما هو مذكور بوضوح، مع وجود قائمة المحترفين بجانبه.
بناء دائري محدد
- كيفية إنشاء صورة دائرية في Elementorالشرائح لكل عرض، والتسميات التوضيحية، والمربع الضوئي، وتخطيط تدفق الغلاف، خطوة بخطوة.
- كيفية إنشاء دائري للشهادة في Elementorكلا المسارين، بالإضافة إلى خطأ مخطط المراجعة الذي يؤدي إلى اتخاذ إجراءات يدوية.
- كيفية إنشاء شعار دائري في Elementorإن صنع اثني عشر شعارًا غير متطابق يجلس في صف واحد دون أن يبدو وكأنه مذكرة فدية.
- دائري منتج WooCommerce في Elementorثلاث طرق ناجحة، والصفحات التي يكلفك فيها دائري المنتج المبيعات.
- Elementor فيديو دائري ومنزلق المعرضالمعاينة بالإضافة إلى الصور المصغرة ومشكلة التضمين التي تجعل الفيديو أبطأ عنصر واجهة مستخدم.
أدوات الكاروسيل الخاصة بـ Elementor
- حلقة العنصر الدائرية: كيف تعملالكاروسيل الديناميكي الذي يعتمد على الاستعلام، والمسارات المجانية إذا لم يكن لديك Pro.
- سرادق العنصر: نص وشعارات تمرير لا نهائيةثلاث طرق لبناء مسار مستمر، والخدعة التي تمنعه من الانطلاق.
- شريط تمرير Elementor Swiper: كيف يعمل وكيفية إصلاحهالمكتبة خلف كل دائري Elementor، والأشياء الخمسة التي تكسره.
اختيار
- Elementor carousel vs slider: ما الفرق؟سؤال واحد يخبرك بالشكل الذي يحتاجه قسمك.
- مقارنة أفضل 7 مكونات إضافية للدوامة Elementorما يضعه كل مكون إضافي في طبقته المجانية، وما تكلفه الصفحة.
- مقارنة أفضل المكونات الإضافية لشريط تمرير Elementorتم وزن البناة المستقلين مقابل عناصر واجهة المستخدم الأصلية لـ Elementor بأمانة.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.

التشكل الزجاجي

إضافات الحاويات

أنماط

ناسخ البريد/الصفحة
