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

مكوّن المعرض

استخدم مكوّن المعرض لعرض عدة صور معًا. يحتوي مكوّن المعرض على مكوّنات صور فردية لكل صورة ويرتبها ترتيبًا جذابًا.

فيديو تعليمي

إضافة مكوّن المعرض

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

💡

يمكنك كذلك باستخدام لوحة المفاتيح الخاصة بك كتابة /معرض في سطر جديد والضغط على مفتاح enter لإضافة مكوّن معرض جديد بسرعة.

صورة GIF توضِّح عملية كتابة /معرض لإدراج مكوّن المعرض.

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

إضافة صورك

عند إضافة مكوّن المعرض، سيكون لديك الخياران التاليان: رفع وتحديد الصور:

يعرض مكوّن المعرض خيارين: رفع وتحديد الصور.

يسمح لك خيار الرفع برفع صورة جديدة أو عدة صور من الحاسوب إلى موقع الويب.

يسمح لك خيار تحديد الصور بالاختيار من بين الصور المرفوعة سابقًا في مكتبة الوسائط، أو الاختيار من صور غوغل أو مكتبة صور Pexels المجانية أو Openverse.

إضافة صور إلى المعرض الحالي

يمكنك إضافة المزيد من الصور إلى المعرض الذي أنشأته بالفعل باتباع الخطوات التالية:

الخطوة الأولى: تحديد مكوّن المعرض. هناك طريقتان لتحديد مكوّن المعرض.

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

أو بالنقر فوق طريقة عرض القائمة في أعلى شمال المحرر، ثم تحديد مكوّن المعرض من التخطيط.

الخطوة الثانية: انقر فوق إضافة في شريط الأدوات الموجود أعلى مكوّن المعرض لإضافة المزيد من الصور.

بمجرد النقر فوق إضافة، يمكنك تحديد فتح مكتبة الوسائط لإضافة المزيد من الصور التي رفعتها بالفعل (أو الوصول إلى خيارات الوسائط المجانية) أو رفع لرفع صور جديدة إلى المعرض.

شريط أدوات المكوّن

عندما تنقر فوق المكوّن، سيظهر شريط أدوات الخيارات:

المعرض قيد التحديد وتم توسيع خيارات المحاذاة.
يدعم شريط أدوات المعرض العديد من إعدادات المحاذاة، بما في ذلك العرض الواسع والكامل حسب القالب.

يحتوي مكوّن المعرض على الخيارات الآتية في شريط أدواته:

📌

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

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

عندما تنقر فوق المكوّن، ستعثر على إعدادات المكوّن الإضافية في الشريط الجانبي الأيمن. إذا لم ترَ الشريط الجانبي، فقد تحتاج إلى النقر فوق أيقونة ⚙️ (الترس) الموجودة في الزاوية العلوية اليمنى لعرض الإعدادات.

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

عندما تنقر فوق صورة في المعرض، ستكون قد حددت مكوّن صورة فرديًا داخل المعرض. إذا كنت بحاجة إلى الرجوع مرة أخرى إلى إعدادات مكوّن المعرض، فإنه توجد طرق عديدة للقيام بذلك:

  1. انقر فوق المسافة الخالية بين الصور.
  2. حدد مكوّن المعرض باستخدام طريقة عرض القائمة.
  3. حدِّد Gallery من العناوين أسفل الشاشة:
تظهر العناوين أسفل شاشة المحرر، مع وضع علامة سهم على المعرض.

يحتوي مكوّن المعرض على الإعدادات الآتية:

الأعمدة

يمكنك اختيار عدد الأعمدة التي ستكون في مكوّن المعرض.

يمكنك تحديد من عمود واحد إلى 8 أعمدة. يمكنك تحديد عدد الأعمدة حسب عدد الصور الموجودة لديك، إذا أضفت 4 صور، فسيكون أمامك خيار تحديد 4 أعمدة بحدٍّ أقصى. وسيزداد هذا العدد كلما أضفت المزيد من الصور حتى تصل إلى الحد الأقصى وهو 8.

ستقوم الصور بترتيب نفسها تلقائيًا إلى أفضل تكوين وفقًا لعدد الأعمدة الذي تختاره. حاول تغيير عدد الأعمدة لمعرفة أكثر شيء يعجبك.

قص الصور

يمكنك تحديد ما إذا كنت ترغب في قص صور معرضك أم لا. هذا الخيار مفيد في حالة وجود صور ذات أحجام وأشكال مختلفة.

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

معرض يتضمن صورًا مقصوصة:

مثال لمعرض يتضمن صورًا مقصوصة، يعرض جميع الصور التي تتميز بحجم موحد.

معرض لا يتضمن صورًا مقصوصة:

مثال لمعرض يتضمن صورًا غير مقصوصة، يعرض أحجام صور غير متساوية.
إعدادات الرابط

في إعدادات مكوّن المعرض، توجد ثلاثة خيارات لربط المعرض:

بدلاً من ذلك، قد ترغب في ربط صور فردية في المعرض بصفحات مختلفة. يمكنك ربط صورة باتباع هذه الخطوات:

  1. انقر فوق الصورة التي ترغب في ربطها.
  2. في شريط الأدوات الذي يظهر أمامك، انقر فوق أيقونة الرابط (تبدو مثل رابط من سلسلة):شريط أدوات الصورة مع تمييز لأيقونة الرابط
  3. انقر فوق أيقونة قلم الرصاص لتحرير الرابط.
  4. ألصق عنوان الموقع الذي ترغب في ربط الصورة به، أو استخدم مربع البحث لتحديد صفحة منشورة على موقعك.
  5. اضغط على مفتاح Enter في لوحة المفاتيح لتأكيد التغيير.

لمزيد حول ربط الصور الفردية، اطلع على دليل مكوّن الصور.

إعادة ترتيب الصور في معرض

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

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

يمكنك كذلك إعادة ترتيب الصور في المعرض بعد إنشائه. للقيام بهذا، انقر فوق أي صورة من صور المعرض واستخدم الأسهم المتجهة إلى اليسار/اليمين لإعادة ترتيب الصور:

صورة GIF توضِّح كيفية إعادة ترتيب الصور في مكوّن المعرض باستخدام الأسهم المتجهة إلى اليسار/اليمين

بدلاً من ذلك، يمكنك النقر فوق صورة واختيار خيار السحب (تبدو الأيقونة مثل ست نقاط) من شريط الأدوات لنقل صورتك:

تم وضع علامة سهم على خيار السحب الموجود في شريط أدوات الصورة.
استخدم خيار السحب الموجود في شريط الأدوات لنقل الصور.

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

صورة توضِّح مكوّن صورة محدَّدًا، وأنه تم النقر فوق ... لتوسيع إعدادات إضافية وأنه تم تمييز خيار النسخ.
انسخ الصور أو كررها أو احذفها باستخدام إعدادات شريط الأدوات الموسعة.

إضافة التسميات التوضيحية إلى الصورة

بعد إضافة الصور إلى المعرض، يمكنك إضافة تسمية توضيحية إلى كل صورة من الصور بالنقر فوق تلك الصورة، ثم النقر فوق منطقة إضافة تسمية توضيحية:

صورة مكوّن المعرض مع تمييز مربع التسمية التوضيحية في مربع برتقالي.

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

متقدِّم

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

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

Copied to clipboard!