---
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%A7%D9%84%D8%B7%D8%A8%D9%82%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%88%D8%B6%D9%88%D8%B9%D8%A9'
title: 'إضافة حاوية طبقات موضوعة | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T06:17:59+00:00'
updated: '2026-10-24T17:19:22+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-24T17:19:22+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-06T06:17:59+0000'
      dateModified: '2026-10-24T17:19:22+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%A7%D9%84%D8%B7%D8%A8%D9%82%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%88%D8%B6%D9%88%D8%B9%D8%A9'
      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%A7%D9%84%D8%B7%D8%A8%D9%82%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%88%D8%B6%D9%88%D8%B9%D8%A9'
      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%AA%D8%AE%D8%B7%D9%8A%D8%B7/%D8%A7%D9%84%D8%A3%D9%82%D8%B3%D8%A7%D9%85)
- [إضافة تخطيط متداخل](/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%A7%D9%84%D8%AA%D8%AF%D8%A7%D8%AE%D9%84)
- [تحريك العناصر عند التمرير أو التحويم أو النقر](/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/layout/rows-and-columns) أسهل للمحافظة على الترتيب على الهواتف.

  ## إضافة حاوية طبقات موضوعة

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

## ما سترونه

تحافظ اللوحة على الارتفاع الذي ضبطتموه، وتجلس كل طبقة حيث وضعتموها، فوق غيرها أو تحتها. ويرى الزوّار التكوين كما يبدو في المحرر. تُخزَّن المواضع حصصًا من اللوحة، فتحافظ الطبقة على موضعها عندما تضيق اللوحة. ويحافظ النص على حجمه ما لم تفعّلوا **التجاوب**.

## إعداد الطبقات الموضوعة الخاصة بكم

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

| الإعداد | ماذا يفعل | الافتراضي |
|---|---|---|
| **العرض** | عرض اللوحة، مثل 100% أو 600px | 100% |
| **الارتفاع** | ارتفاع اللوحة بالبكسل | 500 |
| **التجاوب** | يقيس ارتفاع اللوحة والنص مع عرض اللوحة، ليحافظ التكوين على تناسبه على الشاشات الصغيرة | مغلق |

## وضع الطبقات

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

تحمل قائمة **المزيد** لكل طبقة أربعة عناصر إضافية. يمدّد **عرض 100%** و**ارتفاع 100%** الطبقة عبر اللوحة. وينقلها **التقديم إلى الأمام** و**الإرجاع إلى الخلف** فوق الطبقات الأخرى أو تحتها.

## إذا لم يظهر

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

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

- [الأقسام](/ar/hc/documentation/learn-dxpr-builder/layout/sections): امنحوا المنطقة حول اللوحة لون خلفية أو صورة.
- [التداخل](/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%A7%D9%84%D8%AA%D8%AF%D8%A7%D8%AE%D9%84): اجمعوا الطبقات مع الصفوف والأعمدة في تخطيطات أعقد.
- [تبويب الحركة](/ar/hc/documentation/learn-dxpr-builder/design/animation-tab): دعوا كل طبقة تظهر بمؤثر دخول خاص بها.