---
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%B1%D9%88%D8%A7%D8%A8%D8%B7-%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84-%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A'
title: 'إضافة عنصر روابط التواصل الاجتماعي | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:35:56+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: '2023-11-06T09:35:56+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%B1%D9%88%D8%A7%D8%A8%D8%B7-%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84-%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A'
      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%B1%D9%88%D8%A7%D8%A8%D8%B7-%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84-%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A'
      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. تحت **روابط التواصل الاجتماعي**، استبدلوا صفّي المثال بحساباتكم. انقروا **إضافة رابط** لكل حساب إضافي. ابدؤوا بكتابة العلامة، واختاروها من الاقتراحات، وأدخلوا الرابط، مثل `https://github.com/dxpr`.
3. اختاروا **نمطًا** لشكل الأيقونة. هذا هو الحقل قرب أعلى مربع الحوار، وليس لوحة النمط أسفله. هنا هو **الدائرة**.
4. اختاروا **حجمًا** للأيقونات. هنا هو **3x**.
5. انقروا عنوان **ألوان الأيقونات** لتوسيعه، واضبطوا **لون الخلفية** على **لون العلامة**.
6. تحت **اللون**، اختاروا عيّنة من لوحة الألوان. تظهر لوحة الألوان لأن **اللون** مضبوط على **مخصّص** افتراضيًا. هنا هو قريب من الأبيض.
7. انقروا **حفظ** في مربع الحوار. ثم انقروا **حفظ** في شريط الأدوات أعلى منطقة المحتوى لتخزين الصفحة.

  ## ما ترونه

تظهر الحسابات التي أضفتموها كصف من الأيقونات، وتفتح كل أيقونة صفحتها. في الفيديو، يظهر LinkedIn وGitHub وDrupal كدوائر كبيرة بألوان علاماتها وشعارات بيضاء. ويراها الزوار بعد أن تحفظوا الصفحة وتتم نشرها.

## إعداد عنصر روابط التواصل الاجتماعي

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

- **روابط التواصل الاجتماعي:** صف واحد لكل أيقونة، باسم علامة ورابط الصفحة. انقروا إضافة رابط لصف آخر، واستخدموا الأسهم لتغيير الترتيب.
- **التخطيط:** تضع المضمّنة الأيقونات في صف. وتضع المكدّسة كل أيقونة في سطر خاص.
- **النمط:** شكل الأيقونة: بلا أو مستديرة أو دائرة أو مربعة.
- **الحجم:** صغير أو كبير، أو من 2x حتى 5x.
- **مؤثرات CSS3 عند التحويم:** بلا أو القرص أو النبض. ويحوّل أي مؤثر الأيقونة إلى دائرة.
- **اللون:** لون الشعار: لون العلامة أو مخصّص أو الوراثة. يعرض مخصّص لوحة ألوان، وتستخدم الوراثة لون النص حولها.
- **لون الخلفية:** تعبئة الشكل، بالخيارات الثلاثة نفسها.

**اللون** و**لون الخلفية** تحت عنوان **ألوان الأيقونات**. انقروه لفتحهما.

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

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

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

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