---
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%B5%D9%81%D8%AD%D8%A9-%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9'
title: 'ابنوا صفحة فعالية | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:12:06+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:06+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%B5%D9%81%D8%AD%D8%A9-%D9%81%D8%B9%D8%A7%D9%84%D9%8A%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%B5%D9%81%D8%AD%D8%A9-%D9%81%D8%B9%D8%A7%D9%84%D9%8A%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بناء الصفحاتاتبعوا دليلًا تطبيقيًا

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

 أدلة ذات صلة

- [إضافة عنصر خريطة](/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%AE%D8%B1%D9%8A%D8%B7%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%A8%D8%B7%D8%A7%D9%82%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%B4%D8%B1%D9%88%D8%AD%D8%A7%D8%AA/%D9%82%D8%B3%D9%85-%D8%A7%D9%84%D8%A8%D8%B7%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%B4%D8%B1%D9%88%D8%AD%D8%A7%D8%AA/%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9-%D8%A7%D9%84%D9%88%D8%A7%D8%AD%D8%AF%D8%A9) بدلًا من ذلك.

يبني الفيديو صفحة يوم مفتوح جامعي.

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

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

## الخطوة 1: إضافة البطل

1. انقروا **إضافة العناصر** على الصفحة الفارغة واختاروا **القسم** من تبويب **التخطيط**. مرّروا المؤشر فوقه وافتحوا **المزيد** > **الإعدادات**.
2. تحت **فئات HTML** اختاروا **توسيط النص**.
3. افتحوا لوحة **النمط**. تحت **صورة الخلفية** انقروا **اختيار صورة**، وحدّدوا صورة وانقروا **إدراج المحدد**. اضبطوا **نمط الخلفية** على **التغطية**.
4. اختاروا **خلفية** كحلية داكنة و**لون خط** أبيض، ثم انقروا **حفظ**.
5. انقروا **+** على القسم واختاروا **زرًا**. اضبطوا **العنوان** على «سجّلوا الآن» و**الرابط** على صفحة التسجيل و**النوع** على **فاتح** و**الحجم** على **كبير**، ثم انقروا **حفظ**.
6. انقروا **+** مجددًا واختاروا **نصًا**؛ فيهبط فوق الزر. اكتبوا اسم الفعالية كـ **عنوان 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. انقروا **+** في العمود الأيسر واختاروا **نصًا**. اكتبوا «تفاصيل الفعالية» كـ **عنوان 2**، وأضيفوا سطرًا واحدًا لكل من التاريخ والمكان والاتصال، وانقروا **حفظ**.
3. انقروا **+** في العمود الأيمن واختاروا **الخريطة**. اكتبوا **العنوان** للمكان، واضبطوا **ارتفاع الخريطة** على 320 وانقروا **حفظ**.

## الخطوة 3: إضافة المتحدثين

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

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

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

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

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

## للمضي أبعد

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

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

## ما سترونه

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

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

- **صورة البطل لا تملأ القسم.** **نمط الخلفية** ما زال على **افتراضيات القالب**. افتحوا لوحة **النمط** للقسم واضبطوه على **التغطية**.
- **الخريطة تعرض المكان الخطأ.** تبحث خرائط Google عن العنوان كما كُتِب. أضيفوا الرمز البريدي والمدينة والبلد إلى **العنوان** واحفظوا مجددًا.
- **بطاقة لا تعرض مربع إعدادات بعد إضافتها.** تُفتَح البطاقات فارغة، دون مربع حوار. مرّروا المؤشر فوق البطاقة وافتحوا **المزيد** > **الإعدادات** لملء **الترويسة** و**العنوان**.
- **ذهبت تغييراتكم بعد إعادة التحميل.** غادرتم الصفحة قبل نقر **حفظ** على شريط أدوات المنشئ. وإذا عرض الحفظ خطأ، راجعوا [التغييرات لا تُحفَظ](/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/elements/map) لإعدادات الخريطة
- [عنصر البطاقة](/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%A8%D8%B7%D8%A7%D9%82%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%B4%D8%B1%D9%88%D8%AD%D8%A7%D8%AA/%D9%82%D8%B3%D9%85-%D8%A7%D9%84%D8%A8%D8%B7%D9%84) للمزيد من خيارات البطل