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

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

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

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

إنشاء معرض WordPress باستخدام WP Media Folder

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الآن قم بالتحقق من "معاينة" للتأكد من الشكل الذي تبدو عليه الآن.

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

إضافة معارض WordPress في Elementor

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

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

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

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

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

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

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

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

Masonry

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

افتراضي

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

الحافظة

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

سلايدر

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

شريحة التدفق

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

شبكة مربعة

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

ماتيريال

موضوع رائع حقًا يسمح لنا بإظهار الصور المربعة بظل لطيف والعناوين.

شبكة مخصصة

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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