قائمة روابط الملف الشخصي السريعة

:information_source: ملخص قائمة روابط الملف الشخصي السريع
:eyeglasses: معاينة https://discourse.theme-creator.io/theme/Don/quick-profile-links-menu
:hammer_and_wrench: المستودع GitHub - VaperinaDEV/quick-profile-links-menu
:question: دليل التثبيت كيفية تثبيت سمة أو مكون سمة
:open_book: جديد في سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

تثبيت مكون السمة هذا

مرحباً :wave:

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

روابط قائمة صفحات المستخدم

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



بالنقر على عنصر القائمة، سيتم إعادة التوجيه إلى الحقل المطلوب. لتحقيق ذلك، أضفت سمة id لكل حقل وهي نفس قيمة سمة [data-setting-name]. لذا يمكننا الآن استخدام هذا كمرساة. مثل: /u/username/preferences/profile#user-bio

يمكنك فحص هذه باستخدام النقر بزر الماوس الأيمن على عنوان الإعداد والتحقق من id. في هذه الحالة، يجب أن تكون قيمة setting هي user-username. هذا الإعداد هو حقل اختياري، لذا تركه فارغًا سيعيد التوجيه إلى الصفحة، وليس الإعداد.


إعداد روابط قائمة صفحات المستخدم

باستخدام إعداد profile links، يمكنك إضافة هذه الروابط السريعة.

  1. الأيقونة (أيقونة fontawesome) مطلوب
  2. التسمية (تسمية الرابط) مطلوب
  3. الصفحة (أي صفحة تريد إعادة التوجيه إليها)
    • account (حساب)
    • security (أمان)
    • profile (ملف شخصي)
    • emails (رسائل البريد الإلكتروني)
    • notifications (إشعارات)
    • tracking (تتبع)
    • users (مستخدمون)
    • interface (واجهة)
  4. الإعداد (أي حقل إعداد تريد إعادة التوجيه إليه) اختياري
هذه بعض حقول الإعدادات للاستخدام.
  • account (حساب)

    • user-username (اسم المستخدم)
    • user-avatar (صورة المستخدم الرمزية)
    • user-email (بريد المستخدم الإلكتروني)
    • user-associated-accounts (حسابات المستخدم المرتبطة)
    • user-name (اسم المستخدم)
    • user-title (لقب المستخدم)
    • user-flair (شعار المستخدم)
    • user-data-export (تصدير بيانات المستخدم)
  • profile (ملف شخصي)

    • user-bio (نبذة عن المستخدم)
    • user-timezone (المنطقة الزمنية للمستخدم)
    • user-location (موقع المستخدم)
    • user-website (موقع المستخدم)
    • user-profile-bg (خلفية الملف الشخصي للمستخدم)
    • user-card-bg (خلفية بطاقة المستخدم)
    • user-featured-topic (موضوع المستخدم المميز)
  • interface (واجهة)

    • user-theme (سمة المستخدم)
    • user-color-scheme (نظام ألوان المستخدم)
    • user-text-size (حجم نص المستخدم)
    • user-locale (لغة المستخدم)
    • user-home (الصفحة الرئيسية للمستخدم)
    • user-other-settings (إعدادات المستخدم الأخرى)

علامة تبويب الملف الشخصي المخصصة في قائمة المستخدم

باستخدام إعداد enabled user menu tab، يمكنك تمكين علامة التبويب المخصصة هذه في الملف الشخصي. هذه العلامة هي إعادة إنشاء لعلامة تبويب الملف الشخصي الافتراضية.

ماذا تفعل؟

  • إخفاء علامة تبويب الملف الشخصي الافتراضية في قائمة المستخدم
  • إضافة علامة تبويب ملف شخصي مخصصة في قائمة المستخدم في الأعلى
    • يمكن تغيير أيقونة علامة التبويب باستخدام إعداد user menu tab icon
  • إضافة عناصر مخصصة تحت زر التفضيلات
    • يمكن تغيير هذه العناصر باستخدام إعداد profile menu preference items
  • إضافة عناصر إضافية مخصصة قبل زر تسجيل الخروج
    • يمكن تغيير هذه العناصر باستخدام إعداد profile menu extra items

إعدادات علامة تبويب الملف الشخصي المخصصة

