لافتة متعددة الاستخدامات

:discourse: ملخص يضيف “Versatile Banner” شريطًا مخصصًا قابلًا للتخصيص إلى موقعك.
:eyeglasses: معاينة معاينة في منشئ سمة Discourse
:hammer_and_wrench: رابط المستودع https://github.com/discourse/discourse-versatile-banner
:open_book: جديد في سِمات Discourse؟ دليل المبتدئين لاستخدام سِمات Discourse

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

الميزات

هذا مكون سمة هو تطور لجهود الشريط السابقة. الهدف هو توفير المزيد من السهولة والمرونة من خلال استخدام إعدادات السمة.

فيما يلي أبرز الميزات:

  • تقييد العرض للمستخدمين المسجلين أو المستخدمين المجهولين
  • تقييد العرض ليكون حصريًا للجوال أو سطح المكتب
  • تقييد العرض لصفحات محددة
  • خيارات قابلة للإغلاق، قابلة للتوسيع، وبارزة دائمًا
  • خيار عرض كامل عرض المتصفح
  • إدارة الألوان
  • تخصيص العناوين والأعمدة باستخدام HTML (انظر أدناه للمزيد)
  • خيار الحالة المستمرة (انظر أدناه للمزيد)

تخصيص محتوى شريطك

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

استخدام خيار الحالة المستمرة

سيعتمد خيار الحالة المستمرة على ما يصل إلى اثنين من ملفات تعريف الارتباط. ستحتوي هذه الملفات على اسم للشريط وقيمة true/false تتعلق بحالة الشريط. إذا كانت لديك أي مخاوف بشأن استخدام ملفات تعريف الارتباط على موقعك، فمن الأفضل تجنب استخدام هذا الإعداد. اختيار خيار الوقت النسبي لإعداد cookie_lifespan سيضمن بقاء الشريط مغلقًا/موسعًا/منكمشًا لمدة ذلك الوقت بعد أن يضغط المستخدم على الزر المناسب. بدون هذا الإعداد، يتم إعادة تعيين الشريط مع كل تحميل كامل للصفحة. إذا قمت بتغيير في الشريط وتريد التأكد من أن جميع المستخدمين يرون هذه التغييرات، حتى أولئك الذين أغلقوا الشريط سابقًا، فتأكد من تغيير «اسم ملف تعريف الارتباط». سيؤدي ذلك في الأساس إلى إعادة تعيين أي حالة مستمرة، ثم السماح للمستخدم بإغلاق الشريط مرة أخرى

الإعدادات

الاسم الوصف
show for members عرض الشريط للمستخدمين المسجلين في المنتدى
show for anon عرض الشريط للمستخدمين المجهولين
display on mobile عرض الشريط على أجهزة الجوال
display on desktop عرض الشريط على أجهزة سطح المكتب
display on homepage عرض الشريط في الصفحة الرئيسية
url must contain أدخل المسارات التي يجب أن تعرض الشريط. أضف * في نهاية المسار كعلامة wildcard
dismissible السماح للمستخدمين بإغلاق الشريط
collapsible السماح للمستخدمين بتوسيع الشريط وانكماشه
default collapsed state حالة الانكماش الافتراضية عند تمكين إعداد collapsible
cookie lifespan عمر ملف تعريف الارتباط المستخدم لتذكر ما إذا كان الشريط قد تم إغلاقه أو توسيعه أو انكماشه. إذا تم تعيينه على «لا شيء»، فلن يتم استخدام أي ملفات تعريف ارتباط مع هذا المكون، وسيتم حذف أي ملفات تعريف ارتباط تم إنشاؤها سابقًا تتعلق بالشريط في المرة التالية التي يقوم فيها المستخدم بتحميل الصفحة بالكامل. يتم قياس القيم كوحدة واحدة، لذا فإن تعيين «سنة» سيكون سنة واحدة، و«أسبوع» سيكون أسبوعًا واحدًا، إلخ.
cookie name عند إجراء تغييرات مهمة على الشريط، يجب عليك تغيير اسم ملف تعريف الارتباط لضمان رؤية جميع المستخدمين للتغييرات.
full width banner عرض الشريط بعرض المتصفح الكامل
swap default positioning إذا كان هناك مكون آخر مرتبط بالشريط نشطًا، فاستخدم هذا لتبديل موضعه مع Versatile Banner
plugin outlet يضع below-site-header الشريط فوق الشريط الجانبي، بينما يضع above-main-container الشريط فوق المحتوى بجانب الشريط الجانبي
banner background image عنوان URL للمصدر لصورة الخلفية الخاصة بك. نصيحة: يمكنك رفع صورة إلى سمتك الرئيسية واستخدام عنوان URL منها، ولكن تأكد من عدم استخدام قسم «التحميلات» في هذا المكون. سيتم حذف أي تحميلات مضافة إلى هذا المكون عند كل تحديث.
banner background image dark عنوان URL للمصدر لصورة الخلفية عند اكتشاف وضع النظام الداكن.
background color يُستخدم بدلاً من صورة الخلفية
background color dark يُستخدم بدلاً من صورة الخلفية عند اكتشاف وضع النظام الداكن.
primary text color لون النص الرئيسي للشريط
primary text color dark لون النص الرئيسي للشريط عند اكتشاف وضع النظام الداكن
secondary text color لون نص الأيقونة وعناوين النصوص، ولون خلفية الزر.
secondary text color dark لون نص الأيقونة وعناوين النصوص، ولون خلفية الزر عند اكتشاف وضع النظام الداكن.
link text color لون نص الروابط داخل الشريط
link text color dark لون نص الروابط داخل الشريط عند اكتشاف وضع النظام الداكن.
الترجمة الافتراضي
close.title إغلاق الشريط
close.label إغلاق
toggle.title توسيع/انكماش الشريط
toggle.collapse_label انكماش
toggle.expand_label توسيع

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

