أضف وحرر معارض الصور كالمحترفين في Elementor

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

مع أدوات رائعة مثل مدير المعرض والتكامل مع جميع منشئي الصفحات الرئيسيين، WP Media Folder يتيح لنا إنشاء معارض رائعة حقًا بالإضافة إلى ترتيب مكتبة الوسائط الخاصة بنا بنقرات قليلة فقط! 

في هذا الدرس، سنقوم بإنشاء معرض من الصفر باستخدام مدير المعرض ومباشرة من Elementor.

أنشئ معرضًا لـ WordPress باستخدام WP Media Folder

أولاً، سنرى مدى سهولة إنشاء معرض باستخدام إضافة WP Media Folder Gallery.

يمكن العثور على مدير المعرض هذا بعد تثبيت WP Media Folder وإضافة المعرض ضمن مكتبة الوسائط > معارض مجلد الوسائط

في هذه الشاشة، نحتاج إلى تمرير المؤشر فوق + Add New Gallery  والنقر على + Create New Media Gallery.

سيؤدي هذا إلى فتح نافذة منبثقة حيث يمكننا كتابة عنوان المعرض واختيار قالب.

في الوقت الحالي، سنسميها "معرضي" ونترك القالب الافتراضي.

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

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

أولاً، لدينا خيار مكتبة الوسائط وهو أيقونة ووردبريس، انقر عليها.

بالنقر هنا سيتم فتح مكتبة الوسائط، وستلاحظ وجود مجلدات في مكتبة الوسائط الخاصة بي، وهذا بفضل WP Media Folder الذي يتيح لي ترتيب جميع وسائطي بأفضل طريقة ممكنة باستخدام مجلدات الوسائط والفلاتر، يمكنك معرفة المزيد عن هذا هنا لكن هذا لمنشور آخر ;) 

الآن لإضافة الصور، كل ما علينا فعله هنا هو الانتقال إلى مجلد الوسائط حيث أضفنا الصور التي نريد إضافتها وتحديد الصور باستخدام ctrl + النقر لتحديدها وأخيراً، انقر على استيراد الصور.

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

الآن لنرَ خيار تحميل الصور مباشرة من جهاز الكمبيوتر الخاص بنا مستكشف الملفات، لهذا، انقر على أيقونة المجلد.

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

حدد الصور التي تريد رفعها ثم انقر على فتح.

بعد القيام بذلك، يجب أن نكون قد انتهينا! الآن لدينا جميع الصور في مدير المعرض لدينا جاهزة للاستخدام في معرضنا.

الآن بعد أن أصبحت جميع صورنا في مكانها، دعنا نتحقق من إعدادات المعرض، للقيام بذلك، انقر على التبويب الثاني إعدادات العرض والكود المختصر.

في البداية، يمكننا أن نرى أن لدينا 8 معارض، كل معرض له إعداداته الخاصة.

لنلقِ نظرة على Masonry، هذا هو الجدار الكلاسيكي الذي يعرض العديد من الصور بأحجام مختلفة، كما يمكننا رؤيته في المعاينة تبويب.

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

الآن نتحقق من علامة التبويب معاينة لتأكيد كيف تبدو الآن.

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

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

الآن بعد أن رأينا كيفية إنشاء معرض باستخدام WP Media Folder Gallery Manager، دعنا نرى كيفية إضافته إلى منشوراتنا أو صفحاتنا باستخدام Elementor.

للقيام بذلك، انتقل إلى صفحتك أو مقالك (أو أنشئه) وانقر على تحرير باستخدام Elementor وسيتم تحميل منشئ الصفحات.

في المحرر، ابحث عن كتلة WP Media Folder Addon Gallery ، وأضفها إلى المحتوى الخاص بك.

سيتم تحميل كتلة لإعلامنا بأن كتلة إضافة معرض الوسائط قد تمت إضافتها.

في علامة التبويب اليسرى، سنتمكن من اختيار المعرض الذي نريده وسنتمكن أيضًا من تعديله.

أولاً، لنختر المعرض الذي أنشأناه تحت اختر معرضًا.

سيتم تحميل المعرض الذي أنشأناه سابقًا تلقائيًا في منشئ الصفحات أسفل الكتل.

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

