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

: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 تريدها في أعلى كل عمود.

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

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

الإعدادات

الاسم الوصف
إظهار للأعضاء عرض الشريط الإعلاني للمستخدمين المسجلين الدخول إلى المنتدى
إظهار للمجهولين عرض الشريط الإعلاني للمستخدمين المجهولين
العرض على الأجهزة المحمولة عرض الشريط الإعلاني على الأجهزة المحمولة
العرض على أجهزة سطح المكتب عرض الشريط الإعلاني على أجهزة الكمبيوتر المكتبية
العرض على الصفحة الرئيسية عرض الشريط الإعلاني على الصفحة الرئيسية
يجب أن يحتوي الرابط على أدخل المسارات التي يجب أن يعرض فيها الشريط الإعلاني. أضف * إلى نهاية المسار كرمز بدل
قابل للإغلاق السماح للمستخدمين بإغلاق الشريط الإعلاني
قابل للطي/التوسيع السماح للمستخدمين بتوسيع وطي الشريط الإعلاني
حالة الطي الافتراضية حالة الطي الافتراضية عند تفعيل إعداد القابلية للطي
عمر ملف تعريف الارتباط عمر ملف تعريف الارتباط المستخدم لتذكر ما إذا كان الشريط الإعلاني قد تم إغلاقه أو توسيعه أو طيه. إذا تم تعيينه على “لا شيء”، فلن يتم استخدام أي ملفات تعريف ارتباط مع هذا المكون، وسيتم حذف أي ملفات تعريف ارتباط تم إنشاؤها سابقًا والمتعلقة بالشريط في المرة التالية التي يقوم فيها المستخدم بتحميل الصفحة بالكامل. يتم قياس القيم كوحدة واحدة، لذا فإن تعيين “سنة” سيكون سنة واحدة، و"أسبوع" سيكون أسبوعًا واحدًا، إلخ.
اسم ملف تعريف الارتباط عند إجراء تغييرات مهمة على الشريط الإعلاني، يجب عليك تغيير اسم ملف تعريف الارتباط لضمان رؤية جميع المستخدمين للتغييرات.
شريط إعلاني بعرض كامل عرض الشريط الإعلاني بعرض المتصفح الكامل
تبديل الموضع الافتراضي إذا كان هناك مكون آخر متعلق بالشريط الإعلاني نشطًا، استخدم هذا لتبديل موضعه مع Versatile Banner
منفذ البرنامج المساعد يضع below-site-header الشريط فوق الشريط الجانبي، و above-main-container يضعه فوق المحتوى بجانب الشريط الجانبي
صورة خلفية الشريط الإعلاني عنوان URL لمصدر صورة الخلفية الخاصة بك. نصيحة: يمكنك تحميل صورة إلى قالبك الرئيسي واستخدام عنوان URL منها، ولكن تأكد من عدم استخدام قسم “التحميلات” الخاص بهذا المكون. سيتم حذف أي تحميلات تمت إضافتها إلى هذا المكون كلما تم تحديثه.
صورة خلفية الشريط الإعلاني للوضع الداكن عنوان URL لمصدر صورة الخلفية عند اكتشاف الوضع الداكن للنظام.
لون الخلفية يُستخدم بدلاً من صورة الخلفية
لون الخلفية للوضع الداكن يُستخدم بدلاً من صورة الخلفية عند اكتشاف الوضع الداكن للنظام.
لون النص الأساسي لون النص الرئيسي للشريط الإعلاني
لون النص الأساسي للوضع الداكن لون النص الرئيسي للشريط الإعلاني عند اكتشاف الوضع الداكن للنظام
لون النص الثانوي لون النص الخاص بالأيقونة والعناوين النصية، ولون خلفية الزر.
لون النص الثانوي للوضع الداكن لون النص الخاص بالأيقونة والعناوين النصية، ولون خلفية الزر عند اكتشاف الوضع الداكن للنظام.
لون نص الروابط لون النص للروابط داخل الشريط الإعلاني
لون نص الروابط للوضع الداكن لون النص للروابط داخل الشريط الإعلاني عند اكتشاف الوضع الداكن للنظام.
الترجمة الافتراضي
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