101 إعجاب
Homepage Banner
Homepage specific design and content
Showing two banners: one to anonymous users, and one for logged-in members
Discourse Theme Creation
Activated child Component and broke Discourse!
How to add a simple Banner
Adding a new banner just above the logo
Banner on Discourse
Landing page customization
Message to display to only users without accounts/logged in?
Turned my Discourse into a successful ecommerce platform!
Adding a new banner just above the logo
Ideas for highlighting content on our forum
Impact of component positioning with 2.5.0.beta6
Using an Image for a Global Banner Topic - Dimensions?
Showing a Warning to Non-Registered Users
Customise home login page
Enhancing My engineering Community Landing Page - Technology Support Category
How to add top welcome message to the board
How is the Banner at meta.discourse.org created?
Is it possible to change the order of topics?
Can the new About page be more visible?
Need help to emulate old forum
Creating a banner that only 1 group can see, while the other groups don't
Sticky global notice
Banner text customization for Subscriptions plugin
How to I stop topics automatically un-pinning when a user reaches the bottom?
How to insert Versatile Banner before the content of the post.?
Need guidance for adding description bar
Customizing your site with existing theme components
Homepage Feature
How to Set a Closable Banner at the Top of site?
Order of two items in the same plugin outlet
How to add this type of banner?
Customize Your Site Branding
Can the new About page be more visible?
Asking for advice on "How to create a Banner on the main page"/
No HTML in global notice
Welcome Link Banner theme-component with photos
How to apply CSS code only in the discourse home page?
How to make the automatic dark theme the same as the selected dark theme?
Make the Welcome Banner less intrusive
Your own banner with a link
I want add photo for download my app
How to add title and buttons naturally above forum topics?
Where shall I put this code for a top banner?
Is it possible to insert a box of text between the header and topic list?
How do I create a welcome banner like the one on this site?
Customizing the groups page
What are good plugins or theme components for a forum emphasizing pictures?
Creating a banner to display at the top of your site
Horizon Theme
Missing margin in the .banner- box for Versatile Banner TC
What Are Some Good Welcome Banner Designs?
App interviewer
How minimal is your forum?
How to add a header image and customize it
Category Banners
Как сделать заголовок H1 на главной странице
Как поставить Банер на главной странице
Hover preview and quote of the day
Creating a "Featured Categories" homepage banner
Making my discourse site look a certain way
Help with alignment in the "versatile banner" plugin
Make Banner Undismissable
Can I add a banner only on my homepage?
Welcome message at the top
Globally pinned topic only appears in one category
Pin a post even in the categories home page
How do i turn of unpin/pin option for my forum users?
[PAID] Assistance to Set-up My Forum
Custom HTML on Groups page
Banner diference mobile/web
Help me code menu top same image
Publish a notification at top of the page
How to create a welcome banner/section?
Landing page customization