قم بإنشاء معارض مذهلة باستخدام أفضل مدير معرض لـ Elementor

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

عادةً ما تحتوي منشئي الصفحات مثل Elementor على أدوات/كتل لإنشاء المعارض، ولكن هذه ليست الأفضل لأنها لا تحتوي على العديد من الخيارات لتخصيصها ولكن لا تقلق لأن WP Media Folder سيساعدك في هذا ;)

يقدم لك WP Media Folder إضافة معرض تسمح لك بإنشاء وتخصيص استخدام أدوات وميزات مذهلة في معرضك.

في هذا المنشور، سنرى كيفية استخدامها مع Elementor و Google Photos ومجلدات السحابة الخاصة بك أيضًا، فلنبدأ!

معرض مع أداة Elementor في الفيديو

إعداد تكامل WordPress مع Google Photos

أولاً، سأعلمك المكونات الإضافية التي نستخدمها لهذا البرنامج التعليمي، وهي Elementor، و WP Media Folder، و2 Pro Addons (واحد للمعارض، والآخر للاتصال السحابي).

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

أولاً، نحتاج إلى تطبيق Google Dev لهذا الغرض، انتقل إلى هنا: https://console.developers.google.com/project وقم بإنشاء مشروع جديد.

أضف اسمًا للمشروع، ويمكنك إضافة ما تريد.

انتظر الآن لحظة حتى يتم إنشاء المشروع.

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

الآن، في مربع البحث، اكتب Photos Library API وابحث عنه.

انقر فوقه، ثم على تمكين .

الآن بعد أن تم تمكينه، انقر فوق "API والخدمات" في القائمة اليسرى، في هذه اللوحة، انتقل إلى بيانات الاعتماد .

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

الآن، قم بإعداد بيانات الاعتماد على النحو التالي:

• حدد "تطبيق الويب" وأضف الاسم الذي تريده.
• أصل JavaScript المعتمد: https://your-domain.com (استبدل باسم المجال الخاص بك، بدون شرطة مائلة لاحقة).
  
• عناوين إعادة التوجيه المعتمدة: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

ضع في اعتبارك أن Google قد غيرت سياستها، لذا يتعين عليك ملء المجالات المعتمدة في علامة تبويب شاشة موافقة OAuth > تحرير التطبيق .

في قسم المجالات المعتمدة، انقر فوق +إضافة مجال وأضف مجال الخاص بك.

أضفه أيضًا إلى التحقق من المجال .

تم! ستحصل على معرفك وسرِّك لإضافتهما إلى إعدادات WP Media Folder.

الآن، دعنا نربط حساب Google Photos بموقع WordPress الخاص بك، للقيام بذلك، انتقل إلى الإعدادات > WP Media Folder > السحابة > علامة التبويب Google Photo .

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

ستظهر نافذة منبثقة، انقر فوق "موافق" .

ستكون الخطوة الأخيرة هي تسجيل الدخول إلى حساب Google الخاص بك، والسماح بالأذونات، وإنهاء الاتصال.

هذا كل شيء، سهل وسريع حقًا، أليس كذلك؟ :)

Elementor + Gallery Plugin، أفضل مزيج

الآن بعد أن انتهينا من الاتصال، انتقل إلى الوسائط > معرض مجلدات الوسائط ، في هذا القسم، انقر فوق + إضافة معرض جديد وقم بإعطاء معرضك الجديد اسمًا، بالنسبة للبرنامج التعليمي، سنسميه معرض Google P ، وأيضًا، سنستخدم Square Grid .

الآن سيكون لديك كل الخيارات لإعداد الصور وإضافتها إلى معرض الصور الخاص بك، وسوف ترى Google Photo ، انقر فوقه.

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

سوف ترى إشعارًا حول استيراد الألبوم.

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

الآن، يمكنك الانتقال إلى إعدادات العرض والرمز المختصر لتخصيص معرض الصور الخاص بك بالكامل، ولديك إعدادات مثل الترتيب وعدد الأعمدة والإجراء عند النقر.

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

الآن حدد القسم الذي تريد إضافة المعرض إليه وابحث عن WP Media Folder كتل.

كما ترى، هناك 4 كتل متاحة، في هذا البرنامج التعليمي سنستخدم الكتلة المسماة WP Media Folder Gallery Addon ، والتي ستقوم بتحميل Gallery Addon في منشئ الصفحات.

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

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

هذا كل شيء! لقد أنشأتَ معرضًا احترافيًا ببضع نقرات، وقمتَ بتهيئته مباشرةً من مُنشئ الصفحات :)

استخدام Elementor لإنشاء معارض Google Drive في WordPress

 كإضافة، سنرى كيفية إنشاء معارض باستخدام الصور من السحابة حيث يسمح لك WP Media Folder بربط مكتبة الوسائط الخاصة بك بخدمات السحابة (Dropbox وGoogle Drive و OneDriveوAWS).

في هذا المثال، سنستخدم Google Drive ، يمكنك معرفة كيفية توصيله هنا ، ستلاحظ أن العملية مشابهة حقًا لاتصال Google Photos :)

عندما يتم تعيينه ومزامنة/إنشاء مجلدات Google Drive، يمكنك الانتقال إلى الصفحة/المنشور الذي تريد تحريره والنقر فوق تحرير باستخدام Elementor .

في القسم الأيسر، ابحث عن WP Media Folder وانقر على WP Media Folder Gallery .

الآن، انقر فوق + في قسم "إضافة الصور".

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

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

الآن يمكنك إنشاء معارض باستخدام قوة WP Media Folder، بطريقة سهلة للغاية باستخدام Elementor، وأيضًا، توفير مساحة التخزين باستخدام Google Drive، ماذا يمكنك أن تطلب أكثر من ذلك؟ :)

ابدأ باستخدام أفضل إضافات معرض WordPress

في هذه التدوينة، شرحنا بعض ميزات WP Media Folder ، وكما ترون، فقد سهّل الأمر أكثر من المتوقع، بل وأكثر الآن مع القالب والواجهة الجديدين ! ماذا تنتظر؟ انضم هنا ، وستجد معارض أكثر من تلك المعروضة في هذه التدوينة، بالإضافة إلى العديد من الأدوات الرائعة.