رأس العلامة التجارية

:discourse2: الملخص يضيف مكون Brand Header رأسًا علويًا إضافيًا للعلامة التجارية، يحتوي على الشعار وروابط التنقل وأيقونات التواصل الاجتماعي، ويعمل على شاشتي الهاتف المحمول وسطح المكتب. يمكن أن يكون شعار العلامة التجارية صورة أو نصًا.
:eyeglasses: معاينة معاينة على منشئ موضوعات Discourse
:hammer_and_wrench: رابط المستودع https://github.com/discourse/discourse-brand-header
:open_book: جديد على موضوعات Discourse؟ دليل المبتدئين لاستخدام موضوعات Discourse

تثبيت مكون الموضوع هذا

الميزات

معاينة سطح المكتب:

معاينة الهاتف المحمول:

الإعدادات

الاسم الوصف
اسم العلامة التجارية
عنوان الموقع
عنوان شعار الهاتف المحمول
الروابط روابط نصية سيتم عرضها في الرأس
الأيقونات روابط الأيقونات التي سيتم عرضها في الرأس
أيقونات Font Awesome المخصصة قائمة بأيقونات FontAwesome 6 المستخدمة في هذا المكون
إظهار الشريط على الهاتف المحمول
منفذ البرنامج المساعد

استخدام أيقونات Font Awesome 6

لضمان عرض أيقونات Font Awesome 6 بشكل صحيح في هذا المكون، ستحتاج إلى إضافتها إلى 3 أماكن في Discourse:

  1. إعداد الموقع svg icon subset (مجموعة أيقونات SVG)
  2. إعداد custom font awesome icons (أيقونات Font Awesome المخصصة) في المكون
  3. إعداد icons (الأيقونات) في المكون

بالإضافة إلى ذلك، بالنسبة لبعض أيقونات Font Awesome 6، ستحتاج إلى تحديد بادئة fa أو fab مع اسم الأيقونة (على سبيل المثال: “fab-bluesky”)، نظرًا لأن بعض الأيقونات تنتمي إلى مجموعة فرعية محددة من الأيقونات. راجع نقوم بترقية أيقوناتنا إلى Font Awesome 6! لمزيد من التفاصيل حول هذا الاستخدام.

بمجرد إضافة هذه الأيقونات في الأماكن الثلاثة، يجب أن تراها معروضة بشكل صحيح في مكون موضوع Brand Header.

:discourse2: مستضاف لدينا؟ تتوفر مكونات الموضوع للاستخدام في خططنا Standard (المعيارية) وBusiness (الأعمال) وEnterprise (المؤسسات).

87 إعجابًا
Is there a setting to add Facebook, twitter , Instagram profile links?
Beginner's guide to using Discourse Themes
Reuse Discourse Hamburger Functionality
Introducing Font Awesome 5 and SVG icons
How to use brand header html in my WordPress site
WordPress in a Discourse iFrame?
Login with federated social networks
Customise home login page
How to finely scroll out custom header?
How to put a backlink to our company website above the top-menu in discourse?
Can I add a icon and link back to my homesite at the top bar
How to create additional header?
Customize the header with links, icons, or menus
🌅 Introducing Horizon, our newest theme
Customize Your Site Branding
Dropdown links in existing Header
Need to create good-looking front page with Discourse login option
How I can add a custom header
Horizon interaction with Brand Header
How to add top menu bar like try.discourse.org
How to add a directory of people/businesses to my theme?
How to create custom theme component?
Custom website header with forum
Brand header theme component breaks page layout on static and no_ember pages
Adding header in theme messes up topic progress bar (when docked)
Structuring a multilingual community
Brand header theme component breaks page layout on static and no_ember pages
Are these possible only with a custom theme?
Horizon Theme
How do I move an image/banner to the VERY top of the page?
TypeError: Discourse._registerPluginCode is not a function
DiscoTOC & Brand Header - using together
Brand Header breaks chat reply box on mobile (iOS)
Air Theme
Display name of forum
How to make your side have a side-bar and external links
TavoWEB theme for Discourse
Why does the logo navigate to Discourse home not main site home
Insert Link to External Website
Quick access to bookmarks and messages on user menu
Structuring a multilingual community
Help needed with theming and logo
How do the Links and Icons settings work?
Customizing your site with existing theme components
How to embed Discourse in Wordpress?