في الدرس العشرين (الختامي) من سلسلة دليل إنشاء المواقع نعرض كيفية إضافة معرض صور إلى مقال في WordPress. رغم أن طريقة 2014 أساسًا لم تتغيّر، أصبح Block Editor (Gutenberg) اليوم أكثر مرونة بكثير.
ملاحظة: الفيديو الأصلي لهذا الدرس (YouTube) لم يعد متاحًا. هذا المقال يتضمّن شرحًا خطوة بخطوة نصيًا.
2014 — إضافة معرض كلاسيكي
- ضع المؤشر في محرّر المقال حيث تريد ظهور المعرض.
- انقر «إضافة وسائط».
- انتقل إلى تبويب «إنشاء معرض».
- اختر صورتين أو أكثر من جهازك أو مكتبة الوسائط.
- «إنشاء معرض جديد» → اختر نوع الرابط (ملف الوسائط / لا شيء / صفحة المرفق).
- اضبط عدد الأعمدة (افتراضي: 3).
- «إضافة معرض» → يُضاف كود قصير (
) إلى المقال. - انشر — يظهر المعرض.
2026 — الطريقة الحديثة مع Block Editor (Gutenberg)
- في محرّر المقال انقر + (إضافة كتلة).
- اختر كتلة «Gallery» (أو اكتب
/gallery). - «رفع» أو «مكتبة الوسائط» → اختر الصور.
- من لوحة Block على اليمين:
- عدد الأعمدة: 1–8.
- قص الصورة: لظهور موحّد الحجم.
- الرابط: ملف الوسائط، صفحة المرفق، لا شيء.
- الحجم: thumbnail، medium، large، full.
- رتّب الصور واحدة واحدة بالسحب والإفلات.
- معاينة، ثم انشر.
إضافات معرض متقدمة 2026
- FooGallery: lightbox، masonry، lazy-load.
- Envira Gallery: مستقل عن القالب، تكامل تجارة إلكترونية.
- Modula: تخطيط تلقائي بالذكاء الاصطناعي.
- WP Photo Album Plus: لأرشيفات صور ضخمة.
نصائح الأداء
- تحويل WebP / AVIF إلزامي (ShortPixel، Imagify).
- معرض كبير → lazy loading — يُحمّل فقط عند الظهور.
- حدّد أبعاد الصور في HTML — يقلّ Cumulative Layout Shift (CLS).
- أكثر من 20 صورة مصغّرة → infinite scroll أو ترقيم صفحات.
نظرة من 2014 إلى 2026
ختام هذه السلسلة المكوّنة من 20 درسًا. في 2014 كان «إنشاء موقع» معقدًا فعلًا — نطاق، استضافة، FTP، MySQL، إضافات، قوالب PSD… اليوم:
- تثبيت WordPress بنقرة واحدة (ميزة شائعة في لوحات التحكم).
- لا حاجة لشراء قالب — Block Editor + Astra/Kadence يكفي.
- SSL مجاني وتلقائي.
- إن أردت، يمكنك البدء دون كود عبر Substack / Ghost / WordPress.com.
ملاحظة 2026: اكتملت سلسلة دليل إنشاء المواقع في 20 درسًا. اليوم يمكن تعليم نفس النتيجة في نصف 1–2 درس — لأن WordPress + Cloudflare + Block Editor يغطيان كل شيء. قيمة السلسلة القديمة «تاريخية» — لكن المنطق الأساسي (استضافة، نطاق، DNS، FTP) ما زال كما هو.
