---
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%B4%D8%B1%D9%88%D8%AD%D8%A7%D8%AA/%D8%AA%D8%AE%D8%B7%D9%8A%D8%B7-%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A9'
title: 'ابنوا تخطيط مدونة | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:11:36+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  هنا تبنون الصفحة التي تسرد تدويناتكم: منشور مميز في
  الأعلى وقائمة من عرض Drupal مع شريط جانبي وشريط
  نشرة. وتظهر المنشورات الجديدة عليها دون تحرير الصفحة.
  ولسرد قصة عميل واحد بتعمق، اتبعوا كتابة دراسة حالة بدلًا من ذلك.
  يبني الفيديو مدونة منتج للتقارير.
tags:
  - 'Follow a tutorial'
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: |-
        هنا تبنون الصفحة التي تسرد تدويناتكم: منشور مميز في
        الأعلى وقائمة من عرض Drupal مع شريط جانبي وشريط
        نشرة. وتظهر المنشورات الجديدة عليها دون تحرير الصفحة.
        ولسرد قصة عميل واحد بتعمق، اتبعوا كتابة دراسة حالة بدلًا من ذلك.
        يبني الفيديو مدونة منتج للتقارير.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:11:36+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%B4%D8%B1%D9%88%D8%AD%D8%A7%D8%AA/%D8%AA%D8%AE%D8%B7%D9%8A%D8%B7-%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%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%B4%D8%B1%D9%88%D8%AD%D8%A7%D8%AA/%D8%AA%D8%AE%D8%B7%D9%8A%D8%B7-%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A9'
      description: |-
        هنا تبنون الصفحة التي تسرد تدويناتكم: منشور مميز في
        الأعلى وقائمة من عرض Drupal مع شريط جانبي وشريط
        نشرة. وتظهر المنشورات الجديدة عليها دون تحرير الصفحة.
        ولسرد قصة عميل واحد بتعمق، اتبعوا كتابة دراسة حالة بدلًا من ذلك.
        يبني الفيديو مدونة منتج للتقارير.
      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/tutorials/overview) # ابنوا تخطيط مدونة.

 تعلّم DXPR Builderبناء الصفحاتاتبعوا دليلًا تطبيقيًا

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

 أدلة ذات صلة

- [أضيفوا نموذجًا إلى صفحة](/ar/hc/documentation/learn-dxpr-builder/tutorials/add-forms)
- [أضيفوا عرض Drupal إلى صفحتكم](/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%D9%83%D8%A7%D9%85%D9%84%D8%A7%D8%AA/%D8%B9%D8%B1%D8%B6-drupal)
- [إضافة كتلة Drupal إلى صفحتكم](/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%D9%83%D8%A7%D9%85%D9%84%D8%A7%D8%AA/%D9%83%D8%AA%D9%84-drupal)
- [ابنوا صفحة من نحن](/ar/hc/documentation/learn-dxpr-builder/tutorials/about-page)

هنا تبنون الصفحة التي تسرد تدويناتكم: منشور مميز في الأعلى وقائمة من عرض Drupal مع شريط جانبي وشريط نشرة. وتظهر المنشورات الجديدة عليها دون تحرير الصفحة. ولسرد قصة عميل واحد بتعمق، اتبعوا [كتابة دراسة حالة](/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%B4%D8%B1%D9%88%D8%AD%D8%A7%D8%AA/%D8%AF%D8%B1%D8%A7%D8%B3%D8%A9-%D8%AD%D8%A7%D9%84%D8%A9) بدلًا من ذلك.

يبني الفيديو مدونة منتج للتقارير.

  ## قبل أن تبدؤوا

- يملك دوركم صلاحية **التحرير باستخدام DXPR Builder**.
- يملك موقعكم عرضًا يسرد تدوينات المدونة. تشحن DXPR CMS عرض **Blog** مع قائمة **Blog** ومعروض **Featured posts**.
- الصفحة مفتوحة في المنشئ. فلصفحة جديدة، انتقلوا إلى **المحتوى** > **إضافة محتوى** > **صفحة هبوط** (`/node/add/landing_page`) وانقروا **حفظ**.
- تهبط العناصر الجديدة في أعلى عمودها. أضيفوا عناصر العمود بترتيب عكسي، أو اسحبوها إلى مواضعها بعد ذلك.

## الخطوة 1: إضافة المنشور المميز

1. انقروا **إضافة العناصر** على الصفحة الفارغة واختاروا **القسم** من تبويب **التخطيط**.
2. انقروا **+** على القسم واختاروا **صفًا**؛ فيأتي بعمودين متساويين. انقروا أيقونة الشبكة (**تخطيط الأعمدة**) الخاصة به، واختاروا الإعداد المسبق **2/3 + 1/3** وانقروا **حفظ**.
3. انقروا **+** في العمود الواسع واختاروا **صورة** من تبويب **المحتوى**. انقروا **اختيار صورة** وحدّدوا صورة وانقروا **إدراج المحدد**. اكتبوا **سمة Alt** في لوحة **SEO** وانقروا **حفظ**.
4. انقروا **+** في العمود الضيق واختاروا **زرًا**. اضبطوا **العنوان** على «اقرؤوا المزيد» و**الرابط** على المنشور وأبقوا **النوع** على **أساسي**، ثم انقروا **حفظ**.
5. انقروا **+** في العمود الضيق مجددًا واختاروا **نصًا**؛ فيهبط فوق الزر. اكتبوا عنوان المنشور كـ **عنوان 2** وأضيفوا المقتطف تحته وانقروا **حفظ**.

