---
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-drupal/%D9%85%D8%B3%D8%B1%D8%AF-drupal/%D9%85%D8%AA%D8%AC%D8%A7%D9%88%D8%A8'
title: 'متجاوب | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T06:59:39+00:00'
updated: '2026-10-24T13:37:18+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'التصميم المتجاوب هو نهج في تطوير الويب يُنشئ تغييرات ديناميكية في مظهر الموقع، حسب حجم شاشة الجهاز المستخدم لعرضه واتجاهها. وهو جزء أساسي من إنشاء مواقع مُحسَّنة للأجهزة المحمولة، وكذلك للحواسيب المكتبية والمحمولة. وفي Drupal، يتحقق التصميم المتجاوب باستخدام قوالب ووحدات مصممة لضبط تخطيط الموقع بناءً على حجم الجهاز المستخدم لعرضه.'
tags:
  - 'Drupal glossary'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T13:37:18+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: '2023-11-06T06:59:39+0000'
      dateModified: '2026-10-24T13:37:18+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-drupal/%D9%85%D8%B3%D8%B1%D8%AF-drupal/%D9%85%D8%AA%D8%AC%D8%A7%D9%88%D8%A8'
      articleSection: 'مسرد Drupal'
    -
      '@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-drupal/%D9%85%D8%B3%D8%B1%D8%AF-drupal/%D9%85%D8%AA%D8%AC%D8%A7%D9%88%D8%A8'
      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) /[تعلّم Drupal](/ar/hc/documentation/learn-drupal) /[مسرد Drupal](/ar/hc/documentation/learn-drupal/drupal-glossary) # متجاوب

 تعلّم Drupalمسرد Drupal

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

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

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

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

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