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

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

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

 أدلة ذات صلة

- [إضافة كتلة 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/%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%B5%D9%81%D8%AD%D8%A9-%D8%A7%D9%84%D8%A3%D8%B3%D8%A6%D9%84%D8%A9-%D8%A7%D9%84%D8%B4%D8%A7%D8%A6%D8%B9%D8%A9)
- [إضافة عنصر رابط](/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/%D8%A7%D9%84%D8%B1%D8%A7%D8%A8%D8%B7)

هنا تبنون الصفحة الأمامية لمركز مساعدة: ترويسة كحلية وثلاث بطاقات فئات بأيقونة لكل منها وقائمتين من المقالات الشائعة ودعوة دعم إلى إجراء. استخدموها عندما تتوزع مساعدتكم على مقالات كثيرة. ولقائمة قصيرة من الأسئلة والأجوبة، اتبعوا [بناء صفحة أسئلة شائعة](/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%B5%D9%81%D8%AD%D8%A9-%D8%A7%D9%84%D8%A3%D8%B3%D8%A6%D9%84%D8%A9-%D8%A7%D9%84%D8%B4%D8%A7%D8%A6%D8%B9%D8%A9) بدلًا من ذلك.

يبني الفيديو مركز مساعدة منتج برمجي.

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

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

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

1. انقروا **إضافة العناصر** على الصفحة الفارغة واختاروا **القسم** من تبويب **التخطيط**.
2. مرّروا المؤشر فوق القسم وافتحوا **المزيد** > **الإعدادات**. تحت **فئات HTML** اختاروا **توسيط النص**. في لوحة **النمط** اختاروا **الخلفية** الكحلية و**لون الخط** الأبيض، ثم انقروا **حفظ**.
3. انقروا **+** على القسم واختاروا **نصًا**. اكتبوا «مركز المساعدة» كـ **عنوان 2** وأضيفوا «كيف نستطيع مساعدتكم اليوم؟». اضبطوا **لون الخط** على الأبيض في لوحة **النمط** وانقروا **حفظ**. يطبع القالب عنوان الصفحة كالعنوان 1 للصفحة. ولجعل هذا العنوان هو العنوان 1 بدلًا منه، راجعوا [بناء صفحات صديقة لتحسين محركات البحث](/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%AD%D8%B3%D9%8A%D9%86-%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB#step-1-start-the-content-at-heading-2).

## الخطوة 2: إضافة الفئات

1. مرّروا المؤشر فوق القسم وانقروا **إضافة قسم تحت**. امنحوا القسم الجديد فئة **توسيط النص**.
2. انقروا **+** على القسم واختاروا **صفًا**. انقروا أيقونة الشبكة (**تخطيط الأعمدة**) الخاصة به، واختاروا الإعداد المسبق **1/3 + 1/3 + 1/3** وانقروا **حفظ**.
3. انقروا **+** في العمود الأول واختاروا **بطاقة**. افتحوا **المزيد** > **الإعدادات** الخاصة بها، واضبطوا **الترويسة** على اسم الفئة و**العنوان** على عدد المقالات، ثم انقروا **حفظ**.
4. انقروا **+** في العمود نفسه واختاروا **الأيقونة**؛ فتهبط فوق البطاقة. اختاروا مجموعة **Font Awesome Free Solid**، وابحثوا عن `rocket` وانقروا الأيقونة. اضبطوا **الحجم** على **كبير جدًا (2x)** وانقروا **حفظ**.
5. كرّروا للعمود الثاني مع `credit-card` والثالث مع `screwdriver-wrench`.

## الخطوة 3: إضافة المقالات الشائعة

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

## الخطوة 4: إضافة دعوة الدعم إلى إجراء

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

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

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

## للمضي أبعد

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

- **مربع البحث**: فعّلوا وحدة **البحث** في النواة على **توسيع**. انقروا **+** في قسم الترويسة، وافتحوا تبويب **كتل Drupal** واختاروا **Block: Forms: Search form**. يهبط الزوّار على `/search/node`.
- **بطاقات قابلة للنقر**: أضيفوا عنصر **رابط** إلى العمود أولًا واضبطوا **الرابط** الخاص به على صفحة الفئة. ثم أضيفوا **البطاقة** في داخله.
- **روابط المقالات**: حدّدوا كل عنوان في القائمتين واربطوه مع زر الرابط على شريط الأدوات.
- **المزيد من الفئات**: أضيفوا **صفًا** ثانيًا بالإعداد المسبق نفسه. والشائع منها استخدام المحرر والقوالب والتصميم وAPI والتطوير.

## ما سترونه

تحيي الترويسة الكحلية الزوّار بـ «مركز المساعدة» بالأبيض. تليها ثلاث فئات موسّطة، لكل منها أيقونة فوق بطاقة باسمها وعدد مقالاتها. ويسرد شريط رمادي ستة مقالات شائعة في عمودين، ويقدم شريط أرجواني **اتصلوا بالدعم**.

## إذا لم تظهر الصفحة كما هي معروضة

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

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

- [تكامل كتل Drupal](/ar/hc/documentation/learn-dxpr-builder/integrations/drupal-blocks) للكتل الأخرى التي تستطيعون إدراجها
- [صفحة الأسئلة الشائعة](/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%B5%D9%81%D8%AD%D8%A9-%D8%A7%D9%84%D8%A3%D8%B3%D8%A6%D9%84%D8%A9-%D8%A7%D9%84%D8%B4%D8%A7%D8%A6%D8%B9%D8%A9) للإجابات القابلة للطي داخل صفحة فئة
- [عنصر الرابط](/ar/hc/documentation/learn-dxpr-builder/elements/link) للغلاف القابل للنقر حول بطاقة