استخدم مكوِّن معرض متجانب لعرض صور متعددة في تخطيط تجانبي منظم بأناقة.
في هذا الدليل
لإضافة مكوِّن المعرض المتجانب، انقر على أيقونة أداة إدراج المكوِّن +، وابحث عن “متجانب”. انقر عليه لإضافة المكوِّن إلى المقالة أو الصفحة.
![إضافة مكوِّن معرض متجانب.](https://en-support.files.wordpress.com/2022/05/adding-a-tiled-gallery-block-1.gif?w=1024)
💡
يمكنك كذلك باستخدام لوحة المفاتيح الخاصة بك كتابة
/متجانب
في سطر جديد والضغط على مفتاح enter لإضافة مكوِّن معرض متجانب جديد بسرعة.
![إضافة مكوِّن معرض متجانب باستخدام أداة إدراج تبدأ بشرطة](https://en-support.files.wordpress.com/2022/05/adding-a-tiled-gallery-block-with-slash-inserter.png?w=1024)
يمكن العثور على الإرشادات التفصيلية حول إضافة المكوِّنات هنا.
بعد إضافة مكوِّن المعرض المتجانب، سيكون أمامك خياران: رفع الصور وتحديدها:
![إضافة صور إلى معرض متجانب](https://en-support.files.wordpress.com/2022/05/add-images-to-tiled-gallery.png?w=1024)
يسمح لك خيار الرفع برفع صورة جديدة أو عدة صور من حاسبوك إلى موقعك على الويب.
يسمح لك خيار تحديد الصور بالاختيار من بين الصور المرفوعة سابقًا في مكتبة الوسائط الخاصة بك، أو الاختيار من Google Photos أو مكتبة صور Pexels المجانية أو Openverse.
بعد إضافة الصور، عندما تنقر على المكوِّن، سيظهر شريط أدوات الخيارات:
![شريط أدوات مكوِّن المعرض المتجانب الأصلي](https://en-support.files.wordpress.com/2022/05/tiled-gallery-block-toolbar.png?w=1024)
يحتوي مكوِّن المعرض المتجانب على الخيارات الآتية في شريط أدواته:
- التغيير إلى نوع مكوِّن آخر
- سحب مقبض المكوِّن لتغيير موضع المكوِّن
- نقل المكوِّن للأعلى أو للأسفل
- تغيير المحاذاة (الوسط، بالإضافة إلى العرض العريض والكامل إذا كانت مدعومة بواسطة القالب)
- تحرير معرض لإضافة صور أو إزالتها
- تطبيق عامل تصفية صورة، مثل أسود وأبيض و”بني داكن”، والمزيد
- المزيد من الخيارات
عندما تنقر على المكوِّن، ستعثر على إعدادات المكوِّن الإضافية في الشريط الجانبي الأيمن. إذا لم ترَ الشريط الجانبي، فقد تحتاج إلى النقر على أيقونة ⚙️ (الترس) الموجودة في الزاوية العلوية اليُمنى لعرض الإعدادات.
![يمكن العثور على إعدادات المكوِّن في الشريط الجانبي الأيمن.](https://en-support.files.wordpress.com/2021/07/block-settings.png?w=399)
يحتوي مكوِّن المعرض المتجانب على الإعدادات الآتية:
بفضل مكوِّن المعرض المتجانب، يمكنك عرض معارض صورك بالأنماط الأربعة الآتية:
- الفسيفسائي المتجانب
- دوائر
- التجانبات المربعة
- الأعمدة المتجانبة
![تعيين أنماط مكوِّن المعرض المتجانب](https://en-support.files.wordpress.com/2022/05/tiled-gallery-settings-styles.png?w=1024)
![مكوِّن المعرض المتجانب النمط الفسيفسائي المتجانب](https://en-support.files.wordpress.com/2022/05/tiled-gallery-tiled-mosaic-style.png?w=688)
![مكوِّن المعرض المتجانب نمط الدوائر](https://en-support.files.wordpress.com/2022/05/tiled-gallery-circles-style.png?w=688)
![مكوِّن المعرض المتجانب نمط تجانبات مربعة](https://en-support.files.wordpress.com/2022/05/tiled-gallery-square-tiles-style.png?w=688)
![مكوِّن المعرض المتجانب نمط أعمدة متجانبة](https://en-support.files.wordpress.com/2022/05/tiled-gallery-tiled-columns-style.png?w=688)
💡
يمكنك كذلك تمكين/تعطيل عرض الصور وإعداداتها، مثل لون الخلفية سواء لإظهار البيانات الوصفية للصورة والتعليقات أم لا.
يتضمن مكوِّن المعرض المتجانب خيارًا للزوايا المستديرة يمكن تطبيقه على جميع الصور التي تمت إضافتها إلى المعرض.
![](https://en-support.files.wordpress.com/2022/05/tiled-gallery-settings-rounded-corners-1.png)
في إعدادات مكوِّن المعرض المتجانب، توجد ثلاثة خيارات لربط المعرض:
- صفحة المرفق: سيوجه هذا أي شخص ينقر على الصور الموجودة في المعرض إلى صفحة المرفق الخاصة بموقعك. هذه صفحة إعلامية للتعريف بصورك، تحتوي على حقل الصورة، والتسمية التوضيحية، ووصف الصورة، والتعليق.
- ملف الوسائط: يحمّل هذا الصور في وضع ملء الشاشة الدائري الذي يمكن أن يمر من خلاله زائرو موقعك إلى صورة واحدة في كل مرة. اعرض إعدادات الوسائط لضبط إعدادات العرض.
- لا شيء (الإعداد الافتراضي): يجعل هذا صورك غير قابلة للنقر عليها، لذلك لا ترتبط بأي شيء على الإطلاق.
![](https://en-support.files.wordpress.com/2022/05/tiled-gallery-settings-link.png?w=554)
![](https://en-support.files.wordpress.com/2022/05/tiled-gallery-settings-link-dropdown.png?w=550)
تسمح لك إعدادات الألوان بتغيير لون خلفية المعرض المتجانب.
![إعدادات ألوان مكوِّن المعرض المتجانب](https://en-support.files.wordpress.com/2022/05/tiled-gallery-settings-colors.png?w=554)