تسليط الضوء على البرنامج المساعد Divi - منطق العرض Divi

ماذا لو أردت عرض عنصر تصميم Divi معين بناءً على الظروف التي اخترتها؟ سيؤدي ذلك إلى فتح بعض إمكانيات التصميم مثل عرض نسخة من الصفحة بناءً على حالة تسجيل دخول المستخدم أو الوقت من اليوم أو موقعه الجغرافي. يوفر مكون إضافي يسمى Divi Display Logic هذه الميزة لـ Divi.

Divi Display Logic هو مكون إضافي تابع لجهة خارجية من شركة Tortoise IT يعمل مع كل من Divi و Extra لإضافة منطق العرض. في تمييز المكون الإضافي هذا ، سنلقي نظرة على المكون الإضافي ونرى بعض الأمثلة على ما يمكنه فعله.

تم التقاط الصور الخاصة بهذه الأمثلة من موقع Unsplash.com ومن تخطيطات Divi المجانية المتوفرة هنا في مدونة Elegant Themes.

تثبيت منطق العرض Divi

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

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

منطق محدد مسبقا

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

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

المنطق القصير الرمز

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

يمكنك أيضًا استخدام أي رمز قصير مغلف (رمز قصير بعلامة بداية ونهاية [رمز قصير] [/ رمز قصير]) لإنشاء الوسائط الخاصة بك. هذا موضح في الوصف أسفل حقل الرمز المختصر ، لكني أرغب في رؤية مثال معطى في الوصف أيضًا.

للتحرير ، ما عليك سوى تحديد الجزء الموجود داخل الرمز القصير وإجراء التغييرات.

إليك مثال يخفي المحتوى في أيام الأسبوع. إذا أردت إظهار المحتوى بدلاً من الإخفاء ، يمكنك تغيير "إخفاء" إلى "إظهار" في الرمز المختصر. هناك خيار آخر يتمثل في استبدال الأرقام 1-5 بـ "6،7" والتي ستخفي المحتوى في عطلات نهاية الأسبوع.

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

أمثلة الرمز القصير المضمنة

يوفر الرابط الأول (المسمى انقر هنا) في منطقة منطق العرض أمثلة تفصيلية للرموز القصيرة. هذه مفيدة بشكل خاص لأمثلة PHP. يمكنك نسخها ولصقها في حقل الرمز القصير.

تحديد التاريخ والوقت

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

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

من المهم استخدام وقت الخادم الخاص بك بدلاً من الوقت الفعلي. هذا هو المكان الذي يحصل فيه WordPress على الوقت الحالي وهو الوقت الذي سيستخدمه Divi Display Logic.

ستعرض الوحدة الآن المحتوى بين التاريخ والوقت اللذين اخترتهما.

هذا يفتح الكثير من الاحتمالات. على سبيل المثال:

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

أمثلة على منطق عرض Divi - دعوة المدرسة للعمل

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

يتضمن التخطيط صفًا به وحدات نصية وأزرار. أريد استبدال النص والزر بوحدات نمطية مختلفة لأي شخص خارج الولايات المتحدة.

ضمن إعدادات الصف اخترت "إخفاء المحتوى إذا كان المستخدم في الولايات المتحدة".

بعد ذلك ، قمت بتغيير "إخفاء" في الرمز القصير إلى "إظهار" ، مما أدى إلى إنشاء رمز قصير جديد بشكل فعال.

لقد قمت باستنساخ الصف واختياره لإخفاء المحتوى للمستخدمين في الولايات المتحدة للصف الجديد.

الآن سيتم عرض صف واحد فقط بناءً على موقع الزائر.

يرى زوار الولايات المتحدة الشعار الأصلي والزر للتطبيق.

يرى جميع الزائرين خارج الولايات المتحدة شعارًا وزرًا مختلفين بتسمية توضيحية مختلفة.

أمثلة على منطق عرض Divi - بيع الفلاش

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

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

يعمل مؤقت العد التنازلي ومنطق العرض بشكل مستقل عن بعضهما البعض. لقد قمت بتعيين وقت العداد ليطابق الوقت في الوقت الذي سيظهر فيه منطق العرض.

أمثلة منطق عرض Divi - موقع المؤلف مع منطقة العضوية

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

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

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

قمت بتعيين منطق الزر العلوي لإظهار المحتوى للمستخدمين الذين قاموا بتسجيل الخروج فقط.

سيظهر الزر الثاني فقط للمستخدمين الذين قاموا بتسجيل الدخول.

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

يرى المستخدمون المسجلون الدخول الآن الزر الجديد الذي يوفر لهم رابطًا لصفحة أو منشور معين.

أمثلة على منطق العرض Divi - موقع المؤلف مع صفحة مقصودة جديدة

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

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

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

استخدام منطق العرض Divi مع Extra

يعمل Divi Display Logic أيضًا مع Extra. يُظهر هذا المثال الوحدة النمطية للمنشورات الدوارة في منشئ الفئات.

رخصة

يمكن استخدام Divi Display Logic على مواقع غير محدودة لك ولعملائك. يتضمن 6 أشهر من الدعم و 12 شهرًا من التحديثات. بعد مرور 12 شهرًا ، ستحتاج إلى إعادة شراء المكون الإضافي مرة أخرى لتلقي التحديثات. سعر إعادة الشراء هو 50٪ من سعر الشراء الأولي.

افكار اخيرة

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

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

انظر Divi Display Logic في Tortoise IT لشراء المعلومات.

نريد أن نسمع منك. هل استخدمت Divi Display Logic؟ أخبرنا برأيك في التعليقات.

صورة مميزة عبر phipatbig / shutterstock.com