---
url: 'https://dxpr.com/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%AA%D8%AE%D8%B7%D9%8A%D8%B7/%D8%AA%D8%AE%D8%B7%D9%8A%D8%B7-%D9%83%D8%A7%D8%B1%D9%88%D8%B3%D9%8A%D9%84'
title: 'إضافة تخطيط كاروسيل | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:27:15+00:00'
updated: '2026-10-24T14:25:59+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  استخدموا عنصر تخطيط الكاروسيل عندما تريدون تناوب
  المحتوى في موضع واحد، مثل الاقتباسات أو العروض أو
  الإعلانات. تحصلون في النهاية على شرائح تتقدم من
  تلقاء نفسها، مع نقطة لكل شريحة. وخلافًا لـ
  معرض الصور، تحمل كل شريحة أي عناصر: نصوصًا
  وصورًا وأزرارًا وغيرها. يبني المثال منزلق اقتباسات
  طلاب.
tags:
  - Layout
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T14:25:59+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'إضافة تخطيط كاروسيل'
      description: |-
        استخدموا عنصر تخطيط الكاروسيل عندما تريدون تناوب
        المحتوى في موضع واحد، مثل الاقتباسات أو العروض أو
        الإعلانات. تحصلون في النهاية على شرائح تتقدم من
        تلقاء نفسها، مع نقطة لكل شريحة. وخلافًا لـ
        معرض الصور، تحمل كل شريحة أي عناصر: نصوصًا
        وصورًا وأزرارًا وغيرها. يبني المثال منزلق اقتباسات
        طلاب.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2023-11-06T09:27:15+0000'
      dateModified: '2026-10-24T14:25:59+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%AA%D8%AE%D8%B7%D9%8A%D8%B7/%D8%AA%D8%AE%D8%B7%D9%8A%D8%B7-%D9%83%D8%A7%D8%B1%D9%88%D8%B3%D9%8A%D9%84'
      articleSection: 'تخطيط الصفحة'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%AA%D8%AE%D8%B7%D9%8A%D8%B7/%D8%AA%D8%AE%D8%B7%D9%8A%D8%B7-%D9%83%D8%A7%D8%B1%D9%88%D8%B3%D9%8A%D9%84'
      description: |-
        استخدموا عنصر تخطيط الكاروسيل عندما تريدون تناوب
        المحتوى في موضع واحد، مثل الاقتباسات أو العروض أو
        الإعلانات. تحصلون في النهاية على شرائح تتقدم من
        تلقاء نفسها، مع نقطة لكل شريحة. وخلافًا لـ
        معرض الصور، تحمل كل شريحة أي عناصر: نصوصًا
        وصورًا وأزرارًا وغيرها. يبني المثال منزلق اقتباسات
        طلاب.
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: الرئيسية
            item: 'https://dxpr.com/ar'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ar
---
[مركز المساعدة](/ar/hc)/[التوثيق](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82) /[تعلّم DXPR Builder](/ar/hc/documentation/learn-dxpr-builder) /[بناء الصفحات](/ar/hc/documentation/learn-dxpr-builder/build) /[إضافة المحتوى](/ar/hc/documentation/learn-dxpr-builder/elements) /[تخطيط الصفحة](/ar/hc/documentation/learn-dxpr-builder/layout/overview) # إضافة تخطيط كاروسيل.

 تعلّم DXPR Builderبناء الصفحاتإضافة المحتوىتخطيط الصفحة

   ## في هذا الدليل

 أدلة ذات صلة

- [إضافة عنصر معرض الصور](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1/%D9%83%D8%A7%D8%B1%D9%88%D8%B3%D9%8A%D9%84-%D8%A7%D9%84%D8%B5%D9%88%D8%B1)
- [إضافة لوحة تبويبات](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%AA%D8%AE%D8%B7%D9%8A%D8%B7/%D9%84%D9%88%D8%AD%D8%A9-%D8%AA%D8%A8%D9%88%D9%8A%D8%A8%D8%A7%D8%AA)
- [تحريك العناصر عند التمرير أو التحويم أو النقر](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85/%D8%AA%D8%A8%D9%88%D9%8A%D8%A8-%D8%A7%D9%84%D8%AA%D8%AD%D8%B1%D9%8A%D9%83)

استخدموا عنصر تخطيط الكاروسيل عندما تريدون تناوب المحتوى في موضع واحد، مثل الاقتباسات أو العروض أو الإعلانات. تحصلون في النهاية على شرائح تتقدم من تلقاء نفسها، مع نقطة لكل شريحة. وخلافًا لـ [معرض الصور](/ar/hc/documentation/learn-dxpr-builder/elements/image-carousel)، تحمل كل شريحة أي عناصر: نصوصًا وصورًا وأزرارًا وغيرها. يبني المثال منزلق اقتباسات طلاب.

## إضافة تخطيط كاروسيل

