تسليط الضوء على منتج 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 محدد ، أو عدم القيام بأي شيء عند النقر. إذا تم تحديد خيار العرض المبسط ، يمكنك تعيين لون الخلفية واختيار كيفية عرض العنوان.
هذا هو العرض المبسط على الواجهة الأمامية.
يجب إضافة الروابط بترتيب الصور وفصلها بـ {{link}}. يمكنك أيضًا تعيين هدف الارتباط.
فئات
يضيف معرض Divi Masonry حقل فئة لكل صورة في مكتبة الوسائط. يمكنك تمكين هذه الفئات لتصفية صور المعرض.
مع تمكين مرشح الفئات ، يمكنك اختيار الفئات المضمنة ، وإظهار أو إخفاء زر جميع الفئات ، وتغيير نص زر جميع الفئات.
ترقيم الصفحات
هناك عدة أنواع من ترقيم الصفحات للاختيار من بينها. هذه هي الأرقام وخيار ترقيم الصفحات التالي / السابق. يمكنك أيضًا تحديد خيار تحميل المزيد ، أو تعطيل ترقيم الصفحات تمامًا.
يمكنك أيضًا تحديد عدد الصور المعروضة في كل صفحة ، وتعديل نص الزر ، والتمرير إلى الأعلى بعد ترقيم الصفحات ، وتعيين تمرير إلى أعلى الإزاحة.
خلفية
هنا يمكنك ضبط لون الخلفية لوحدة معرض البناء.
إعدادات التصميم
في علامة تبويب التصميم ، يمكنك تخصيص مظهر وحدة معرض البناء بشكل أكبر.
تراكب
هنا يمكنك تعيين رمز أو عنوان الصورة / التسمية التوضيحية لتظهر فوق الصورة عند التمرير وتعيين لون خلفية التراكب. مع تحديد خيار رمز التراكب ، يمكنك اختيار لون الرمز والرمز.
يمكنك تخصيص الخط والألوان إذا تم تحديد عنوان التراكب / التسمية التوضيحية. بالإضافة إلى ذلك ، يمكنك تحديد الرسوم المتحركة لمحتوى التراكب ، وتعيين محاذاة النص ، وتباعد الأحرف ، وظل النص.
صورة
في إعدادات الصورة ، يمكنك إضافة زاوية دائرية وحدود إلى صور معرض الصور الخاص بك.
مرشح المعرض
هنا يمكنك تخصيص تصميم مرشح المعرض. يمكنك تغيير المحاذاة والخلفية والهامش والحشو والخط والتباعد والزوايا الدائرية والحدود وظلال المربع. يمكنك أيضًا تغيير كل من هذه الإعدادات لزر التصفية النشط.
معرض ترقيم الصفحات
تتيح لك خيارات تصميم ترقيم الصفحات في المعرض تخصيص مظهر ترقيم الصفحات بالكامل. تمامًا مثل إعدادات مرشح المعرض ، يمكنك تخصيص المحاذاة والخلفية والهامش والحشو والخط والتباعد والحدود وأنماط الظل لأزرار ترقيم الصفحات النشطة والعادية.
خيارات المعرض المصغرة
يعرض نوع المعرض المصغر تراكبًا فوق الصورة الأخيرة. هنا ، يمكنك تخصيص تصميم التراكب. يمكنك تغيير لون الخلفية والخط والمحاذاة وحجم النص وظل النص.
إعدادات التصميم الأخرى
بالإضافة إلى خيارات التصميم الخاصة بالوحدة النمطية هذه ، يمكنك أيضًا تخصيص جميع خيارات التحجيم والتباعد والحدود وظل الصندوق والمرشحات والتحويل والرسوم المتحركة.
أمثلة معرض ديفي الماسونية
مثال 1
يحتوي أول مثال على تخطيط المعرض على أربعة أعمدة من الصور. يمكن استخدام المرشحات الموجودة في الأعلى لفرز الصور حسب الفئة ، ويمكن استخدام أزرار ترقيم الصفحات لعرض الصفحة التالية من الصور.
مثال 2
يستخدم هذا التخطيط تخطيط المعرض المصغر. يمكن تعيين الصورة الأخيرة لفتح مربع الضوء أو صفحة جديدة حيث يتم عرض بقية صور المعرض.
مثال 3
أخيرًا ، يتميز المثال الثالث بتخطيط معرض عادي مع 3 أعمدة. عند التمرير ، يظهر تراكب يعرض عنوان الصورة.
شراء معرض ديفي الماسونية
يتوفر معرض Divi Masonry في سوق Divi. يكلف 25 دولارًا للاستخدام غير المحدود للموقع وسنة واحدة من الدعم والتحديثات. يشمل السعر أيضًا ضمان استرداد الأموال لمدة 30 يومًا.
افكار اخيرة
باستخدام المكون الإضافي Divi Masonry Gallery ، يمكنك بسهولة إنشاء معارض لعرض الصور من جميع الأحجام في تخطيط بناء جميل وتفاعلي وقابل للتخصيص بالكامل. البرنامج المساعد غني بالميزات. يمكنك تمكين عوامل تصفية الفئات ، ترقيم الصفحات ، المعارض المصغرة ، روابط الصور ، والنوافذ المنبثقة. مع خيارات التصميم الشاملة ، يمكنك تخصيص كل جزء من وحدة معرض البناء حسب رغبتك. إذا كنت تبحث عن طريقة إبداعية لعرض الصور على موقعك باستخدام خيارات التصميم التي يمكنك تخصيصها باستخدام Divi ، فإن معرض Divi Masonry هو خيار رائع.
كنا نحب أن نسمع منك! هل جربت معرض ديفي الماسونية؟ أخبرنا برأيك في التعليقات!