العودة إلى الدعم المحتوى والوسائط المكوِّنات مكوِّن مقارنة الصور

مكوِّن مقارنة الصور

استخدم مكوِّن مقارنة الصورة لوضع صورتين متجاورتين (أو فوق بعضهما) واستخدم شريط التمرير للكشف عن الاختلافات بين الصورتين. فيما يأتي مثال لذلك:

مكوِّن مقارنة الصور

لإضافة مكوِّن مقارنة الصور، انقر على أيقونة أداة إدراج المكوِّن لفتح مكتبة المكوِّنات وحدِّد مكوِّن مقارنة الصور.

يمكن العثور على الإرشادات التفصيلية حول إضافة المكوِّنات هنا.

صورة GIF توضِّح عملية إضافة مكوِّن مقارنة الصور
إضافة مكوِّن مقارنة الصور

يعمل المكوِّن على أفضل نحو مع صورتين بالعرض والارتفاع أنفسهما.

يمكنك سحب الصور وإفلاتها إلى المكوِّن لكل المواقع قبل وبعد على حد سواء. يمكنك كذلك النقر على زر رفع أو الاختيار من صور مرفوعة بالفعل من مكتبة الوسائط الخاصة بك.

مكوِّن مقارنة الصور - رفع الصورة
إضافة صور إلى مكوِّن مقارنة الصور

ستتمكن من إضافة تسمية توضيحية إلى المكوِّن بعد رفع صورك.

إذا رفعت الصور الخاطئة أو رغبت في تغيير الترتيب، فسيتعيَّن عليك حذف المكوِّن والبدء من جديد.


إعدادات المكوِّن

يحتوي كل مكوِّن من المكوِّنات على خيارات مُحدَّدة في الشريط الجانبي للمحرِّر بالإضافة إلى الخيارات الموجودة في شريط أدوات المكوِّن. إذا لم ترَ الشريط الجانبي، فما عليك سوى النقر على أيقونة “الترس” الموجودة بجوار زر “نشر”.

يمكن العثور على إعدادات المكوِّن في الشريط الجانبي.
إعدادات المكوِّن

إعدادات الاتجاه

باستخدام إعدادات الاتجاه، يمكنك تبديل الاتجاه من جانب إلى جانب إلى أعلى وأسفل:

إعدادات مكوِّن مقارنة الصور
إعدادات مكوِّن مقارنة الصور

متقدم

تتيح لك علامة التبويب “متقدِّم” إضافة فئة CSS إلى مكوِّنك، ما يتيح لك كتابة CSS مخصص وتهيئة المكوِّن. اعرف المزيد.

يتيح لك القسم “إعدادات متقدِّمة” إضافة فئة CSS إلى مكوِّنك.
Copied to clipboard!