يتيح لك حقل أيقونات وسائل التواصل الاجتماعي (Social Icons block) إضافة أيقونات ترتبط بملفاتك الشخصية أو مواقعك على شبكات التواصل. يساعد ذلك في زيادة ظهور حساباتك الاجتماعية وتوجيه الزيارات إليها. يمكنك إضافة الأيقونات إلى أي صفحة أو مقالة أو قالب عام للموقع أو نمط باستخدام محضر الموقع (Site editor).
إضافة حقل أيقونات وسائل التواصل الاجتماعي
لإضافة حقل أيقونات وسائل التواصل الاجتماعي، انقر على زر + إضافة حقل في الزاوية العلوية اليسرى من المحرر. ابحث عن حقل أيقونات وسائل التواصل الاجتماعي وانقر عليه لإضافته إلى الصفحة.
يمكنك أيضًا كتابة الأمر /social icons والضغط على مفتاح الإدخال (Enter) في حقل فقرة جديدة لإضافة الحقل بسرعة.
تعليمات تفصيلية حول إضافة الحقول.
بمجرد إضافة حقل أيقونات وسائل التواصل الاجتماعي، سترى العنصر النائب التالي حيث يمكنك إضافة الأيقونات.
كيفية إضافة الأيقونات والروابط
- حدد حقل أيقونات وسائل التواصل الاجتماعي وانقر فوق زر (+) لإظهار قائمة منصات التواصل الاجتماعي المتاحة.
- إذا لم تجد المنصة التي تبحث عنها في القائمة، فاكتب اسم المنصة في مربع البحث أو اختر زر "استعراض الكل" (Browse all).
- حدد الأيقونة من القائمة لإضافتها إلى حقل أيقونات وسائل التواصل الاجتماعي.
- انقر على الأيقونة داخل الحقل لإظهار حقل إدخال الرابط (URL).
- أضف رابط (URL) حساب وسائل التواصل الاجتماعي في حقل الإدخال واضغط على مفتاح Enter. إذا تم إغفال البروتوكول، سيقوم ووردبريس تلقائيًا بتعيين البروتوكول الافتراضي إلى
https.
- كرر هذه الخطوات لكل من حسابات وسائل التواصل الاجتماعي التي تريد إضافتها.
ملاحظة: عند إضافة أيقونة البريد الإلكتروني، كل ما تحتاجه هو إدخال عنوان البريد الإلكتروني. سيقوم ووردبريس تلقائيًا بإنشاء رابط يؤدي النقر عليه إلى فتح شاشة بريد إلكتروني جديدة في عميل البريد.
أيقونات وسائل التواصل الاجتماعي المتاحة
- ووردبريس (WordPress)
- 500px
- أمازون (Amazon)
- باندكامب (Bandcamp)
- بيهانس (Behance)
- بلوسكاي (Bluesky)
- رابط (Link)
- كودبين (CodePen)
- ديفيانت آرت (DeviantArt)
- ديسكورد (Discord)
- دريبيل (Dribbble)
- دروببوكس (Dropbox)
- إيتسي (Etsy)
- فيسبوك (Facebook)
- خلاصات RSS (RSS Feed)
- فليكر (Flickr)
- فورسكوير (Foursquare)
- جودريدز (Goodreads)
- جوجل (Google)
- جيت هاب (GitHub)
- غرافاتار (Gravatar)
- إنستغرام (Instagram)
- لاست إف إم (Last.fm)
- لينكد إن (LinkedIn)
- البريد (Mail)
- ماستودون (Mastodon)
- ميت أب (Meetup)
- ميديوم (Medium)
- باتريون (Patreon)
- بينترست (Pinterest)
- بوكيت (Pocket)
- ريديت (Reddit)
- سناب شات (Snapchat)
- ساوند كلاود (SoundCloud)
- سبوتيفاي (Spotify)
- تيليجرام (Telegram)
- ثردز (Threads)
- تيك توك (TikTok)
- تمبلر (Tumblr)
- تويتش (Twitch)
- تويتر (Twitter)
- فيميو (Vimeo)
- فيكونتاكتي (VK)
- واتساب (WhatsApp)
- إكس (X)
- يلب (Yelp)
- يوتيوب (YouTube)
أشرطة أدوات الحقل
لكل حقل ضوابطه الخاصة التي تتيح لك معالجة الحقل مباشرة داخل المحرر.
يحتوي حقل أيقونات وسائل التواصل الاجتماعي على شريطي أدوات:
- شريط الأدوات الأساسي الذي يظهر عند تحديد حقل أيقونات وسائل التواصل الاجتماعي بأكمله.
- شريط أدوات ثاني يظهر عندما تحدد أيقونة اجتماعية فردية داخل الحقل الرئيسي.
شريط أدوات حقل أيقونات وسائل التواصل الاجتماعي
تحويل إلى (Transform to)
يمكنك تحويل حقل أيقونات وسائل التواصل الاجتماعي إلى مجموعة (Group) أو أعمدة (Columns). يمكنك أيضًا تحويل نمط الحقل. هناك ثلاثة أنماط متاحة: الافتراضي (Default)، الشعارات فقط (Logos only)، وشكل حبة الدواء (Pill Shape). قد توفر مظهرتك (Theme) تنويعات أنماط مختلفة متاحة لهذا الحقل.
أدوات تحريك الحقل
تتيح لك أدوات تحريك الحقل نقل الحقل داخل المحرر. استخدم أيقونة النقاط الست للسحب والإفلات ووضع الحقل في أي مكان على الصفحة. بدلاً من ذلك، انقر على السهمين لأعلى ولأسفل لتحريك الحقل لأعلى أو لأسفل.
احصل على مزيد من المعلومات حول تحريك حقل داخل المحرر.
محاذاة (Align)
باستخدام قائمة المحذاة المنسدلة من شريط الأدوات، يمكنك محاذاة الحقل إلى اليسار، أو جعله في المنتصف، أو محاذاته إلى اليمين.
تغيير محاذاة العناصر (Change items justification)
يتيح إعداد محاذاة العناصر ضبط الأيقونات لليمين، أو المنتصف، أو اليسار. وهناك أيضًا خيار "مسافة بين العناصر" (Space between items). إذا تم تحديده، ستظهر أيقونات التواصل الاجتماعي بمسافات متساوية بينها.
خيارات إضافية (More options)
تمنحك هذه التحكمات خيار نسخ الحقل، وتكراره، وتعديله ككود HTML.
اقرأ حول هذه الإعدادات وغيرها.
شريط أدوات الأيقونة الفردية
شريط الأدوات الذي يظهر عند الضغط على الأيقونات الفردية يحتوي على أربعة أزرار:
تحديد الحقل الأصل: أيقونات وسائل التواصل الاجتماعي
سينقلك هذا إلى شريط أدوات الحقل الأصل "أيقونات وسائل التواصل الاجتماعي".
التحويلات (Transforms)
لا توجد عمليات تحويل لأيقونات التواصل الاجتماعي الفردية.
أدوات تحريك الحقل
تتيح لك أدوات تحريك الحقل نقل العنصر داخل المحرر. استخدم أيقونة النقاط الست للسحب والإفلات للأيقونة الاجتماعية داخل الحقل. بدلاً من ذلك، انقر على السهمين الأيمن والأيسر لتحريك الأيقونة أفقيًا.
احصل على مزيد من المعلومات حول تحريك حقل داخل المحرر.
أزرار المحاذاة والضبط
إذا أجريت تغييرات على أزرار المحاذاة والضبط على مستوى الأيقونة الاجتماعية الفردية، فسوف تُطبق الإعدادات على حقل أيقونات وسائل التواصل الاجتماعي (الحقل الأصل). راجع وصف أزرار المحاذاة والضبط أعلاه.
خيارات إضافية (More options)
تمنحك قائمة الخيارات الإضافية الممثلة بثلاث نقاط عمودية على أقصى يسار شريط الأدوات ميزات إضافية مثل إمكانية تكرار أو إزالة الحقل.
اقرأ حول هذه الإعدادات وغيرها.
إعدادات الحقل (Block settings)
لكل حقل خيارات محددة في الشريط الجانبي للمحرر بالإضافة إلى الخيارات الموجودة في شريط الأدوات. إذا لم تر الشريط الجانبي، فانقر على زر الإعدادات بجوار زر الحفظ/النشر.
ينقسم لوحة إعدادات حقل أيقونات وسائل التواصل الاجتماعي إلى ثلاثة تبويبات – عرض القائمة (List View)، والإعدادات (Settings)، والأنماط (Styles).
عرض القائمة (List View)
يتيح لك تبويب عرض القائمة، المُمثَّل بثلاثة خطوط أفقية، إعادة ترتيب أيقونات التواصل الاجتماعي داخل الحقل.
تعرّف على المزيد حول الخيارات والإعدادات المتاحة في عرض القائمة.
الإعدادات (Settings)
عند تحديد تبويب الإعدادات لحقل أيقونات وسائل التواصل الاجتماعي، والمُمثَّل بأيقونة ترس، سترا الإعدادات التالية في الشريط الجانبي:
التخطيط (Layout)
المحاذاة (Justification) – تتيح لك تحريك الحقل إلى اليسار أو اليمين أو المنتصف. يمكنك أيضًا اختيار توزيع المسافة بالتساوي بين الأيقونات.
الأتجاه (Orientation) – يتيح لك تغيير القائمة الأفقية للأيقونات إلى تنسيق عمودي.
زر السماح بالتفاف الأسطر المتعددة (Allow to wrap multiple lines toggle) – يساعد هذا الإعداد في ضمان عمل الحقل على الشاشات الصغيرة، خاصة عندما يحتوي حقل الأيقونات على العديد منها.
حجم الأيقونة (Icon size) – اختر الحجم الذي تريد عرض الأيقونات به.
زر إظهار النص (Show text toggle) – اختر إظهار أو إخفاء التسميات الخاصة بأيقونات وسائل التواصل الاجتماعي.
زر فتح الروابط في تبويب جديد (Open links in a new tab toggle) – التحكم فيما إذا كان الملف الشخصي المرتبط سيُفتح في علامة تبويب جديدة للمتصفح أم لا.
متقدم (Advanced)
يوفر حقل أيقونات وسائل التواصل الاجتماعي خيارات الإعدادات المتقدمة التالية: مرساة HTML، فئات CSS إضافية، وCSS إضافي، والأنماط.
تعرّف على المزيد حول الإعدادات المتقدمة.
الأنماط (Styles)
عند النقر فوق تبويب الأماط، المُمثَّل بدائرة نصف ممتلئة، داخل شريط إعدادات الحقل، ستري الخيارات التالية:
الأنماط (Styles)
من الممكن تغيير نمط الزر الفردي اعتمادًا على مظهرتك. مرر مؤشر الماوس فوق نمط معين لمعرفة كيف سيظهر نمط مثل التعبئة أو الإطار.
اللون (Color)
الأيقونات الافتراضية لها ألوان العلامات التجارية الخاصة بها. باستخدام إعدادات الألوان، يمكنك تغيير لون الخلفية والأمامية لجميع الأيقونات في الحقل لتتناسب مع هوية موقعك. اختر لونًا من المقترحات، أو أضف لونًا مخصصًا باستخدام منتقي الألوان أو عن طريق إضافة رمز اللون.
راجع هذا الدليل لمزيد من المعلومات حول تغيير الألوان.
الأبعاد (Dimensions)
تُستخدم أدوات التحكم في الأبعاد للتحكم في كيفية وضع مجموعات الحقول بجوار بعضها البعض، عن طريق تغيير قيم الحشوة (padding)، والهامش (margin)، والأبعاد الأخرى.
تعرّف على المزيد حول أدوات التحكم في الأبعاد.
الحدود (Border)
يوفر حقل أيقونات وسائل التواصل الاجتماعي خيارات إعدادات الحدود لإضافة لون الحدود، وعرضها، ونصف قطرها. إذا كانت هناك إعدادات حدود مخصصة، فسيكون الحد المخصص مرئيًا على العنصر النائب للصورة.
تعرّف على المزيد حول إعدادات الحدود والظلال.
إعدادات الأيقونة الفردية
عندما تحدد أيقونة فردية داخل حقل أيقونات وسائل التواصل الاجتماعي، سترا مجموعة من الإعدادات التي تنطبق فقط على تلك الأيقونة الاجتماعية المحددة.
النص (Text)
يمكنك تخصيص تسمية النص للأزرار عن طريق اختيار أيقونة اجتماعية فردية وإضافة النص المفضل لديك في مربع الإعدادات.
متقدم (Advanced)
توفر كل أيقونة اجتماعية فردية داخل الحقل خيارات الإعدادات المتقدمة التالية: مرساة HTML، فئات CSS إضافية، وCSS إضافي، والأنماط.
