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

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

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

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

بالنسبة لهذه التدوينة، سوف نستخدم DIVI ، WP Media Folder ، WP Media Folder Addon ، و WP Media Folder Gallery Addon .

قم بربط WordPress وألبومات صور Google لإنشاء معارض رائعة

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

حسنًا، دعونا نبدأ بالاتصال.

أولاً، نحتاج إلى تطبيق 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 الخاص بك، والسماح بالأذونات، وإنهاء الاتصال.

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

من صور Google إلى معرض Divi الخاص بـ WordPress

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

أولاً، سنقوم بإنشاء معرض جديد من المدير.

انتقل إلى الوسائط > معرض مجلدات الوسائط .

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

انقر فوق +إضافة معرض جديد .

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

حدد جميع خياراتك ولكن لا تقلق حيث يمكنك تعديل هذا بعد إنشاء المعرض، لذا فهو ليس شيئًا لن نتمكن من تغييره ؛)

على هذه الشاشة، لديك 3 خيارات لإضافة الصور إلى معرض الصور الخاص بك، ويمكنك إضافتها من WordPress (مكتبة الوسائط الخاصة بك)، ومن جهاز الكمبيوتر الخاص بك، ومن Google Photos.

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

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

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

على سبيل المثال، سنقوم هنا باختيار 5 صور واستيراد هذه الصور فقط.

إن الأمر بسيط مثل النقر على الصور التي تريدها، ثم النقر، كما تم شرحه من قبل، على "استيراد التحديد" .

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

ستلاحظ علامة تبويب أخرى تسمى إعدادات العرض والرمز المختصر .

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

هناك أيضًا الرمز المختصر لهذا المعرض في حالة رغبتك في استخدامه ؛)

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

الآن بعد أن انتهيت من إنشاء المعرض، انقر فوق حفظ وانتقل إلى الصفحة/المنشور الذي تريد تحريره، وانقر فوق استخدام Divi Builder ، ويمكنك استخدامه في الواجهة الأمامية أو الخلفية دون مشاكل;)

قم بتحديد العمود كما تفعل عادةً، ثم ابحث عن WPMF Gallery Addon .

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

سنقوم باختيار المعرض الذي قمنا بإنشائه سابقًا.

سيتم عرض المعرض وستتمكن من تحرير جميع إعدادات العرض باستخدام المعاينة المباشرة بحيث ينعكس كل تغيير تلقائيًا.

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

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

أداة رائعة حقًا، أليس كذلك؟

إنشاء معارض من السحابة مباشرة إلى Divi

ربما كنت تعتقد أن الأمر برمته مجرد خدعة، لكن الإجابة هي لا! يمكنك أيضًا إنشاء معارض صور مُستضافة سحابيًا، مما يوفر مساحة تخزين، ويمكنك أيضًا استخدام Divi لوضع المعرض ;)

سنستخدم مجلد Google Drive لهذا الغرض ولكن ضع في اعتبارك أن هناك تكاملات سحابية أخرى متاحة مع WP Media Folder والإضافة (Dropbox وAWS و OneDrive).

لكي تتمكن من ربط Google Drive بموقع WordPress الخاص بك، يمكنك اتباع الدليل التفصيلي هنا، العملية مشابهة لتلك الخاصة بـ Google Photos، لذا لا ينبغي أن تواجه أي مشكلات.

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

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

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

سنستخدم مجلد Google Drive لهذه الحالة.

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

سيؤدي هذا إلى تحميل جميع الصور في وحدة Divi وستشاهد جميع الخيارات المتاحة لإصدار المعرض، مثل السمة والأعمدة والحجم والإجراء عند النقر والحدود والظلال ونصف قطر الحدود وخيار إضافة Blur إلى الصورة.

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

كما ترى، هذه المكونات الإضافية هي مزيج مثالي ;)

احصل على موقع WordPress الأكثر احترافية مع أفضل مزيج

لقد عرضنا بعض الميزات المتوفرة في WP Media Folder ، وهناك ميزات أخرى مثل نقل ملفات الوسائط بالكامل إلى AWS، وPDF Embedded، وخدمات سحابية أخرى مثل OneDrive وDropbox، فماذا تنتظر لتبدأ باستخدام كل هذه الميزات الرائعة؟ انضم إلى عضويتك هنا