air Link Banner

مكون السمة
,
1

|||
-|-|-|
:discourse2: | ملخص | Welcome Link Banner هو شريط بسيط يسمح لك بإضافة نص مخصص و 1-4 روابط.
| :eyeglasses: | معاينة | معاينة على منشئ سمات Discourse |
:hammer_and_wrench: | رابط المستودع | https://github.com/discourse/discourse-welcome-link-banner
:open_book: | جديد على سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse

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

الميزات

Welcome Link Banner
Welcome Link Banner1187×373 29.3 KB

الإعدادات

يأتي هذا المكون مع مجموعة متنوعة من الإعدادات!

الاسم الوصف
show on اختر عرض شريطك على الصفحة الرئيسية، أو قوائم الموضوعات، أو جميع الصفحات
banner links أضف 1-4 روابط مع أيقونات Font Awesome ونصوص (قد تحتاج أيضًا إلى إضافة أيقونات غير مضمنة في Discourse افتراضيًا إلى إعداد svg_icons)
max trust level اعرض الشريط فقط للمستخدمين في مستويات ثقة محددة
hide for staff
hide on mobile
layout نص إلى اليسار (افتراضي) أو نص إلى الأعلى
plugin outlet يسمح لك بتغيير مكان عرض الشريط، إذا كنت تستخدم الشريط الجانبي جرب above-main-container
hide for anon يخفي الشريط عن المستخدمين غير المسجلين
can be dismissed يسمح للمستخدمين بالنقر على x لإخفاء الشريط
banner background image اختر صورة لعرضها خلف الشريط
banner background repeat قم بتكوين سلوك تكرار صورة الخلفية
banner background size اضبط حجم صورة الخلفية باستخدام CSS (مزيد من المعلومات)
banner background color لا توجد صورة خلفية؟ استخدم لونًا صلبًا!
banner box background color
banner text color
banner icon color
banner link color
الترجمات الافتراضي
meta_banner.welcome مرحبًا بك في مجتمعنا!
meta_banner.subtitle انضم إلى المحادثة، وتذكر أن تكون لطيفًا.

:discourse2: مستضاف من قبلنا؟ مكونات السمات متاحة للاستخدام في خطط Pro و Business و Enterprise الخاصة بنا.

77 إعجابًا
49

إذا كنت تستخدم الشريط الجانبي التجريبي، فقد أضفت إعدادًا (plugin outlet) سيجعل لافتة الترحيب تظهر فوق المحتوى ولكن ليس فوق الشريط الجانبي. فقط قم بتغيير هذا الإعداد إلى above-main-container.

سيؤدي تغيير هذا الإعداد إلى ظهور اللافتة على يمين الشريط الجانبي، كما تظهر لافتتنا هنا على Meta:

Screen Shot 2022-10-11 at 5.31.37 PM
Screen Shot 2022-10-11 at 5.31.37 PM1419×622 69.5 KB

6 إعجابات
113

تم تقسيم 10 مشاركات إلى موضوع جديد: هل لم يعد يظهر شريط ترحيب الارتباط على موقعي؟

114

سؤال: عندما يقوم المستخدم (أنا ^^) بإغلاق اللافتة، كيف يمكنه استعادتها؟
أضغط على Ctrl+F5 ولكنه لا يعود، وقد أغلقته فقط للاختبار.

3 إعجابات
115

على سطح المكتب، يمكنك مسح عنصر localstorage هنا، discourse_dismissedWelcomeLinkBanner.

اضغط على F12 لفتح وحدة تحكم المتصفح → انتقل إلى علامة التبويب Application → في اللوحة اليسرى، انقر فوق Local Storage ثم موقعك على الويب → ابحث عن المفتاح discourse_dismissedWelcomeLinkBanner واحذفه.

هذا كل شيء! يمكنك التحديث، ويجب أن يظهر الشعار مرة أخرى.

5 إعجابات
116

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

