إنشاء معارض مذهلة مع أفضل مدير معرض لعنصر Elementor

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

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

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

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

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

إعداد تكامل صور جوجل في ووردبريس

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

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

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

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

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

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

الآن، في مربع البحث، اكتب واجهة برمجة تطبيقات مكتبة الصور وابحث عنها.

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

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

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

الآن، قم بإعداد بيانات الاعتماد كما يلي:

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

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

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

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

وانتهى! ستحصل على المعرف والسر لإضافته في تكوين WP Media Folder:)

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

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

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

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

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

Elementor + إضافة المعرض ، أفضل تركيبة

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

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

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

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

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

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

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

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

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

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

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

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

استخدام Elementor لإنشاء معارض جوجل درايف في ووردبريس

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

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

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

في القسم الأيسر ابحث عنWP Media Folderالقسم وانقر علىWP Media Folderمعرضكتلة.

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

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

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

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

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

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