كيفية إضافة أيقونة في رابط التنقل؟

الدعم
1

أود إضافة أيقونة خط فانتوم قبل كلمة “Chat” هنا:

image

كيف يمكنني تحقيق ذلك؟

ملاحظة: أستخدم Custom Top Navigation Links لهذا الزر.

2

مرحباً،

ربما شيء مثل هذا لرأس سطح المكتب؟
يمكنك تغيير شريط التنقل المستهدف عن طريق تغيير السطر document.querySelector('#navigation-bar li a[href=\"/chat\"]'); للإشارة إلى المسار الصحيح a[href=\"...\"].

ويمكنك أيضًا تغيير الأيقونة باستخدام iconHTML('comment'); وتغيير comment.

Screenshot 2022-04-22 at 18.43.45

<script type="text/discourse-plugin" version="0.8">
  api.onPageChange(() => {
    const { iconHTML } = require("discourse-common/lib/icon-library");
    const navItem = document.querySelector('#navigation-bar li a[href="/chat"]');

    let icon = iconHTML('comment');
       
    if (navItem) {
      navItem.insertAdjacentHTML('afterbegin', icon)
    }
  });
</script>
4 إعجابات
3

جميل!

(20 حرفًا على الأقل)

إعجابَين (2)
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.