## الخطوة 2: إضافة القائمة والشريط الجانبي

1. مرّروا المؤشر فوق القسم وانقروا **إضافة قسم تحت**. أضيفوا **صفًا** إليه بالإعداد المسبق **2/3 + 1/3**.
2. انقروا **+** في العمود الواسع وافتحوا تبويب **طرق عرض Drupal**. اختاروا **View: Blog (Blog)** وانقروا **حفظ**؛ فيعرض منشوراتكم.
3. انقروا **+** في العمود الضيق وافتحوا تبويب **طرق عرض Drupal**. اختاروا **View: Blog (Featured posts)** وانقروا **حفظ**.
4. انقروا **+** في العمود الضيق مجددًا وافتحوا تبويب **كتل Drupal**. اختاروا **Block: Forms: Search form** وانقروا **حفظ**؛ فيهبط فوق المنشورات المميزة.

## الخطوة 3: إضافة شريط النشرة

1. أضيفوا قسمًا ثالثًا مع **إضافة قسم تحت**. افتحوا **المزيد** > **الإعدادات** الخاصة به، واختاروا **خلفية** كحلية في لوحة **النمط** وانقروا **حفظ**.
2. انقروا **+** على القسم واختاروا **زرًا**. اضبطوا **العنوان** على «اشتركوا في النشرة» و**الرابط** على `/newsletter` و**النوع** على **فاتح**، ثم انقروا **حفظ**.
3. انقروا **+** مجددًا واختاروا **نصًا**؛ فيهبط فوق الزر. اكتبوا «ابقوا على اطلاع» كـ **عنوان 2** وسطرًا واحدًا عن النشرة تحته. اضبطوا **لون الخط** على الأبيض في لوحة **النمط** وانقروا **حفظ**.

## الخطوة 4: الحفظ والمعاينة

1. انقروا **حفظ** على شريط أدوات المنشئ.
2. افتحوا قائمة العرض (أيقونة **العين**) واختاروا **معاينة**.

## للمضي أبعد

غير معروض في الفيديو:

- **نموذج التسجيل**: أضيفوا كتلة نموذج نشرة من تبويب **كتل Drupal** مكان الزر؛ راجعوا [إضافة النماذج إلى الصفحات](/ar/hc/documentation/learn-dxpr-builder/tutorials/add-forms)
- **الفئات**: أضيفوا عرضًا لفئات مدونتكم إلى الشريط الجانبي
- **تلوين الشريط الجانبي**: افتحوا إعدادات العمود الضيق وامنحوه **خلفية** رمادية فاتحة وبعض الحشو في لوحة **النمط** الخاصة

## ما سترونه

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

## إذا لم تظهر منشوراتكم

- **عرض Blog ليس في تبويب طرق عرض Drupal.** العرض معطّل، أو ملف مستخدم المنشئ الخاص بكم يخفيه. فعّلوه على **البنية** > **طرق العرض** (`/admin/structure/views`)، أو اطلبوا من مسؤول تحديده تحت **طرق العرض** في ملف المستخدم الخاص بكم.
- **عمود القائمة يبقى فارغًا.** العرض بلا منشورات منشورة يعرضها. انشروا منشورًا على **المحتوى** > **إضافة محتوى** > **تدوينة**، ثم أعيدوا تحميل الصفحة.
- **نموذج البحث ليس في تبويب كتل Drupal.** وحدة **البحث** في النواة تقدم تلك الكتلة. فعّلوها على **توسيع** (`/admin/modules`).
- **ذهبت تغييراتكم بعد إعادة التحميل.** غادرتم الصفحة قبل نقر **حفظ** على شريط أدوات المنشئ. وإذا عرض الحفظ خطأ، راجعوا [التغييرات لا تُحفَظ](/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%D8%B3%D8%AA%D9%83%D8%B4%D8%A7%D9%81-%D8%A7%D9%84%D8%A3%D8%AE%D8%B7%D8%A7%D8%A1-%D9%88%D8%A5%D8%B5%D9%84%D8%A7%D8%AD%D9%87%D8%A7/%D9%8A%D9%81%D8%B4%D9%84-%D8%A7%D9%84%D8%AD%D9%81%D8%B8).

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

- [إضافة النماذج إلى الصفحات](/ar/hc/documentation/learn-dxpr-builder/tutorials/add-forms) لنماذج التسجيل
- [تكامل طرق عرض Drupal](/ar/hc/documentation/learn-dxpr-builder/integrations/drupal-views) لضبط طرق العرض
- [تكامل كتل Drupal](/ar/hc/documentation/learn-dxpr-builder/integrations/drupal-blocks) لكتل الشريط الجانبي
- [صفحة من نحن](/ar/hc/documentation/learn-dxpr-builder/tutorials/about-page) للدرس التالي