يضيف مكون Brand Header رأسًا علويًا إضافيًا للعلامة التجارية، يحتوي على الشعار وروابط التنقل وأيقونات التواصل الاجتماعي، ويعمل على شاشتي الهاتف المحمول وسطح المكتب. يمكن أن يكون شعار العلامة التجارية صورة أو نصًا.
قائمة بأيقونات FontAwesome 6 المستخدمة في هذا المكون
إظهار الشريط على الهاتف المحمول
منفذ البرنامج المساعد
استخدام أيقونات Font Awesome 6
لضمان عرض أيقونات Font Awesome 6 بشكل صحيح في هذا المكون، ستحتاج إلى إضافتها إلى 3 أماكن في Discourse:
إعداد الموقع svg icon subset (مجموعة أيقونات SVG)
إعداد custom font awesome icons (أيقونات Font Awesome المخصصة) في المكون
إعداد icons (الأيقونات) في المكون
بالإضافة إلى ذلك، بالنسبة لبعض أيقونات Font Awesome 6، ستحتاج إلى تحديد بادئة fa أو fab مع اسم الأيقونة (على سبيل المثال: “fab-bluesky”)، نظرًا لأن بعض الأيقونات تنتمي إلى مجموعة فرعية محددة من الأيقونات. راجع نقوم بترقية أيقوناتنا إلى Font Awesome 6! لمزيد من التفاصيل حول هذا الاستخدام.
بمجرد إضافة هذه الأيقونات في الأماكن الثلاثة، يجب أن تراها معروضة بشكل صحيح في مكون موضوع Brand Header.
مستضاف لدينا؟ تتوفر مكونات الموضوع للاستخدام في خططنا Standard (المعيارية) وBusiness (الأعمال) وEnterprise (المؤسسات).
One small issue. Currently, if a header link is internal to a site (e.g. to a particular category), if it is tapped in the responsive menu, the responsive menu will stay open. The expected behaviour is that the menu would close.
I am also seeing this issue for internal links, where the header does not disappear on mobile. Instead, the header slides right and leaves the main page opaque (I believe an overlay is being set), even if the header is folded back up.
In the mobile view, when we click on the hamburger menu, if then we click outside of the menu, the hamburger menu would be expanded even more, instead of closing. and also it has some other glitches. for example when hamburger menu is open and we click on a topic link.
أحب هذا التغيير، لكنني لاحظت بعض المشكلات على عدة مواقع أستخدمها شخصيًا، وعلى موقع مستضاف أديره كمُعدِّل (منتديات NaNoWriMo). على عكس قائمة الهامبرغر العادية، إذا حاولت سحبها بعيدًا، فإنها ترتد مرة أخرى إلى الشاشة.
لقد رأيت هذا شخصيًا على هاتف Moto (g7) Power محدّث بالكامل يعمل بنظام Android 9، وعلى iPhone 8 محدّث بالكامل.
كما وردت تقارير عن فتح القائمة عند اللمس بالقرب من الأيقونة وليس فقط عند اللمس عليها مباشرة، لكنني لم أستطع تكرار هذا السلوك شخصيًا.
لقد وردتني استفسار حول سبب عدم عمل القائمة على الأجهزة المحمولة. ضغط المستخدم على قائمة البرغر الموجودة على اليسار ثم على رابط داخل القائمة، لكن انطباعه كان أن القائمة لا تعمل لأنها ما زالت تملأ معظم الشاشة.
اضطررت إلى شرح أنه يجب على المستخدم النقر في أي مكان على يمين الشاشة، بجانب القائمة، لإغلاقها.
هل من الممكن جعل الأمر أكثر بديهية، إما عن طريق:
إغلاق القائمة تلقائيًا عند النقر على رابط داخل القائمة على الأجهزة المحمولة؟
كنت أعتزم تقديم طلب مماثل. غالبًا ما أحاول إغلاق القائمة على الهاتف المحمول عن طريق سحبها إلى اليسار. يبدو أن الأمر يعمل، لكنها تعود فورًا إلى مكانها. أما في القوائم الأخرى في Discourse، فإن سحبها إلى الجانب يُغلقها بنجاح.
بناءً على المنشورين السابقين، لقد تعطل الأمر منذ 5 أشهر على الأقل ولم يستجب أحد. سأفترض أن هذا المكون الخاص بالموضوع قد توقف ما لم يقل شخص ما خلاف ذلك.
مستضاف لدينا؟ تتوفر مكونات الموضوع للاستخدام في خططنا Standard (المعيارية) وBusiness (الأعمال) وEnterprise (المؤسسات).
