air Link Banner

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

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

الميزات

الإعدادات

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

الاسم الوصف
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 إعجابًا
How is the Banner at meta.discourse.org created?
How to Set a Closable Banner at the Top of site?
Banner text customization for Subscriptions plugin
Do the team have plan to release the banner as a theme component?
How is the "Welcome to Discourse Meta!" div being hid on forum posts?
Can the new About page be more visible?
Christmas Decoration Component :christmas_tree:
How do I add category groups and category group groups on my site? Just like Epic Forums
How to add sub header similar to "Welcome to Discourse Meta!"?
How to apply CSS code only in the discourse home page?
Adding icons for the Welcome Link Banner
How do I create a welcome banner like the one on this site?
How do I remove this sticky event/announcement banner?
Setup custom Welcome banner on the homepage
Can I create two new topic butons on my home page?
My Wiki of useful Meta (and other) links
What's with this official theme navigation?
Your own banner with a link
How to add a directory of people/businesses to my theme?
How to add title and buttons naturally above forum topics?
Name of component discourse top forum
Handlebars template conditional for trust level
What are good plugins or theme components for a forum emphasizing pictures?
What are good plugins or theme components for a forum emphasizing pictures?
Questions about subcategories displaying in wiki sidebar
Creating a banner to display at the top of your site
Welcome Banner inspired by the discourse hiring banner
Horizon Theme
What Are Some Good Welcome Banner Designs?
How to show a piece of content to *only* non-logged in users
Feng Shui (Simplifying the UI for new users)
Call to action - encourage new users to participate
Showing a Warning to Non-Registered Users
Can the new About page be more visible?
Call to Action - Top Header (Like meta.discourse.org)
Third migration, once again for a niche forum (Volkswagen Campers vans)
How can I make these two banners?
Fancy site header: how do I get it & what made it go away?
What is this component?
Customizing your site with existing theme components
Add Discourse-style top banner to my forum
Dismissible banner on meta
How to put sidebar on "top" like it is on meta.discourse
Require users to join at least one group at sign-up
Design and elements like on meta.discourse.org
Versatile Banner

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

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

6 إعجابات

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

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

3 إعجابات

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

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

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

5 إعجابات

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

إعجابَين (2)

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

4 إعجابات

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

إعجابَين (2)

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

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

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

4 إعجابات

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

إعجابَين (2)

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

4 إعجابات

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

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

إعجابَين (2)

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

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

اسمح لي بتقديم بعض التوضيحات.
[اقتباس=“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 إعجابات

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

4 إعجابات

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

إعجابَين (2)

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

4 إعجابات

@Moin

شكرا!

إعجابَين (2)

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

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