1. مرّروا المؤشر فوق العمود وانقروا **+** في شريط تحكمه لفتح منتقي العناصر.
2. في تبويب **التخطيط**، انقروا **كاروسيل**.
3. تُفتح إعداداته أولًا. انقروا **حفظ** للاحتفاظ بالافتراضيات. يظهر الكاروسيل بشريحة فارغة واحدة.
4. انقروا **+** داخل الشريحة وأضيفوا محتوى، مثل عنصر **نص**.
5. لإضافة شريحة، مرّروا المؤشر فوق الكاروسيل وانقروا **إضافة شريحة** في شريط تحكمه. انقروا نقطة الشريحة أسفل الكاروسيل لفتحها، ثم املؤوها بالطريقة نفسها.

  ## ما سترونه

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

## إعداد الكاروسيل الخاص بكم

افتحوا الإعدادات من **المزيد** > **الإعدادات** في شريط تحكم **الكاروسيل**. تحمل اللوحة **العامة** التوقيت.

| الإعداد | ماذا يفعل | الافتراضي |
|---|---|---|
| **الشرائح في كل إطار** | عدد الشرائح المعروضة جنبًا إلى جنب، من 1 إلى 10. تعرض الشاشات الضيقة عددًا أقل، حتى واحدة على الهواتف | 1 |
| **تعطيل التشغيل التلقائي** | يوقف تقدم الشرائح من تلقاء نفسها | مغلق |
| **الفاصل الزمني للتشغيل التلقائي** | الوقت بين الشرائح، من 1000 إلى 20000 مللي ثانية | 5000 |
| **الإيقاف عند التحويم** | يوقف التشغيل التلقائي مؤقتًا بينما المؤشر فوق الكاروسيل | مغلق |
| **التنقل بالنقاط** | في لوحة **النقاط**: يعرض نقطة لكل شريحة | مفعّل |
| **التالي/السابق** | في لوحة **التالي/السابق**: يعرض أزرار الأسهم | مغلق |

### النقاط والأسهم

مع تفعيل **التنقل بالنقاط**، تقدّم لوحة **النقاط** أيضًا:

- **اتجاه النقاط**: **خارج المنزلق** (تحته) أو **داخل المنزلق**
- **شكل النقطة**: **شريط** أو **دائرة** أو **مربع** أو **مثلث**
- **تحويل النقطة النشطة**: **بلا** أو **النمو طولًا** أو **النمو عرضًا** أو **التكبير**
- **لون النقطة** و**لون النقطة النشطة**

مع تفعيل **التالي/السابق**، تقدّم لوحة **التالي/السابق** أيضًا:

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

## أفكار للشرائح

- **منزلق الشهادات**: ضعوا **عنصر اقتباس** بالاقتباس وعنصر **نص** بالاسم على كل شريحة. أبقوا **التنقل بالنقاط** مفعّلًا و**التالي/السابق** مغلقًا، واضبطوا **الفاصل الزمني للتشغيل التلقائي** على 7000 ليتمكن الزوّار من إتمام القراءة.
- **كاروسيل البطل**: افتحوا **المزيد** > **الإعدادات** لشريحة واختاروا صورة لتكون **صورة الخلفية** في لوحتها **النمط**. أضيفوا عنصر **نص** بالعنوان و**زرًا**. فعّلوا **الإيقاف عند التحويم** ليتمكن الزوّار من القراءة والنقر.

## إذا لم يظهر

- **لا توجد نقاط تحت الكاروسيل.** لا تظهر النقاط إلا عندما يملك الكاروسيل شريحتين، وفقط مع تفعيل **التنقل بالنقاط**. انقروا **إضافة شريحة**، أو فعّلوا **التنقل بالنقاط** في لوحة **النقاط**.
- **الشريحة الجديدة لا تظهر بعد إضافة شريحة.** تُضاف الشرائح الجديدة في النهاية وتبقى مخفية حتى تفتحوها. انقروا النقطة الأخيرة تحت الكاروسيل.
- **الشرائح لا تتحرك من تلقاء نفسها.** **تعطيل التشغيل التلقائي** مفعّل. عطّلوه في اللوحة **العامة** من إعدادات الكاروسيل.
- **لا توجد أسهم.** **التالي/السابق** مغلق افتراضيًا. فعّلوه في لوحة **التالي/السابق**.
- **الكاروسيل غائب عن تبويب التخطيط في المنتقي.** ملف تعريف مستخدم DXPR Builder الخاص بكم يستبعده. يحدّد المسؤول **كاروسيل** تحت **العناصر** في ملفكم على `/admin/dxpr_studio/dxpr_builder/profile`.

## ما الخطوة التالية؟

- [معرض الصور](/ar/hc/documentation/learn-dxpr-builder/elements/image-carousel): عرض شرائح من الصور فقط، يُعَد في مربع حوار واحد.
- [إضافة لوحة تبويبات](/ar/hc/documentation/learn-dxpr-builder/layout/tabs-element): دعوا الزوّار يختارون المحتوى بدل انتظاره.
- [تبويب الحركة](/ar/hc/documentation/learn-dxpr-builder/design/animation-tab): أضيفوا مؤثرات الدخول إلى محتوى كل شريحة.