---
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%B9%D9%86%D8%A7%D8%B5%D8%B1/%D8%A7%D9%84%D8%A8%D8%B7%D8%A7%D9%82%D8%A9'
title: 'إضافة عنصر بطاقة | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:34:22+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'تحصلون على صندوق مؤطر بترويسة وعنوان يحوي عناصر أخرى، مثل نص أو زر. استخدموا البطاقات لتجميع المحتوى المرتبط كالخدمات وملفات تعريف الفريق وباقات الأسعار.'
tags:
  - Marketing
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-24T14:34:22+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%B9%D9%86%D8%A7%D8%B5%D8%B1/%D8%A7%D9%84%D8%A8%D8%B7%D8%A7%D9%82%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%B9%D9%86%D8%A7%D8%B5%D8%B1/%D8%A7%D9%84%D8%A8%D8%B7%D8%A7%D9%82%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/elements/marketing) # إضافة عنصر بطاقة.

 تعلّم 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%A5%D8%B9%D8%AF%D8%A7%D8%AF%D8%A7%D8%AA-%D8%A7%D9%84%D8%B9%D9%86%D8%B5%D8%B1/%D8%AA%D8%A8%D9%88%D9%8A%D8%A8-%D8%A7%D9%84%D9%86%D9%85%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%A8%D8%AF%D8%A1/%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9-%D8%A7%D9%84%D8%A3%D9%88%D9%84%D9%89) الأساسيات.

1. حوموا فوق العمود وانقروا **+** في شريط التحكم، أو انقروا **إضافة العناصر** على صفحة فارغة. افتحوا تبويب **المحتوى** وانقروا **البطاقة**. تستقر أعلى العمود، دون مربع حوار.
2. حوموا فوقها، وانقروا **المزيد** في شريط تحكمها واختاروا **الإعدادات**. اكتبوا **ترويسة**، مثل علاقات المستثمرين.
3. اكتبوا **عنوان** البطاقة، مثل نتائج الربع الثالث المنشورة.
4. اختاروا **النوع** لتنسيق البطاقة. هنا نختار **الأساسي**. ويتحول النص إلى الأبيض تلقائيًا.
5. انقروا **حفظ** في مربع الحوار.
6. حوموا فوق البطاقة وانقروا **+** في شريط تحكمها الخاص، لا شريط العمود. و**+** في متن البطاقة الفارغ يعمل أيضًا. أضيفوا **زرًا**، لأن البطاقة حاوية. اضبطوا تسميته ورابطه كما في [الزر](/ar/hc/documentation/learn-dxpr-builder/elements/button). ثم انقروا **حفظ** في شريط الأدوات أعلى منطقة المحتوى لتخزين الصفحة.

  ## ما ترونه

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

## إعداد البطاقة

حوموا فوق العنصر وافتحوا **المزيد > الإعدادات** في شريط التحكم. الخيارات:

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

البطاقة حاوية. أضيفوا عناصر أخرى إلى متنها أو اسحبوها إليه، مثل نص أو صورة أو زر.

## إذا لم يظهر لكم

- **البطاقة ليست في تبويب المحتوى.** ملف تعريف المستخدم الخاص بكم يخفيها. اطلبوا من المسؤول تعليم **Card (Bootstrap 4/5)** تحت **Elements** في [ملفات تعريف المستخدم](/ar/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **اختفت بعد إعادة التحميل.** لم يتم حفظ الصفحة. أضيفوها مجددًا وانقروا **حفظ** في شريط الأدوات أعلى منطقة المحتوى.
- **لا تعرض البطاقة إلا حدًا ولا شيء في داخلها.** لا عناصر فيها بعد. حوموا فوق البطاقة، وانقروا **+** في شريط تحكمها وأضيفوا نصًا أو صورة أو زرًا.
- **شريط الترويسة مفقود.** حقل **الترويسة** فارغ. حوموا فوق العنصر وافتحوا **المزيد > الإعدادات**، ثم اكتبوا ترويسة.
- **يصعب قراءة النص على البطاقة.** معظم خيارات **النوع** تستخدم نصًا أبيض، يبهت على لون فاتح مثل التحذير. اختاروا نوعًا أدكن، أو الفاتح.

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

[تبويب النمط](/ar/hc/documentation/learn-dxpr-builder/element-settings/style-tab) لتغيير التباعد والخلفية للبطاقة الخاصة بكم.