---
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%B5%D9%88%D8%B1%D8%A9'
title: 'إضافة عنصر صورة | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:31:01+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'أضيفوا صورة فوتوغرافية أو رسمًا توضيحيًا يملأ عموده ويتكيف حجمه مع الشاشة.'
tags:
  - 'Text and media'
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:31:01+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%B5%D9%88%D8%B1%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%B5%D9%88%D8%B1%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/text-and-media) # إضافة عنصر صورة.

 تعلّم 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. انقروا عنوان **SEO** لتوسيعه. واستبدلوا أي نص في **السمة البديلة** بوصف قصير للصورة.
4. انقروا **حفظ** في مربع الحوار. ثم انقروا **حفظ** في شريط الأدوات أعلى منطقة المحتوى لتخزين الصفحة.

  ## ما ترونه

القيمة الافتراضية لـ**عرض الصورة** هي 100%. وتعلن قارئات الشاشة نصّكم البديل. وللتحقق من تكيّف الحجم، اضبطوا **وضع العرض** على **معاينة** وضيّقوا نافذة المتصفح. ويرى الزوار تغييراتكم بعد أن تحفظوا وتنشروا.

## إعداد عنصر الصورة

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

- **الصورة:** اختاروا صورة من وسائط موقعكم أو متصفح الملفات، أو ارفعوا ملفًا، أو الصقوا رابطًا خارجيًا.
- **عرض الصورة:** عرض CSS مثل `100%` أو `300px`. والافتراضي هو 100%.
- **ارتفاع الصورة:** ارتفاع ثابت مثل `400px`. اتركوه فارغًا للحفاظ على شكل الصورة.
- **رابط الصورة:** يجعل الصورة قابلة للنقر. أدخلوا رابطًا أو اختاروا صفحة.
- **هدف رابط الصورة:** النافذة نفسها أو نافذة جديدة. يظهر بعد أن تضيفوا رابطًا.
- **السمة البديلة:** في قسم **SEO**، وصف لقارئات الشاشة ومحركات البحث.
- **سمة العنوان:** في قسم **SEO**، معلومات إضافية تظهر كتلميح عند التحويم.

## تحميل الصور وسرعة الصفحة

يدير DXPR Builder تحميل الصور الجديدة تلقائيًا للحفاظ على سرعة الصفحات ومنع قفز المحتوى. وتبقى الصور في بداية الصفحة وداخل التبويبات ومعارض الصور واللافتات المتحركة جاهزة للعرض. ويمكن للصور الأبعد أن تُحمَّل أثناء تمرير الزوار.

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

ولا تُرقّى الصور الموجودة على موقعكم تلقائيًا. وتعتمد سرعة الصفحة أيضًا على حجم ملف الصورة والمحتوى الآخر. تحققوا من صفحتكم المنشورة على الشاشات الضيقة والواسعة.

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

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

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

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