إن Loop Carousel هو دائري ديناميكي لـ Elementor Pro. بدلاً من إضافة شرائح يدويًا، يمكنك إنشاء شريحة واحدة كقالب وتوجيه عنصر واجهة المستخدم نحو استعلام (منشورات أو منتجات أو أي نوع منشور مخصص) ويملأ نفسه. إضافة منشور، تحديثات الكاروسيل. لا حاجة للتحرير.
وصلت إلى العنصر 3.11 وهي القطعة الدائرية Elementor يبحث معظم الأشخاص فعليًا عن ذلك عندما يبحثون عن دائري آخر أو شريط تمرير للمنتج. كما أنه احترافي فقط، مع عدم وجود مكافئ مجاني في Elementor core، لذا فإن النصف الثاني من هذا المنشور يغطي الحاجيات دائري مجاني وهذا يجعلك قريبًا إذا لم يكن لديك ترخيص.
ما يغطيه هذا الدليل
- Loop Carousel vs Loop Grid: أيهما يجب استخدامه
- ما تحتاجه قبل أن تبدأ
- كيفية إنشاء حلقة دائرية في العنصر
- الإعدادات التي تعثر الناس
- حلقة دائري لمنتجات WooCommerce
- لا يوجد عنصر برو؟ المسار الحر
- عندما يكون Loop Carousel هو الاختيار الخاطئ
- الأسئلة المتداولة
حلقة دائري مقابل حلقة الشبكة: أي واحدة
نفس المحرك، نفس قالب عنصر الحلقة، عرض تقديمي مختلف. تقوم الشبكة بتكديس الصفوف عموديًا. يضع الكاروسيل نفس العناصر على مسار أفقي.
اختر الرف الدائري عندما تكون العناصر اختيارية: “، قد يعجبك أيضًا شريط” والمشاركات ذات الصلة والمنتجات المميزة. لا يتعين على أحد رؤية العنصر السابع حتى تكون الصفحة منطقية.
اختر الشبكة عندما تكون العناصر هي الصفحة. أرشيف، فئة متجر، فهرس مدونة. إن إخفاء ثلثي قائمة الفئات خلف السهم يكلفك تحويلات، لأن المتسوق الذي يتعين عليه النقر لرؤية المزيد من المنتجات لا يفعل ذلك عادةً.
القاعدة التي سأعطيها للعميل: إذا كان القسم يحتوي على عنوان مثل “المزيد من المدونة،” carousel. إذا كان العنوان هو عنوان الصفحة، الشبكة.
ما تحتاجه قبل أن تبدأ
- إليمنتور برو. Loop Carousel ليس موجودًا في البرنامج الإضافي المجاني ولا يوجد إصدار جزئي منه.
- قالب عنصر الحلقة. هذا هو تصميم الشريحة الواحدة: صورة مميزة، عنوان، مقتطف، زر. تم تصميمه مرة واحدة في Theme Builder، وأعيد استخدامه في كل مكان.
- المحتوى للاستعلام. المشاركات أو المنتجات أو نوع المنشور المخصص المسجل.
في عمليات التثبيت القديمة، قد تحتاج أيضًا إلى تمكينه ضمن Elementor → الإعدادات → الميزات. تم شحنه خلف علامة التجربة وبقي هناك لبضعة إصدارات قبل أن يصبح مستقرًا.
كيفية إنشاء حلقة دائرية في العنصر
قم ببناء الشريحة أولاً، ثم الكاروسيل. إن القيام بذلك في الاتجاه المعاكس يعني التصميم داخل معاينة ضيقة.
- قم بإنشاء قالب عنصر الحلقة. القوالب → منشئ السمات → عنصر الحلقة → إضافة جديد. اختر نوع المنشور الذي سيعرضه. أنت تصمم بطاقة واحدة، وليس قائمة، ويعرض Elementor عنصرًا واحدًا ويكرره لاحقًا.
- قم ببناء البطاقة باستخدام العلامات الديناميكية. أضف عنصر واجهة مستخدم للصورة وقم بتعيين مصدرها على Dynamic → صورة مميزة. عنصر واجهة المستخدم → ديناميكي → عنوان المنشور. محرر النص → مقتطف من المنشور. الزر → الديناميكي → عنوان URL للنشر. لا يوجد شيء هنا مشفر؛ يتم سحب كل حقل من أي منشور يهبط في تلك الفتحة.
- نشر القالب وتخطي مطالبة شروط العرض. لا تحتاج عناصر الحلقة إلى شروط، لأنه يتم استدعاؤها بواسطة عنصر واجهة مستخدم بدلاً من تعيينها لموقع ما.
- إسقاط القطعة حلقة دائري على صفحتك واختر القالب الذي قمت بإنشائه للتو ضمن اختر قالبًا.
- تعيين الاستعلام. المصدر (المشاركات أو المنتجات أو CPT الخاص بك)، ثم قم بتضييق نطاقه: قم بالتضمين حسب التصنيف، واستبعاد المنشور الحالي، وتعيين المنشورات لكل صفحة. قم بتشغيل “تجنب التكرارات” إذا كانت هناك حلقة أخرى في نفس الصفحة، وإلا فإن شريط المنشورات ذات الصلة الخاص بك سيكرر ما هو موجود بالفعل في الشريط الجانبي.
- تكوين دائري. شرائح لكل عرض، شرائح للتمرير، تشغيل تلقائي، حلقة لا نهائية، سرعة، توقف مؤقتًا عند التمرير. قم بتعيين الشرائح لكل عرض بشكل منفصل لسطح المكتب والكمبيوتر اللوحي والهاتف المحمول باستخدام أيقونات الجهاز الموجودة أعلى اللوحة.
- نمط الملاحة. الأسهم أو النقاط أو الكسر. الحجم واللون والموضع وحالة التمرير كلها موجودة في علامة التبويب "النمط".
الإعدادات التي تعثر الناس
الحلقة اللانهائية تحتاج إلى عناصر كافية. يقوم Elementor باستنساخ الشرائح لتزييف الالتفاف، ويحتاج إلى ضعف الشرائح لكل عرض على الأقل للقيام بذلك بشكل غير مرئي. ستقفز أربع مشاركات في كل ثلاث مرات بشكل واضح عندما تلتف. إما رفع المشاركات لكل صفحة أو إيقاف تشغيل الحلقة.
المشاركات لكل صفحة هي حد استعلام، وليس حد عرض. اضبطه على 6 ويحتوي الكاروسيل على ستة عناصر إجمالاً، مهما كان الكثير منها مرئيًا. قام الأشخاص بتعيينه على 3 لمطابقة الشرائح لكل عرض ثم يتساءلون لماذا لا يوجد شيء للتمرير إليه.
فجوة الحافة تغير التلميح. يبدو أن الرف الدائري الذي ينتهي بالتدفق عند حافة الحاوية قد انتهى. أضف فجوة صغيرة في الحافة حتى تطل الشريحة التالية ويعرف الأشخاص كيفية التمرير. إنها بضع بكسلات وتغير معدل التفاعل بشكل ملموس.
يعد التشغيل التلقائي بالإضافة إلى الروابط زوجًا سيئًا. إذا كانت شرائحك قابلة للنقر وتحرك الرف الدائري على مؤقت، فسيصل شخص ما إلى البطاقة وينقر على البطاقة التي حلت محلها. يعمل الإيقاف المؤقت على إصلاح حالة سطح المكتب. عند اللمس لا يوجد تحوم، لذلك بطاقات قابلة للنقر سأقوم بإيقاف التشغيل التلقائي بالكامل.
حلقة دائري لمنتجات WooCommerce
نفس العملية، فرق واحد: قم بتعيين المصدر على المنتجات وستحصل على عناصر تحكم الاستعلام الخاصة بـ WooCommerce. قم بالتصفية حسب الفئة أو العلامة أو السمة، والفرز حسب السعر أو الشعبية أو التاريخ، واستبعاد العناصر غير المتوفرة في المخزون.
يجب أن يحمل قالب Loop Item الخاص بالمنتجات السعر وزرًا للإضافة إلى عربة التسوق كعناصر ديناميكية، وليس نصًا ثابتًا. افتقد ذلك وكل بطاقة في الرف الدائري تظهر نفس السعر، وهو بالضبط نوع الخطأ الذي يبقى حتى الإنتاج لأنه يبدو جيدًا في معاينة المحرر.
المنتجات ذات الصلة، التي تم عرضها مؤخرًا، و“Complete، شرائط Look” كلها نفس الأداة مع استعلام مختلف. وإذا كنت بحاجة إلى استدعاء منتج واحد فقط بدلاً من الشريط، فإن القطعة المنتج المميز يفعل ذلك دون استعلام على الإطلاق. إنها أداة Pro، وهي أداة منتج WooCommerce الوحيدة التي يتم شحنها من Master Addons.
لا يوجد عنصر برو؟ هذا هو المسار الحر
Loop Carousel هو Pro. إذا كنت تستخدم Elementor مجانًا، فلن تحصل عليه، ولا توجد إضافة مجانية تعيد تنفيذ نظام قالب Loop Item.
ما يمكنك الحصول عليه مجانًا هو النتيجة: دائري ديناميكي يسحب المنشورات أو المنتجات ويحدث نفسه. الإضافات الرئيسية القطعة المدونة يحتوي على وضع دائري في البرنامج المساعد المجاني. الاستعلام حسب نوع المنشور أو الفئة أو العلامة أو المؤلف، واختيار تخطيط، وتبديل العرض إلى دائري، وتكوين نفس الأسهم والنقاط والتشغيل التلقائي وعناصر التحكم لكل نقطة توقف.
المقايضة صادقة: أنت لا تصمم البطاقة. تمنحك أداة المدونة إعدادات مسبقة للتخطيط وعلامة تبويب Style بدلاً من لوحة قماشية فارغة لعنصر الحلقة. إذا كنت بحاجة إلى التحكم بالبكسل في الشريحة، فإن أسلوب Elementor Pro هو الأفضل. إذا كنت بحاجة إلى أحدث ستة مشاركات في شريط التمرير الذي يبدو لائقًا، فاستخدم الأداة المجانية للوصول إلى هناك بشكل أسرع.
المنتجات أرق، ومن الجدير بالذكر بوضوح: لا توجد أداة دائرية مجانية للمنتج. يحتاج شريط المنتج المنزلق ذاتي التحديث إلى Elementor Pro's Loop Carousel، أو تخطيط مملوء يدويًا مثل التصميم الموجود أدناه. ال دليل دائري المنتج يعمل من خلال كليهما. وإذا كانت شرائحك عبارة عن صور ثابتة وليست استعلامًا، فالمجانية القطعة الدائرية الصورة هو المسار الأقصر، على الرغم من أنك تقوم في تلك المرحلة ببناء شريط تمرير، وليس حلقة.
هناك خيار مجاني ثالث يستحق المعرفة عنه. سفن ماستر أدونز 20 تصميمًا دائريًا ومنزلقًا باعتبارها قابلة للاستيراد منشئ القطعة الملفات، و8 منها تستورد مجانًا. إنها لا تعتمد على الاستعلام، لذا يمكنك ملء العناصر يدويًا، ولكن يوجد اثنان بالقرب مما تنتجه Loop Carousel. كتالوج صفح صفح صفحات شبكة مكونة من تسعة مربعات عناصر، ثلاثة في المرة الواحدة، يحتوي كل منها على صورة وفئة وعنوان ونسخة، وهو أقرب شيء مجاني إلى حلقة منتج مقسمة إلى صفحات. منزلق مؤشر دفتر الأستاذ يضع فهرسًا قابلاً للنقر للإدخالات بجانب لوحة العرض، مصممًا للأرشيفات وقوائم الأعمال. يتم جمع كل 20 على محور الحاجيات الدائرية.
عندما يكون Loop Carousel هو الاختيار الخاطئ
ثلاث حالات، وقد شاهدت الأخطاء الثلاثة جميعها على مواقع العملاء.
صفحة الأرشيف الخاصة بك. قائمة الفئات في الرف الدائري تعني أن زاحف Google يرى ستة منتجات حيث لديك ستين. والباقي موجود في DOM، ولكن الإشارة للمستخدم، ولأي شخص يحكم على عمق الصفحة، هي أن هذه الفئة رقيقة.
فوق الطية على الهاتف المحمول. الرف الدائري الديناميكي عبارة عن استعلام وعرض قالب و تهيئة المنزلق قبل أي شيء يرسم. ضع ذلك في أعلى صفحة الهاتف وسيكون أكبر طلاء مثير للمحتوى هو الدوار.
أقل من خمسة عناصر. الكاروسيل المكون من ثلاث شرائح عبارة عن شبكة تجعل الناس يعملون. فقط أظهر الثلاثة.
الأسئلة المتداولة
هل Elementor Loop Carousel مجاني؟
يتطلب No. Loop Carousel Elementor Pro، ولا يوجد إصدار مجاني مخفض. البديل المجاني هو عنصر واجهة مستخدم دائري يعتمد على الاستعلام من ملحق، وتحتوي أداة مدونة Master Addons على وضع دائري في مستواها الحر الذي يسحب المشاركات ديناميكيًا. بالنسبة للتخطيطات المملوءة يدويًا، فإن 8 من تصميمات الرف الدائري العشرين القابلة للاستيراد الخاصة بـ Master Addons مجانية أيضًا.
ما الفرق بين Loop Grid وLoop Carousel؟
إنهم يتشاركون في نفس قالب عنصر الحلقة وعناصر التحكم في الاستعلام. تقوم Loop Grid بترتيب النتائج في صفوف وأعمدة؛ يضعها Loop Carousel على مسار منزلق أفقي به أسهم ونقاط. استخدم الشبكة للأرشيفات والقوائم، والدوامة لشرائط “ ذات الصلة أو “fatured” الاختيارية.
كيف يمكنني إضافة حلقة دائرية في Elementor؟
قم بإنشاء قالب عنصر حلقة في Theme Builder أولاً، باستخدام العلامات الديناميكية للصورة والعنوان والمقتطف. قم بنشره، ثم اسحب عنصر واجهة مستخدم Loop Carousel إلى صفحتك، وحدد هذا القالب، وقم بتعيين مصدر الاستعلام والمرشحات، وقم بتكوين الشرائح لكل عرض والتشغيل التلقائي ضمن إعدادات Carousel.
لماذا لا يعرض Loop Carousel الخاص بي المشاركات؟
عادة الاستعلام. تأكد من أن نوع منشور قالب Loop Item يتطابق مع مصدر استعلام عنصر واجهة المستخدم، لأن القالب المصمم للمشاركات لن يعرض المنتجات. السبب الثاني الأكثر شيوعًا هو مرشح التصنيف بدون محتوى مطابق. ثالثًا، يتم تعيين المشاركات لكل صفحة أقل مما تعتقد.
هل يمكن لـ Loop Carousel إظهار أنواع المشاركات المخصصة؟
نعم. يظهر أي نوع منشور عام مسجل في القائمة المنسدلة لمصدر الاستعلام، وتتوفر حقوله المخصصة كعلامات ديناميكية إذا كنت تستخدم ACF أو Meta Box أو Pods. قم ببناء قالب Loop Item مقابل نوع المنشور هذا ويتعامل الرف الدائري مع الباقي.
كيف أجعل الحلقة الدائرية سريعة الاستجابة؟
قم بتعيين الشرائح لكل عرض بشكل منفصل على كل نقطة توقف باستخدام أيقونات الجهاز الموجودة أعلى الإعداد. ثلاثة على سطح المكتب، واثنان على الجهاز اللوحي، وواحد على الهاتف المحمول هو الإعداد الافتراضي الآمن. تحقق أيضًا من حجم السهم على الهاتف المحمول، لأن الإعداد الافتراضي لسطح المكتب غالبًا ما يكون صغيرًا جدًا بحيث لا يمكن أن يكون هدفًا مريحًا للنقر.
إلى أين تذهب من هنا
إذا كان لديك Pro، فقم ببناء قالب Loop Item أولاً وتعامل معه كأحد أصول التصميم التي ستعيد استخدامها عبر الشبكات والدوامات لبقية الموقع. إنها القطعة التي تسدد.
إذا كنت تفضل إنشاء البطاقة كأداة قابلة لإعادة الاستخدام بدلاً من القالب، فهذا هو ما تأليف القطعة الخاصة بك هو ل، و صفحة التسعير يغطي الطبقة التي يجلس فيها.
إذا لم تقم بذلك، فابدأ بالعناصر واجهة المستخدم المجانية التي تعتمد على الاستعلام وشاهد ما إذا كانت الإعدادات المسبقة للتخطيط تجعلك قريبًا بدرجة كافية. يتم تغطية كلا المسارين على الحاجيات الدائرية العنصر الصفحة، إلى جانب بقية خيارات الكاروسيل. لا تزال تقرر التنسيق؟ دائري مقابل المنزلق يستقر على الشكل الذي يحتاجه القسم الخاص بك بالفعل، و تقرير البرنامج المساعد المنزلق يغطي المكونات الإضافية التي تقوم بإنشائه.
