عرض عنوان الملف الشخصي في المشاركات

أريد إضافة حقل “عنوان الملف الشخصي” أسفل الاسم الكامل، حاولت إيجاد طريقة ولكن لا توجد طريقة

بصرف النظر عن هذا، هناك خطأ/مشكلة حيث قمت بتعيين enable_name على true في المنشور وإخفاء أسماء المستخدمين من المنشور عن طريق إضافة بعض قواعد CSS في “تخصيص” > “السمة” > “تحرير CSS/HTML”.

// يخفي اسم المستخدم من صفحة المنشور
.names .username {
    display: none!important;
}

كانت هذه الإعدادات تعمل بشكل جيد ولكن الأسماء الكاملة تم إخفاؤها أيضًا لبعض المستخدمين

يرجى مساعدتي في إصلاح هذه الإعدادات.

مرحباً كوشال :slight_smile:
هل يمكنك توضيح ما تقصده بـ “حقل عنوان الملف الشخصي؟”

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

.names .second.username {
    display: none;
}
إعجاب واحد (1)

رمز CSS أعلاه لا يخفي أسماء المستخدمين.\n\nأتحدث عن هذا العنوان\n

إعجاب واحد (1)

لذلك “اعتمادًا على إعدادات موقعك الإلكتروني”، ولكن هذا خطئي، كان يجب أن أبدأ بالإعدادات الافتراضية، والتي يجب أن يعمل معها CSS التالي:

.names .first.username {
    display: none;
}

بالنسبة للعنوان الموجود أسفل الاسم الكامل، جرب هذا:

.topic-meta-data .names {
    flex-wrap: wrap;
    .user-title {
        width: 100%;
    }
}

image

كن على علم بأنه قد تكون هناك آثار جانبية غير مقصودة (كما يحدث غالبًا عند إجراء تغييرات CSS على عناصر تحتوي على عناصر فرعية متعددة).

إعجابَين (2)

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

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

هل يمكنك تزويدي بقيم الإعدادات التالية لموقعك؟

  • الاسم الكامل مطلوب

  • إعطاء الأولوية لاسم المستخدم في تجربة المستخدم (UX)

إعجاب واحد (1)

حقل الاسم الكامل هو حقل إلزامي منذ أن بدأنا، وبالنسبة للنقطة الثانية أحتاج إلى مزيد من التوضيح.

إنه هذا الإعداد:

:slight_smile:

إعجاب واحد (1)

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

كيفية إضافة رأس الملف الشخصي بعد الاسم الكامل؟

نعم، هذا الإعداد ممكّن

تم تمكين كلا الإعدادين
image

شكرا على المعلومات :slight_smile:

إذا قمت بتمكين إعطاء الأولوية لاسم المستخدم في تجربة المستخدم (UX)، فسيتم عرض أسماء المستخدمين في كل مشاركة إذا كان اسم المستخدم والاسم الكامل للمستخدم متطابقين.
وستكون عالقًا إذا كنت ترغب في إخفاء أسماء المستخدمين باستخدام CSS فقط لأنه لا يمكنك استهداف العناصر السابقة.

على سبيل المثال، سيكون لديك مشاركتان تحتويان على:

  1. اسم المستخدم
  • محتوى المشاركة
  1. اسم المستخدم الاسم الكامل
  • محتوى المشاركة

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

إنه أمر معقد بعض الشيء للشرح :sweat_smile:

لذلك، إذا كنت تريد حلاً يعتمد على CSS فقط، فستحتاج إلى تعطيل إعطاء الأولوية لاسم المستخدم في تجربة المستخدم (UX) واستخدام CSS التالي:

.names {
    .full-name +.username {
        display: none;
    }
}

بالنسبة للعنوان الموجود أسفل الاسم، يمكنك استخدام CSS المحدث هذا:

.topic-meta-data .names {
    flex-wrap: wrap;
    .user-title {
        width: 100%;
        order: 1;
    }
}

يمنع order: 1; رمز حالة المستخدم من أن يكون بجوار العنوان ويحتفظ به بجوار الاسم الكامل:
إذا قمت بدمج كل هذا CSS، فإليك النتيجة.

قبل:

.topic-meta-data .names {
    flex-wrap: wrap;
    .full-name +.username {
        display: none;
    }
    .user-title {
        width: 100%;
        order: 1;
    }
}

بعد:

3 إعجابات

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

إعجاب واحد (1)

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

يرجى مساعدتي في إضافة عنوان الملف الشخصي بعد الاسم الكامل.

إعجاب واحد (1)

هل يمكن لأحد مساعدتي في كيفية جعل عنوان الملف الشخصي مرئيًا في صفحة المنشورات؟

@JammyDodger ماذا يجب أن أفعل؟ هل أقوم بإنشاء منشور جديد أم أن هناك طريقة أخرى لحل هذه المشكلة؟

هل يمكنك مشاركة رابط لمنتداك؟

هذا هو رابط المنتدى -
https://team.krsh.org

شكرا لك. :slight_smile:

من فضلك كن دقيقًا قدر الإمكان، لأن طلبك مربك بعض الشيء.

هل تقصد بـ “بعد” “أسفل”؟


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

لقد جربت الكود الخاص بي من رسالتي على منتدى الخاص بك وهو يعمل:

قبل:
image

بعد:
image

هل هذا ما تريده؟

إعجاب واحد (1)

لقد ذكرت بالفعل أنني أردت إظهار عنوان الملف الشخصي، إذا كان يمكن إظهار هذا العنوان أسفل الاسم الكامل فسيكون ذلك رائعًا، تمامًا كما في الصورة الثانية التي أرسلتها في مكان “Internship Secured” يجب أن يكون عنوان الملف الشخصي مرئيًا.