Masonry

قالب رائع حقًا يمكن أن يتناسب تمامًا مع كل صفحة تقريبًا مما يتيح لنا عرض العديد من الصور.

افتراضي

يتيح لنا هذا القالب عرض الصور بطريقة كلاسيكية مع عنوان الصورة أيضًا.

معرض الأعمال

يتيح لنا هذا عرض صورنا بشكل مشابه للقالب الافتراضي ولكن باستخدام خط آخر، مثالي لعرض الفن.

سلايدر

السلايدر الكلاسيكي الذي يسمح لنا بالتركيز على عدد قليل من الصور في كل شريحة.

شريحة متدفقة

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

شبكة مربعة

معرض كلاسيكي بصور مربعة يعرض عنوان الصورة عند تمرير المؤشر فوقها.

Material

قالب رائع حقًا يتيح لنا عرض صور مربعة بظل جميل والعناوين.

شبكة مخصصة

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

الآن لنلقِ نظرة على الخيارات المتاحة في القائمة اليسرى لجميع المعارض.

أولاً، لدينا تنقل المعرض، تمكين هذا الخيار سيسمح باستخدام معارض التنقل المتاحة في WP Media Folder Gallery Addon مما يسمح لنا باستخدام المعارض الأصلية و المعارض الفرعية أيضًا، يمكنك رؤية عرض توضيحي عملي هنا

كخيار ثانٍ لدينا عرض وسم الصورة، وهو مفيد عندما يكون لدينا العديد من الصور في معرض ونريد السماح لمستخدمينا بتصفيتها في الواجهة الأمامية باستخدام نظام الوسوم من WP Media Folder.

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

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

حجم الصورة، يتيح لنا هذا الخيار الاختيار من بين جميع أحجام الصور المتاحة مما يسمح لنا بضبط الصور بحيث تبدو وتتناسب تمامًا مع المحتوى الخاص بنا.

سيسمح لنا خيار حجم LightBox ، مثل حجم الصورة، بتحديد حجم الـ lightbox الذي سيظهر إذا اخترناه كإجراء عند النقر.

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

والخيار الأخير هو إعدادات الترتيب حيث سنتمكن من رؤية وتحديد كيفية عرض صورنا في المعرض.

بالطبع، بصرف النظر عن هذه، سيكون لدينا إعدادات لإضافة هامش بين الصور، وتغيير لون التمرير، وإضافة حدود وظل.

كما ترى، من السهل حقًا استخدام Elementor لضبط معارض WP Media Folder لدينا وجعلها تناسب صفحتنا!

أنشئ معارض سريعة باستخدام مجلدات الوسائط

كموضوع إضافي، سنوضح كيفية إنشاء معارض باستخدام المجلدات التي أنشأها WP Media Folder في بضع ثوانٍ.

ستتيح لنا هذه الميزة أيضًا إضافة الصور تلقائيًا إلى المعرض عند إضافتها إلى المجلد.

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

سيتم عرض مستكشف المجلدات حيث يمكننا تحديد المجلد الذي سنستخدمه.

بعد النقر على إنشاء، سيتم تحميل الصور داخل المجلد تلقائيًا إلى المعرض مما يسمح لنا بإنشاء معرض في بضع ثوانٍ فقط!

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

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

وتمت المعجزة! مجلدات هي أيضًا صور تُعرض تلقائيًا في الواجهة الأمامية، ماذا نطلب أكثر من ذلك؟ :) 

ابدأ باستخدام WP Media Folder مع المنشئ المفضل لديك

لدينا أيضًا فيديو يشرح كل شيء خطوة بخطوة حتى تتمكن من رؤية الإضافة تعمل مباشرة، تفقده!

إضافة بميزات مذهلة ستتيح لنا ليس فقط إنشاء معارض الصور بل أيضًا تنظيم الوسائط لدينا، الاستيراد من Google Photos وتفريغها أيضًا! 

التوافق مع جميع أدوات البناء الرئيسية سيتيح لنا تنظيم وعرض وسائطنا بأكثر الطرق احترافية بخطوات قليلة فقط، فما الذي تنتظره؟ اذهب هنا واحصل عليه الآن!