5 تصميمات كاروسيل لـ Divi 5 (تنزيل مجاني)

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

معاينة

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

اشترك في قناتنا على YouTube

قم بتنزيل 5 أقسام دائرية لـ Divi 5

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

قم بتنزيل الملفات

تنزيل مجانًا

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

تحميل

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

ما هو مدرج (6 صادرات)

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

الافتراضي - الأقسام الفردية (5) → تستخدم أنماطك العالمية.
الافتراضي - جميع الأقسام (1) → حزمة كاملة باستخدام أنماطك العالمية.

كيفية استخدام تصميمات carousel

حافظ على قرب مجلد التنزيل الخاص بك للبدء في استيراده إلى موقع Divi الخاص بك.

1. استيراد أقسام في مكتبة Divi

اذهب إلى Divi → Divi Library.

بمجرد الوصول إلى هناك ، انقر فوق زر الاستيراد والتصدير لتثبيت الملفات.

ابحث عن ملف Carousel Sections (All) وانقر لاستيراده.

2. أضف قسم دائري إلى صفحة

افتح صفحة في البناء المرئي (أو إنشاء صفحة جديدة).

انقر فوق "+" الأزرق لإضافة قسم جديد ، ثم اختر إضافة من المكتبة .

انقر فوق قسم الكاروسيل الذي ترغب في إدراجه.

انقر فوق الزر " استخدام هذا القسم" لتحميل القسم.

تأكد من حفظ صفحتك عند الانتهاء.

كيف يعمل التصميم (افتراضي فقط)

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

تخصيص carousels

تمنحك مجموعة Divi 5's Group Carousel أدوات قوية لتعديل التخطيطات مع الحفاظ على كل شيء يستجيب. إليك كيفية تخصيص هذه الأقسام لتناسب نمط موقعك.

1. استبدل محتوى الشريحة

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

إذا كانت الشريحة تتضمن وحدات متعددة ، كرر كل واحد للحفاظ على الأنماط متسقة.

2. ضبط إعدادات الكاروسيل

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

استخدم التبادلات المستجيبة لضبط نقاط التوقف.

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

3. أضف عناصر إلى شريحة

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

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

4. إعادة ترتيب ، تكرار ، أو إزالة الشرائح

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

5. التحكم في تخطيط الشريحة مع Flexbox

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

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

6. استخدم متغيرات التصميم ، والسمات المسبقة ، وتوسيع السمات

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

استخدم سمات تمديد لتطبيق تغيير النمط من وحدة واحدة إلى بقية الشرائح في إجراء واحد.

بالنسبة للقرص العالمي السريع ، استخدم Find & Replace On Colors أو أحجام الخطوط عبر القسم.

7. اختياري: التبديل إلى المحتوى الديناميكي مع Loop Builder

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

هذا مثالي لأبرز المدونة ، أو كارو المنتجات ، أو عناصر المحفظة ، أو الشهادات.

استخدم Divi 5 لبناء كارويلك اليوم

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