---
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%B5%D9%81%D9%88%D9%81-%D9%88%D8%A7%D9%84%D8%A3%D8%B9%D9%85%D8%AF%D8%A9'
title: 'إضافة صف | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:34:23+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-06T09:34:23+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%B5%D9%81%D9%88%D9%81-%D9%88%D8%A7%D9%84%D8%A3%D8%B9%D9%85%D8%AF%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%B5%D9%81%D9%88%D9%81-%D9%88%D8%A7%D9%84%D8%A3%D8%B9%D9%85%D8%AF%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%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A7%D9%84%D9%85%D8%AA%D8%AC%D8%A7%D9%88%D8%A8)

يقسّم الصف القسم إلى أعمدة، لتضعوا المحتوى جنبًا إلى جنب: ثلاث خدمات أو صورة بجانب نصها أو شريطًا جانبيًا بجانب مقال. تختارون التقسيم من اثني عشر إعدادًا مسبقًا ويمكنكم منح الهواتف تخطيطًا خاصًا بها. اقرؤوا هذه الصفحة لإضافة صف؛ ولصف داخل عمود، راجعوا [التداخل](/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).

## إضافة صف

يضيف المثال صفًا من ثلاثة أعمدة إلى قسم، واحدًا لكل خدمة يقدمها فريق.

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

  تجلس أيقونة الشبكة بعد مقبض سحب الصف مباشرة. يغيّر الإعداد المسبق الأعمدة فور نقره؛ ويعيد **إلغاء** التخطيط القديم.

## ما سترونه

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

الأعمدة بطول محتواها فقط، فينتهي العمود القصير قبل جيرانه. تلاحظون ذلك عندما تحصل الأعمدة على لون خلفية؛ ويسوّيها **الأعمدة متساوية الارتفاع**.

## إعداد الصف الخاص بكم

### تخطيطات الأعمدة

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

| الإعداد المسبق | التخطيط |
|---|---|
| 1/1 | عمود واحد بعرض كامل |
| 1/2 + 1/2 | عمودان متساويان |
| 1/3 + 1/3 + 1/3 | ثلاثة أعمدة متساوية |
| 1/4 + 1/4 + 1/4 + 1/4 | أربعة أعمدة متساوية |
| 1/6 + 1/6 + 1/6 + 1/6 + 1/6 + 1/6 | ستة أعمدة متساوية |
| 1/4 + 1/2 + 1/4 | ضيق، واسع، ضيق |
| 1/6 + 4/6 + 1/6 | ضيق، واسع جدًا، ضيق |
| 1/4 + 3/4 | ربع على اليسار، وثلاثة أرباع على اليمين |
| 3/4 + 1/4 | ثلاثة أرباع على اليسار، وربع على اليمين |
| 2/3 + 1/3 | واسع على اليسار، وضيق على اليمين |
| 1/3 + 2/3 | ضيق على اليسار، وواسع على اليمين |
| 5/12 + 7/12 | ضيق قليلًا على اليسار، وواسع قليلًا على اليمين |

لأي تقسيم آخر، انقروا **تخطيط مخصص** واكتبوا العروض كسورًا، مثل `1/6 + 5/6`. فالعروض التي يتجاوز مجموعها 1 تلتف إلى سطر جديد. وعندما تفتحون مربع الحوار مجددًا، يكون **تخطيط مخصص** محددًا ويعرض التخطيط، مثل **تخطيط مخصص (1/6 + 5/6)**.

### تخطيط لكل حجم شاشة

تضبط اللوحة الأولى، **الأجهزة المتوسطة (≥ 768px)**، التخطيط من الأجهزة اللوحية فأعلى. ولتغيير الهواتف أيضًا، انقروا **إضافة حجم شاشة** أعلى مربع الحوار. فتُفتَح لوحة **صغير جدًا (< 576px)**؛ واختاروا حجمًا آخر من قائمتها إذا احتجتم واحدًا، ثم إعدادًا مسبقًا. ويحذف **إزالة حجم شاشة** لوحة مجددًا.

### إعدادات الصف والعمود

افتحوا **المزيد** > **الإعدادات** على شريط تحكم الصف، أو على شريط العمود لإعداد العمود.

| الإعداد | العنصر | ماذا يفعل | الافتراضي |
|---|---|---|---|
| **الأعمدة متساوية الارتفاع** | صف | يمدّد كل عمود إلى ارتفاع أطول عمود | مغلق |
| **عكس الصف** | صف | يعرض الأعمدة بترتيب معكوس من 768 بكسل فأعلى؛ وتحافظ الأعمدة المرصوصة على ترتيب صفحتها | مغلق |
| **التوسيط العمودي** | عمود | يوسّط المحتوى في عمود أطول منه | مغلق |

**عكس الصف** يناسب صفحة من صفوف متناوبة: صورة على اليسار، ثم صورة على اليمين، بينما تعرض الهواتف الصورة أولًا دائمًا.

### نقل الأعمدة وإزالتها

اسحبوا عمودًا بمقبضه، أو استخدموا **المزيد** > **نقل إلى اليسار** أو **نقل إلى اليمين** على شريطه. لا تملك الأعمدة **حذفًا**: اختاروا إعدادًا مسبقًا بأعمدة أقل بدلًا من ذلك. فلا يضيع المحتوى بتلك الطريقة أبدًا؛ بل ينتقل إلى آخر عمود يبقى.

## إذا لم يظهر

- **التوسيط العمودي على عمود لا يغيّر شيئًا.** العمود بطول محتواه فقط، فلا مساحة للتوسيط فيها. فعّلوا **الأعمدة متساوية الارتفاع** في إعدادات الصف.
- **الأعمدة تتراص على الهاتف.** تحت 768 بكسل هذا هو الافتراضي. انقروا أيقونة الشبكة، ثم **إضافة حجم شاشة**، واختاروا إعدادًا مسبقًا لـ **صغير جدًا (< 576px)**.
- **قفز نص إلى عمود آخر.** اخترتم إعدادًا مسبقًا بأعمدة أقل، وانتقل محتوى الأعمدة المزالة إلى الأخير. اضغطوا **Ctrl+Z**(**Cmd+Z** على Mac) للتراجع عن التغيير.
- **لا يملك عمود حذفًا في قائمة المزيد.** تُزال الأعمدة عبر التخطيط. انقروا أيقونة شبكة الصف واختاروا إعدادًا مسبقًا بأعمدة أقل.

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

- [التداخل](/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/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%B5%D9%85%D9%8A%D9%85/%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A7%D9%84%D9%85%D8%AA%D8%AC%D8%A7%D9%88%D8%A8): كيف يتكيف تخطيطكم مع كل حجم شاشة.