تسليط الضوء على منتج Divi: معرض Divi Masonry

نشرت: 2023-07-31

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

هيا بنا نبدأ!

جدول المحتويات
  • 1 تثبيت معرض Divi Masonry
  • 2 معرض ديفي الماسونية
    • 2.1 إعدادات المحتوى
    • 2.2 إعدادات التصميم
  • 3 أمثلة معرض ديفي الماسونية
    • 3.1 مثال 1
    • 3.2 مثال 2
    • 3.3 مثال 3
  • 4 شراء معرض Divi Masonry
  • 5 أفكار أخيرة

تركيب معرض Divi Masonry

لتثبيت معرض Divi Masonry ، انتقل إلى صفحة البرنامج المساعد في لوحة معلومات WordPress وانقر فوق إضافة جديد. انقر فوق اختيار ملف ، وحدد ملف المكون الإضافي .ZIP من جهاز الكمبيوتر الخاص بك ، ثم انقر فوق التثبيت الآن.

بمجرد تثبيت المكون الإضافي ، انقر فوق تنشيط.

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

بمجرد تنشيط المكون الإضافي ، سترى وحدة معرض Divi Masonry تظهر في Divi Builder. دعنا نلقي نظرة على إعدادات الوحدة.

إعدادات المحتوى

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

إعدادات المعرض

هذا هو معرض البناء في وضع المعرض العادي.

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

يمكنك أيضًا تحديد وضع المعرض المصغر ، حيث يمكنك تعيين حد لعدد الصور المعروضة. يمكن تخصيص النص المعروض في الصورة الأخيرة ، ويمكنك اختيار ما إذا كانت الصورة الأخيرة تفتح Lightbox أو تفتح رابطًا.

معرض ديفي الماسونية معرض مصغر

يمكن ضبط عدد الأعمدة والتباعد بين الصور. في المثال الموضح هنا ، قمت بتعيين المعرض على 4 أعمدة وزيادة التباعد.

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

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

معرض الماسونية ديفي تكبير الصورة ترتيب عشوائي

إجراءات الصورة عند النقر

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

معرض ديفي ماسونري معرض Lightbox

هذا هو العرض المبسط على الواجهة الأمامية.

ديفي ماسونري غاليري لايت بوكس

يجب إضافة الروابط بترتيب الصور وفصلها بـ {{link}}. يمكنك أيضًا تعيين هدف الارتباط.

روابط صور معرض ديفي الماسونية

فئات

يضيف معرض Divi Masonry حقل فئة لكل صورة في مكتبة الوسائط. يمكنك تمكين هذه الفئات لتصفية صور المعرض.

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

مع تمكين مرشح الفئات ، يمكنك اختيار الفئات المضمنة ، وإظهار أو إخفاء زر جميع الفئات ، وتغيير نص زر جميع الفئات.

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

ترقيم الصفحات

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

ديفي الماسونية معرض ترقيم الصفحات

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

ديفي الماسونية معرض ترقيم الصفحات

خلفية

هنا يمكنك ضبط لون الخلفية لوحدة معرض البناء.

ديفي الماسونية معرض الخلفية

إعدادات التصميم

في علامة تبويب التصميم ، يمكنك تخصيص مظهر وحدة معرض البناء بشكل أكبر.

تراكب

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

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

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

محتوى تراكب معرض الماسونية لديفي

صورة

في إعدادات الصورة ، يمكنك إضافة زاوية دائرية وحدود إلى صور معرض الصور الخاص بك.

صورة معرض ديفي الماسونية

مرشح المعرض

هنا يمكنك تخصيص تصميم مرشح المعرض. يمكنك تغيير المحاذاة والخلفية والهامش والحشو والخط والتباعد والزوايا الدائرية والحدود وظلال المربع. يمكنك أيضًا تغيير كل من هذه الإعدادات لزر التصفية النشط.

ديفي ماسونري معرض معرض مرشح

معرض ترقيم الصفحات

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

معرض ديفي الماسونية معرض ترقيم الصفحات

خيارات المعرض المصغرة

يعرض نوع المعرض المصغر تراكبًا فوق الصورة الأخيرة. هنا ، يمكنك تخصيص تصميم التراكب. يمكنك تغيير لون الخلفية والخط والمحاذاة وحجم النص وظل النص.

معرض Divi Masonry Gallery المصغر من خيارات المعرض

إعدادات التصميم الأخرى

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

إعدادات تصميم معرض Divi Masonry

أمثلة معرض ديفي الماسونية

مثال 1

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

معرض Divi Masonry Gallery مثال 1

مثال 2

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

معرض ديفي الماسونية مثال 2

مثال 3

أخيرًا ، يتميز المثال الثالث بتخطيط معرض عادي مع 3 أعمدة. عند التمرير ، يظهر تراكب يعرض عنوان الصورة.

معرض ديفي الماسونية مثال 3

شراء معرض ديفي الماسونية

يتوفر معرض Divi Masonry في سوق Divi. يكلف 25 دولارًا للاستخدام غير المحدود للموقع وسنة واحدة من الدعم والتحديثات. يشمل السعر أيضًا ضمان استرداد الأموال لمدة 30 يومًا.

شراء معرض ديفي الماسونية

افكار اخيرة

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

كنا نحب أن نسمع منك! هل جربت معرض ديفي الماسونية؟ أخبرنا برأيك في التعليقات!