استخدام معرض صور عارض الصور في ثيم Aperture

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

إدراج كتلة معرض

في محرر المنشورات، اكتب / في سطر جديد لفتح قائمة الأوامر واختر Gallery. تظهر منطقة رفع الملفات — اسحب ملفات الصور وأفلتها مباشرةً من سطح مكتبك أو انقر للتصفح. تُرفع الصور إلى Cloudflare R2 وتُعالَج تلقائيًا لتسليمها بصيغة WebP. يمكنك رفع عدة ملفات دفعةً واحدة؛ تظهر بالترتيب الذي رُفعت به، وتستطيع إعادة ترتيبها بالسحب والإفلات داخل كتلة المعرض.

إضافة التعليقات

انقر أي صورة في كتلة المعرض داخل المحرر لإظهار حقل إدخال التعليق أسفلها. تظهر التعليقات في موضعين: أسفل الصورة المصغّرة في عرض الشبكة، وكطبقة تراكبية في أسفل عارض الصور بملء الشاشة. احتفظ بالتعليقات موجزة — أقل من 100 حرف — حتى لا تحجب الصورة على شاشات الهاتف المحمول.

التنقل في عارض الصور

لوحة المفاتيح: مفتاحا السهم ← و← للتنقل بين الصور؛ مفتاح Escape لإغلاق العارض
الفأرة: انقر الحافة اليسرى أو اليمنى لإطار عارض الصور للتنقل؛ انقر خارج منطقة الصورة للإغلاق
اللمس (الهاتف المحمول): مرّر لليسار أو اليمين للتنقل؛ مرّر للأسفل للإغلاق
عنوان URL: تُولّد كل صورة في العارض رابطًا بمُعرِّف تجزئة (#image-3) — يمكن مشاركة هذه الروابط لفتح العارض مباشرةً على تلك الصورة

أحجام الصور في عارض الصور

يُصيِّر عارض الصور الصور بحجم يصل إلى 90vw × 90vh، وهو ما يعادل نحو 2300 بكسل عرضًا على شاشة 2560 بكسل. ارفع صورك بعرض 2400 بكسل على الأقل لتتجنب عرض صور مُكبَّرة ضبابية على الشاشات ذات الكثافة العالية. بالنسبة للصور ذات التوجه الرأسي (كتصوير الأعراس والبورتريه)، ينطبق التوصية ذاتها على الارتفاع: 2400 بكسل.

يُولّد VeloCMS سمات srcset متجاوبة لكل صورة مرفوعة بعروض 400 و800 و1200 و1600 بكسل إضافةً إلى الدقة الأصلية. يختار المتصفح الحجم المناسب تلقائيًا — كل ما عليك هو رفع النسخة الأصلية كاملة الدقة.

ملاحظات الأداء

تُحمَّل صور المعرض الواقعة أسفل الطي بطريقة التحميل الكسول — فقط أول 4 صور في المعرض تُحمَّل فور تحميل الصفحة. يُحمِّل عارض الصور الصورة التالية والسابقة في التسلسل مسبقًا بينما تُعرض الصورة الحالية، ما يجعل التنقل بين الصور فوريًا. يبلغ إجمالي وزن الصفحة لمنشور يضم 20 صورة عادةً أقل من 800 كيلوبايت عند التحميل الأول، وذلك بفضل ضغط WebP والتحميل الكسول.