كيفية إظهار وحدة تعليقات Divi للمستخدمين الذين قاموا بتسجيل الدخول فقط

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

في هذا البرنامج التعليمي، سنوضح لك كيفية عرض وحدة تعليقات Divi للمستخدمين الذين قاموا بتسجيل الدخول فقط، وهذا سيسمح لك بالتفاعل مباشرة مع مجتمعك! سنستخدم قالب منشور مدونة Film Lab كأساس لبرنامج Divi التعليمي هذا.

كيفية إنشاء قسم التعليقات للأعضاء فقط

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

1. قم بتحميل قالب منشور مدونتك إلى Divi Theme Builder (أو قم بإنشاء قالب مدونتك!)
2. قم بإنشاء قسم التعليقات المخصص للأعضاء فقط والذي يحتوي على وحدة تسجيل الدخول
3. قم بتنشيط شروط العرض للصف الذي يحتوي على وحدة تسجيل الدخول
4. قم بتنشيط شروط العرض للصف الذي يحتوي على وحدة التعليق
5. احفظ القالب واختبره في نافذة التصفح المتخفي

قبل: قسم التعليقات مجاني للجميع

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

بعد: قسم التعليقات للأعضاء فقط

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

تثبيت قالب مشاركة المدونة

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

انتقل إلى Divi Theme Builder

لتحميل القالب، انتقل إلى Divi Theme Builder في الواجهة الخلفية لموقع WordPress الخاص بك.

تحميل قالب الموقع

ثم، في الزاوية اليمنى العليا، سترى أيقونة بها سهمين. انقر على الأيقونة.

انتقل إلى علامة التبويب "استيراد"، وقم بتحميل ملف JSON الذي يمكنك تنزيله في هذا المنشور، ثم انقر فوق "استيراد قوالب Divi Theme Builder".

احفظ تغييرات Divi Theme Builder

بمجرد قيامك بتحميل الملف، ستلاحظ وجود قالب جديد به منطقة جديدة مخصصة لجميع المشاركات. احفظ تغييرات Divi Theme Builder بمجرد أن تريد تنشيط القالب.

تعديل القالب

افتح قالب المشاركة

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

أضف صفًا جديدًا لوحدة تسجيل الدخول

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

بعد ذلك، سنقوم بإضافة عمود واحد إلى الصف.

إضافة وحدة تسجيل الدخول

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

إضافة نص إلى وحدة تسجيل الدخول

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

وحدة تسجيل الدخول النمطية

الآن، سنقوم بتصميم وحدة تسجيل الدخول المضافة حديثًا لتتناسب مع العلامة التجارية لقالب مدونة Film Lab.

ضبط خلفية وحدة تسجيل الدخول

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

خلفية

• لون الخلفية: #ff4125
• استخدام لون الخلفية: نعم

تصميم الحقول

بالنسبة للحقول، سوف نستخدم نفس لون القسم لخلفيته مع النص الأسود.

الحقول: الخلفية وتصميم النص

• لون خلفية الحقول: #eae9e4
• لون نص الحقول: #000000
• لون خلفية حقول التركيز: #eae9e4
• لون نص التركيز على الحقول: #000000

سنعطي الحقول أيضًا حدودًا وليس لها زوايا مستديرة. سيؤدي هذا إلى تقليد نمط وحدة التعليق.

الحقول: الخلفية وتصميم النص

• الحقول ذات الزوايا الدائرية: 0
• أنماط حدود الحقول: الكل
• عرض حدود الحقول: 1 بكسل
• لون حدود الحقول: #000000
• نمط حدود الحقول: صلب

تصميم العنوان

سيستخدم العنوان نفس الخط المستخدم في القالب وسيكون باللون الأبيض.

نص العنوان

• نص عنوان العنوان: H2
• خط العنوان: موليش
• لون نص العنوان: #ffffff

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

نص العنوان: حجم الخط

• حجم خط نص العنوان (سطح المكتب): 64 بكسل
• حجم خط نص العنوان (الكمبيوتر اللوحي): 48 بكسل
• حجم خط نص العنوان (المتنقل): 48 بكسل

تصميم الزر

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

انتقل إلى علامة التبويب "تصميم" . قم بالتمرير لأسفل إلى علامة التبويب "الزر". انقر بزر الماوس الأيمن فوق علامة تبويب الزر ، ثم انقر فوق Copy Button Styles .

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

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

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

تطبيق حالة العرض على صف وحدة تسجيل الدخول

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

انقر فوق علامة التبويب "خيارات متقدمة" ضمن إعدادات الصف، ثم انقر فوق علامة التبويب "الشروط" . ثم قم بالضغط على أيقونة الزائد .

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

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

شروط العرض

• العرض فقط إذا: تم تسجيل خروج المستخدم
• حالة التمكين: نعم

بمجرد تحديد حالة العرض، تأكد من حفظ التغييرات عن طريق النقر فوق زر الاختيار الأخضر الموجود في المربع المشروط. كن على علم بالإخطار المتعلق بالتخزين المؤقت للمكونات الإضافية.

تفعيل شروط العرض لقسم التعليقات للأعضاء الجدد فقط

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

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

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

قسم التعليقات للأعضاء النهائيين فقط

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

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

ختاماً

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