إعجابَين (2)
117

مرحباً @martyn_thomas :wave: إذا قمت بتثبيت مكون السمة هذا، فيجب أن تكون قادرًا على استخدام CSS لتحقيق ما تريده

4 إعجابات
118

قد يبدو سؤالي غبياً، لكنني لست مبرمجاً. لقد قمت بتثبيت مكون CSS Classes for Current User's Groups. إذا كنت أرغب في عرض 3 خيارات لافتة لثلاث مجموعات مختلفة، فهل يجب علي تثبيت ثلاث نسخ من مكون Welcome Link Banner؟ ثم كيف يجب علي تنسيق CSS إذا أردت:
للمجموعة أ، تم عرض اللافتة-أ، وللمجموعة ب، تم عرض اللافتة-ب، وللمجموعة ج، تم عرض اللافتة-ج؟ هل يمكنك تقديم مثال؟
شكراً مقدماً على إجابتك :pray:

إعجابَين (2)
119

قم بتثبيت نسخة واحدة فقط من المكون. انظر هنا لكيفية الاستخدام

body.group-(group name here) .welcome-link-banner-wrapper {
    display: none;
}

استبدل “(group name here)” بالمجموعة التي تريد إخفاء اللافتة لها.

4 إعجابات
120

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

إعجابَين (2)
121

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

4 إعجابات
123

[اقتباس=“Lilly، المشاركة: 121، الموضوع: 218743، اسم المستخدم: Lilly”]
CSS مختلف لإظهاره بدلاً من إخفائه.
[/اقتباس]

أنا أفهم هذا، لكنني لا أعرف كيفية تنفيذ مثل هذا CSS. أنا بحاجة إلى مثال CSS تقريبي

إعجابَين (2)
124

قد ترغب في إخفائه للجميع أولاً، ثم استخدام display: block لمجموعات محددة. ما تريده يمكن تحقيقه بأكثر من طريقة - إخفاء للجميع ثم إظهار للبعض، أو إخفاء للبعض.

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

اسمح لي بتقديم بعض التوضيحات.
[اقتباس=“Lilly, post:121, topic:218743, username:Lilly”]
إذا كنت تريد لافتات مختلفة، فسيتطلب ذلك أكثر من نسخة واحدة من مكون لافتة رابط الترحيب
[/اقتباس]

إذا كان لدي عدة نسخ من مكون، فكيف يجب أن أكتب اسم الفئة. على سبيل المثال،

body.group-name1 .welcome-link-banner-wrapper 1{
display: none;
}
body.group- name1 .welcome-link-banner-wrapper 2 {
display: none
}
body.group-name2 .welcome-link-banner-wrapper 1{
display: block;
}
body.group-name2 .welcome-link-banner-wrapper 2{
display: none
}
body.group-name3 .welcome-link-banner-wrapper 2{
display: block
}

شيء مشابه لـ؟
لا يمكنني معرفة كيف سيتم تسمية .welcome-link-banner-wrapper لكل مثيل مكون.

3 إعجابات
126

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

4 إعجابات
127

أود استخدام هذا الشعار لأنه بسيط ونظيف. هل من المقبول استخدامه للترويج لتطبيق شركتي بدلاً من كونه شعار ترحيب؟
أفكر في تعيين الرابط إلى عنوان URL يمكن التنزيل منه من متجر التطبيقات. هل هناك أي مشكلة في هذا أيضًا؟
هل يمكنني تغيير جزء “مرحبًا بك في مجتمعنا!”؟

إعجابَين (2)
128

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

4 إعجابات
129

@Moin

شكرا!

إعجابَين (2)
130

تم تقسيم 3 مشاركات إلى موضوع جديد: ما هي الأيقونات التي يمكنني إضافتها إلى لافتة رابط الترحيب؟

131

تم تقسيم 3 مشاركات إلى موضوع جديد: عرض لافتة رابط الترحيب لفئات معينة