بالنسبة لعناصر التفضيلات (التي تقع تحت زر التفضيلات)، باستخدام profile_menu_preference_items يمكنك التغيير والإضافة/الإزالة…

  1. الأيقونة (أيقونة fontawesome) اختياري
  2. التسمية (تسمية الرابط) مطلوب
  3. الصفحة (أي صفحة تريد إعادة التوجيه إليها)
    • account (حساب)
    • security (أمان)
    • profile (ملف شخصي)
    • emails (رسائل البريد الإلكتروني)
    • notifications (إشعارات)
    • tracking (تتبع)
    • users (مستخدمون)
    • interface (واجهة)
  4. الإعداد (أي حقل إعداد تريد إعادة التوجيه إليه) اختياري
هذه بعض حقول الإعدادات للاستخدام.
  • account (حساب)

    • user-username (اسم المستخدم)
    • user-avatar (صورة المستخدم الرمزية)
    • user-email (بريد المستخدم الإلكتروني)
    • user-associated-accounts (حسابات المستخدم المرتبطة)
    • user-name (اسم المستخدم)
    • user-title (لقب المستخدم)
    • user-flair (شعار المستخدم)
    • user-data-export (تصدير بيانات المستخدم)
  • profile (ملف شخصي)

    • user-bio (نبذة عن المستخدم)
    • user-timezone (المنطقة الزمنية للمستخدم)
    • user-location (موقع المستخدم)
    • user-website (موقع المستخدم)
    • user-profile-bg (خلفية الملف الشخصي للمستخدم)
    • user-card-bg (خلفية بطاقة المستخدم)
    • user-featured-topic (موضوع المستخدم المميز)
  • interface (واجهة)

    • user-theme (سمة المستخدم)
    • user-color-scheme (نظام ألوان المستخدم)
    • user-text-size (حجم نص المستخدم)
    • user-locale (لغة المستخدم)
    • user-home (الصفحة الرئيسية للمستخدم)
    • user-other-settings (إعدادات المستخدم الأخرى)

يمكن وضع العناصر الإضافية فوق زر تسجيل الخروج باستخدام إعداد profile menu extra items.

  1. الأيقونة (أيقونة fontawesome) اختياري
  2. التسمية (تسمية الرابط) مطلوب
  3. الرابط (أي رابط تريد إعادة التوجيه إليه) مطلوب
17 إعجابًا

هللويا!!! أخيرًا قام شخص ما بمعالجة هذا - في رأيي، هذه واحدة من أكبر المشكلات للمستخدمين الجدد لـ Discourse.

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

5 إعجابات

مرحباً @nathank :wave: أعتقد أنها فكرة رائعة لإيجاد مسار أسرع. لقد أضفته إلى علامة تبويب قائمة المستخدم.

4 إعجابات

رائع! عمل جيد!

ولكن أعتقد أنه يمكننا المضي قدمًا، مع مفهوم تغيير التركيز الأساسي/القياسي لقائمة الأفاتار من الإشعارات (مع تفكير لاحق للملف الشخصي) إلى الملف الشخصي + الإشعارات (وهو ما أعتقد أنه يجب أن يكون). لدينا بالفعل علامة تبويب للملف الشخصي، ولكنها ليست بارزة جدًا:

إحدى الطرق التي يمكن تحقيق ذلك بها:

  1. استخدام علامة تبويب الملف الشخصي الحالية في قائمة الأفاتار
  2. وضع تلك العلامة في الأعلى (أي حيث يوجد الآن رمز التعديل لروابط الملف الشخصي السريعة)
  3. السماح للمسؤول بتخصيص قائمة علامة تبويب الملف الشخصي

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

ربما يكون من الأسهل تبديل علامة التبويب وإضافة / طرح منها. ما رأيك؟

4 إعجابات

عمل رائع يا دون. هذه إضافة رائعة. شكراً! :slight_smile: :clap:

إعجابَين (2)

لدي مفهوم لشيء كهذا.
أعتقد أنه قد يكون من الجيد فصل الإعدادات.

  1. انقل الملف الشخصي إلى الأعلى
  2. إخفاء التفضيلات
  3. إزالة الحد العلوي

  1. قم بتغيير أيقونة علامة التبويب المخصصة إلى ترس افتراضيًا
  2. أضف حدًا سفليًا للفصل عن الإشعارات
  3. أضف زر “عرض كل الإعدادات” إلى الأسفل (إعادة التوجيه إلى /my/preferences/account)

ما رأيك؟

4 إعجابات

ولكن إعدادات المستخدم أقل استخدامًا ونادرًا ما تُستخدم. لست متأكدًا مما إذا كان ينبغي أن يكون مكانها هو الأول، بغض النظر عما تم تحديده افتراضيًا.

