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

:discourse2: ملخص يضيف اللافتة متعددة الاستخدامات لافتة قابلة للتخصيص إلى موقعك.
: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 أدخل المسارات التي يجب أن تعرض اللافتة. أضف * في نهاية المسار كعلامة جامدة
dismissible السماح للمستخدمين بإغلاق اللافتة
collapsible السماح للمستخدمين بتوسيع اللافتة وطيها
default collapsed state حالة الطي الافتراضية عند تفعيل إعداد collapsible
cookie lifespan عمر ملف تعريف الارتباط المستخدم لتذكر ما إذا كانت اللافتة قد أُغلقت أو مُدّت أو طُويت. إذا تم تعيينه على “none”، فلن يتم استخدام أي ملفات تعريف ارتباط مع هذا المكون، وسيتم حذف أي ملفات تعريف ارتباط سابقة تم إنشاؤها تتعلق باللافتة في المرة التالية التي يقوم فيها المستخدم بتحميل صفحة كاملة. تُقاس القيم بوحدة واحدة، لذا فإن تعيين “year” سيكون عامًا واحدًا، و"week" سيكون أسبوعًا واحدًا، وهكذا.
cookie name عند إجراء تغييرات مهمة على اللافتة، يجب عليك تغيير اسم ملف تعريف الارتباط لضمان رؤية جميع المستخدمين للتغييرات.
full width banner عرض اللافتة بعرض المتصفح الكامل
swap default positioning إذا كان هناك مكون آخر مرتبط باللافتة نشطًا، فاستخدم هذا لتبديل موضعه مع لافتة Versatile Banner
plugin outlet يضعها أسفل-site-header فوق الشريط الجانبي، وabove-main-container يضعها فوق المحتوى بجانب الشريط الجانبي
banner background image عنوان URL المصدر لصورة الخلفية الخاصة بك. نصيحة: يمكنك رفع صورة إلى سمة رئيسية واستخدام الرابط منها، ولكن تأكد من عدم استخدام قسم “Uploads” في هذا المكون. سيتم حذف أي رفعات مضافة إلى هذا المكون عند تحديثه.
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
Landing page customization
Adding a new banner just above the logo
Banner on Discourse
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
Homepage Feature
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
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 add a header image and customize it
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 make the automatic dark theme the same as the selected dark theme?
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
Message to display to only users without accounts/logged in?
Turned my Discourse into a successful ecommerce platform!
Category Banners
Adding a new banner just above the logo