كتلة المعرض

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

إضافة بلوك المعرض

أضف بلوك المعرض إلى الصفحة عن طريق النقر على أيقونة إضافة بلوك + (Block Inserter) واختيار بلوك المعرض.

بدلاً من ذلك، يمكنك كتابة /gallery والضغط على Enter.

تعليمات تفصيلية حول إضافة البلوكات

استخدام الصور المرفقة

حدد زر استخدام الصور المرفقة (Use attached images) بعد إضافة بلوك المعرض لإنشاء معرض ديناميكي يقوم تلقائياً بإضافة الصور المرفقة بمقالك. وإذا قمت بإضافة صورة جديدة، سيتم تحديث المعرض تلقائياً.

إذا كنت ترغب في تحويل المعرض الديناميكي إلى معرض عادٍ، يمكنك استخدام زر "فصل" (Detach) من شريط أداة البلوك أو زر "فصل المعرض" (Detach Gallery) في الشريط الجانبي لإعدادات البلوك.

اعرف المزيد حول مرفقات الصور والملفات.

شريط أدوات البلوك (Block toolbar)

يحتوي كل بلوك على أدوات تحكم خاصة به تسمح لك بالتعديل عليه مباشرة داخل المحرر.

لكامل البلوك

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

التحويل إلى (Transform to)

تتيح لك الأزرار الموجودة في قائمة التحويل إلى تغيير البلوك إلى صورة (Image)، أو أعمدة (Columns)، أو مجموعة (Group)، أو تفاصيل (Details)، أو شبكة (Grid).

يؤدي اختيار "صورة" إلى تحويل كل صورة في المعرض إلى بلوك صورة خاص بها. بينما يؤدي اختيار "شبكة" إلى وضع بلوك الصور تلك داخل بلوك شبكي (Grid).

مقابض تحريك البلوك

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

احصل على مزيد من المعلومات حول تحريك بلوك داخل المحرر.

تغيير المحاذاة (Change alignment)

• محاذاة لليسار (Align left) – محاذاة البلوك إلى اليسار
• محاذاة للوسط (Align center) – توسيط البلوك
• محاذاة لليمين (Align right) – محاذاة البلوك إلى اليمين
• عرض واسع (Wide width) – زيادة عرض البلوك متجاوزاً حجم المحتوى العادي
• عرض كامل (Full width) – تمديد البلوك ليغطي كامل عرض الشاشة

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

الرابط (Link)

يمكنك اختيار خيارات الروابط لتطبيقها على جميع الصور في معرض الصور الخاص بك.

• ربط الصور بصفحات المرفقات (Link images to attachment pages) – سيؤدي تحديد هذا الخيار إلى ربط الصورة بصفحة مرفقات الوسائط الخاصة بها في ووردبريس.
  • هذه صفحة معلوماتية حول صورتك، تتضمن الصورة، الشرح التوضيحي (Caption)، وصف الصورة، وحقل التعليقات.
• ربط الصور بملفات الوسائط (Link images to media files) – سيؤدي تحديد هذا الخيار إلى ربط الصورة بملف الصورة بالحجم الأصلي في نافذة متصفح جديدة.
• التكبير عند النقر (Enlarge on click) – يتيح هذا الخيار للزوار فتح صور المعرض في عرض أكبر (يعرف أيضاً باسم Lightbox) دون مغادرة الصفحة. سيتمكن الزوار من التنقل للأمام والخلف عبر كل صورة داخل العرض المكبر.
• بلا (None): لن يقوم هذا الخيار بربط الصورة بأي شيء.

شرح توضيحي للمعرض (Caption for the gallery)

يمكنك إضافة تعليق توضيحي للمعرض بأكمله بالقر على أيقونة الشرح التوضيحي (Caption) في شريط أدوات إعدادات البلوك.

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

إضافة الصور (Adding images)

يتيح لك زر إضافة (Add) في بلوك المعرض إضافة صور إلى المعرض. لديك طريقتان للقيام بذلك: فتح مكتبة الوسائط (Open Media Library) ورفع الصور (Upload).

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

يمكنك أيضاً سحب وإفلات عدة صور في نفس الوقت من نافذة المستكشف (Explorer) أو الباحث (Finder) إلى بلوك المعرض.

بدلاً من ذلك، يمكنك فتح لوحة الإدخال الرئيسية في المحرر والانتقال إلى تبويب الوسائط، ثم سحب وإفلات الصور من مكتبة الوسائط ومنصة Openverse إلى داخل بلوك المعرض.

خيارات إضافية (More options)

تمنحك هذه عناصر التحكم خيارات لنسخ، تكرار، وتعديل البلوك كـ HTML.

اقرأ عن هذه الإعدادات وغيرها.

للصورة الفردية