إعجابَين (2)

إن المكونات التي تطورها هي مشهد يُحتذى به في كل مرة هههه

5 إعجابات

كيف أجد القيمة الصحيحة لـ setting؟

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

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

هل من الممكن ربط علامة تبويب الملف الشخصي؟

3 إعجابات

يمكنك العثور عليها في OP ويمكنك أيضًا فحصها بالنقر بزر الماوس الأيمن على عنوان الإعداد والتحقق من id هنا. في هذه الحالة، يجب أن تكون قيمة setting هي user-username ولكن أعتقد أنني سأجعلها حقلاً اختيارياً بحيث يمكن إعادة التوجيه إلى الصفحة دون إضافة إعداد.


تحديث صغير هنا:

أتفق معك.

  1. لقد أعدت إنشاء علامة تبويب الملف الشخصي وأضفت إليها روابط سريعة.
  2. إخفاء علامة تبويب الملف الشخصي الافتراضية
  3. تغيير أيقونة علامة التبويب المخصصة إلى مستخدم

هذا ما تبدو عليه الآن.


لقد قمت بتمكين معاينة لهذا في منشئ السمة: https://discourse.theme-creator.io/theme/Don/quick-profile-links-test

4 إعجابات

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

كنت أخشى من تلك الأداة التي تعمل بالنقر بزر الماوس الأيمن :joy: فقط لأنني أعمل بالكلمات بشكل شبه كامل، لم أستخدم حاسوبي المحمول منذ شهر مايو الماضي، على ما أعتقد. لكن لا يمكن فعل شيء، إنه اختياري فقط وفقط. لديّ جهاز تحكم على جهاز iPad، مع ذلك. لم أكن أعرف ما الذي أبحث عنه. الآن أعرف. شكرًا!

إعجابَين (2)

سيكون الأمر ضيقًا جدًا، أليس كذلك؟ لأنها تبدو هكذا الآن في الحياة الواقعية:

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

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

إعجابَين (2)

تحديث :tada:
لقد قمت بتحديث المنشور الأصلي أيضًا.

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

علامة تبويب الملف الشخصي المخصصة في قائمة المستخدم

يتم التحكم فيها بواسطة الإعداد enabled_user_menu_tab.

  • إخفاء علامة تبويب الملف الشخصي الافتراضية في قائمة المستخدم
  • إضافة علامة تبويب ملف شخصي مخصصة في قائمة المستخدم إلى الأعلى
    • يمكن تغيير أيقونة علامة التبويب باستخدام الإعداد user_menu_tab_icon
  • إضافة عناصر مخصصة تحت زر التفضيلات
    • يمكن تغيير هذه العناصر باستخدام الإعداد profile_menu_preference_items
  • إضافة عناصر إضافية مخصصة قبل زر تسجيل الخروج
    • يمكن تغيير هذه العناصر باستخدام الإعداد profile_menu_extra_items

الإعدادات

  • حقل الأيقونة في profile_menu_preference_items و profile_menu_extra_items اختياري الآن.
  • حقل الإعداد في profile_links و profile_menu_preference_items اختياري الآن، مما يعني أنه يمكن إضافة روابط لإعادة التوجيه إلى صفحة، وليس إعدادًا.


3 إعجابات

ستكون هذه مشكلة كبيرة في تجربة المستخدم على الهواتف المحمولة بالإضافة إلى جميع شاشات اللمس :man_shrugging:

أكره أن أقول هذا، ولكن الاتجاه نحو سطح المكتب فقط.

لقد كنت مخطئًا بشأن هذا القلق. بالتأكيد، إنها مأهولة بالكامل الآن، لكنها تعمل بشكل جيد.

3 إعجابات

ولكن ماذا يجب أن يفعل تعطيل enabled user menu tab؟ اعتقدت أن علامة تبويب القلم السابقة ستظهر، ولكن لا.

إعجابَين (2)

ميزة ملف تعريف المستخدم المخصصة بأكملها. إذا قمت بتعطيلها فلن تفعل شيئًا مع قائمة المستخدم.

إعجابَين (2)

نعم، عند تمكينها. ولكن عند تعطيلها، فهي نفس الشيء تقريبًا مثل تعطيل المكون بالكامل :thinking:

لا، إذا قمت بتعطيلها، فستظهر قائمة الارتباطات السريعة لصفحة المستخدمين فقط.

إعجابَين (2)