بانر رابط الترحيب

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

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

الميزات

الإعدادات

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

الاسم الوصف
إظهار على اختر إظهار البانر في الصفحة الرئيسية، أو قوائم المواضيع، أو جميع الصفحات
روابط البانر أضف من 1 إلى 4 روابط مع أيقونات Font Awesome والنص (قد تحتاج أيضاً إلى إضافة أيقونات غير متضمنة في Discourse افتراضياً إلى إعداد svg_icons)
أقصى مستوى ثقة إظهار البانر فقط للمستخدمين في مستويات ثقة محددة
إخفاء للمشرفين
إخفاء على الهاتف المحمول
التخطيط النص على اليسار (افتراضي) أو النص في الأعلى
منفذ البرنامج المساعد يتيح لك تغيير مكان عرض البانر، إذا كنت تستخدم الشريط الجانبي جرب above-main-container
إخفاء للزوار إخفاء البانر عن المستخدمين غير المسجلين الدخول
يمكن إغلاقه يسمح للمستخدمين بالنقر على x لإخفاء البانر
صورة خلفية البانر اختر صورة للعرض خلف البانر
تكرار صورة خلفية البانر تكوين سلوك تكرار صورة الخلفية
حجم صورة خلفية البانر اضبط حجم صورة الخلفية باستخدام CSS (المزيد من المعلومات)
لون خلفية البانر لا توجد صورة خلفية؟ استخدم لوناً ثابتاً!
لون خلفية صندوق البانر
لون نص البانر
لون أيقونة البانر
لون رابط البانر
الترجمات الافتراضي
meta_banner.welcome مرحباً بك في مجتمعنا!
meta_banner.subtitle انضم إلى المحادثة، وتذكر أن تكون لطيفاً.

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

79 إعجابًا
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
Make the Welcome Banner less intrusive
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?
What's the background image size for the Welcome Banner?
How can I make these two banners?
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)
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
How to add this type of banner?
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 مشاركات إلى موضوع جديد: عرض لافتة رابط الترحيب لفئات معينة