كل صورة داخل بلوك المعرض تعتبر بلوك صورة منفصل (Image block). عندما تحدد صورة فردية، يعرض شريط الأدوات أدوات بلوك الصورة لتلك الصورة فقط مثل الروابط، القص، الاستبدال، وغيرها. تؤثر هذه الإعدادات على الصورة المحددة فقط ولا تؤثر على بلوك المعرض بالكامل.

إذا كنت تريد العودة إلى إعدادات بلوك المعرض بالكامل، استخدم زر تحديد البلوك الأب: المعرض (Select parent block: Gallery) في شريط الأدوات. يتيح لك هذا تعديل إعدادات المعرض ككل، مثل الأعمدة، دقة الصور، القص، والتخطيط.

ملاحظة: بعض الخيارات مثل إضافة نص فوق الصورة (Add text over image) أو المحاذاة (Align) قد لا تكون موجودة أو قد لا تعمل كما متوقع عندما يكون بلوك الصورة داخل بلوك المعرض.

تحريك الصور (Move images)

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

تعرف على إعدادات البلوك الإضافية في صفحة بلوك الصورة.

إعدادات البلوك (Block settings)

إلى جانب الخيارات الموجودة في شريط أدوات البلوك، يحتوي كل بلوك على خيارات محددة في الشريط الجانبي للمحرر. إذا لم تكن ترى الشريط الجانبي، انقر فوق زر الإعدادات (Settings) بجوار زر حفظ/نشر.

تنقسم لوحة إعدادات بلوك المعرض إلى ثلاثة علامات تبويب – عرض القائمة (List View)، الإعدادات (Settings)، والأنماط (Styles).

تبويب عرض القائمة (List View tab)

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

تعرف على قائمة الخيارات الإضافية.

تبويب الإعدادات (Settings tab)

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

الأعمدة (Columns)

استخدم إعداد الأعمدة لاختيار عدد الأعمدة التي تظهر في المعرض.

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

لتغيير عدد الأعمدة، قم بأحد الإجراءين التاليين:

• أدخل رقماً في الحقل المخصص
• استخدم شريط التمرير (Slider) لزيادة أو تقليل عدد الأعمدة

دقة الصور (Resolution)

يمكنك أيضاً اختيار دقة (Resolution) صورتك مع خيارات قد تتضمن الحجم الكامل (Full Size)، كبير (Large)، متوسط (Medium)، ومصغر (Thumbnail) بناءً على ما يدعمه قالبك وحجم الصورة التي تم رفعها أصلاً.

اعرف المزيد عن حجم الصور وجودتها.

قص الصور لتتطابق (Crop images to fit)

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

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

فتح الصور في علامة تبويب جديدة (Open images in a new tab)

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

ترتيب عشوائي (Randomize order)

سيعمل هذا الزر على خلط ترتيب الصور في بلوك المعرض عشوائياً.

ملاحظة: في محرر البلوكات، ستظل الصور تظهر بالترتيب الذي أضيفت به. ولكن في المنشور المنشور على الموقع، سيتم عرضها بترتيب عشوائي.

نسبة الارتفاع إلى العرض (Aspect ratio)

يغير هذا الإعداد نسبة الارتفاع والعرض لجميع الصور في المعرض إلى نسبة واحدة متسقة.

نوع أزرار التنقل (Navigation button type)

إذا تم تفعيل خيار التكبير عند النقر (Enlarge on click) ضمن خيارات الروابط للمعرض، يمكنك اختيار نمط أزرار التنقل السابقة (Previous)، التالية (Next)، والإغلاق (Close) الخاصة بنافذة الـ Lightbox.

• أيقونة (Icon): عرض الأيقونات فقط
• نص (Text): عرض نصوص التسميات فقط
• كلاهما (Both): عرض كل من الأيقونات ونصوص التسميات

الإعدادات المتقدمة (Advanced settings)

يوفر بلوك المعرض خيارات الإعدادات المتقدمة التالية: مُرساة HTML، فئات CSS إضافية، أكواد CSS إضافية، والأنماط.

اعرف المزيد حول الإعدادات المتقدمة.

تبويب الأيقات / النمط (Styles tab)

اللون (Color)

يوفر بلوك المعرض خيارات إعدادات الألوان لتغيير خلفية البلوك

للتفاصيل، راجع مقالة الدعم التالية: نظرة عامة على إعدادات الألوان.

الأبعاد (Dimensions)

يوفر بلوك المعرض خيارات إعدادات الأبعاد لإضافة الحشوات الداخلية (Padding) والهوامش الخارجية (Margin).

للتفاصيل، راجع مقالة الدعم التالية: نظرة عامة على إعدادات الأبعاد.

الحدود (Border)

يوفر بلوك المعرض خيارات إعدادات الحدود لإضافة لون الحدود، وعرضها، ونصف قطر الانحناء (Border radius).

للتفاصيل، راجع مقالة الدعم التالية: نظرة عامة على إعدادات الحدود.