مرحباً، هذه المكونات تعمل بشكل جيد ولكن كيف يمكن إضافة فئة نشطة إلى الروابط التي تم إنشاؤها عندما تكون روابط على discourse (نفس الشيء)، عناصر الأيقونة الافتراضية الخاصة بي لديها الفئة النشطة ولكن ليس تلك الموجودة في المكون
إعجاب واحد (1)
هذا موضوع مربك إلى حد ما، حيث يتم تحديث OP (الموضوع الأصلي) كـ wiki، ولكن معظم المناقشة تشير إلى إصدار قديم من المكون منذ عدة سنوات.
يقترح الموضوع و OP أن هذا يدعم الأيقونات الرسومية بالإضافة إلى روابط النص. ومع ذلك، فإن محرر إعدادات الكائن (Object Settings Editor) لا يحتوي على حقل لتحديد أيقونة. حاولت إضافة أيقونة SVG يدويًا:
"icon": "https://foo.svg",
الزر الرسومي لا يظهر - أحصل على زر رابط نصي بدلاً من ذلك، بناءً على المعلمات الأخرى للرابط المخصص. تشير المناقشة القديمة بين هذا المنشور و OP إلى أنني قد أحتاج إلى إضافة شيء ما في مكان ما لتمكين أيقونة SVG، ولكن ما هو وأين؟
أهلاً،
هل تقصد مكون السمة هذا؟
مكون السمة هذا Custom Header Links (icons) لا يحتوي على إعداد كائن.
قد ترغب في استخدام هذا إذا كنت بحاجة إلى روابط رأس مع دعم الأيقونات. 
إعجابَين (2)
لاحظ أنني قمت للتو بترحيل هذا المكون إلى إعدادات الكائن الجديدة الخاصة بنا:
يجب أن يكون تعديل الإعدادات الآن أسهل بكثير.
إعجابَين (2)
مرحباً، عند محاولة تحديث مكون روابط الرأس المخصصة، أحصل على هذا الخطأ: “حدث خطأ: لقد قدمت معلمات غير صالحة للطلب: يجب أن يكون العقار في مؤشر JSON ‘/3/url’ عنوان URL صالحًا.”
نعم، أرى ما قد يسبب ذلك… يحدد المخطط url: true وفي الواقع نسمح بعناوين URL النسبية، لذا فهي مجرد سلسلة وتعتبر عنوان URL غير صالح.
سألقي نظرة على الأمر.
إعجاب واحد (1)
هل يمكنك عرض إعدادات المكون الخاص بك من فضلك؟ يمكنك إرسالها في رسالة خاصة إذا كنت تفضل ذلك.
لست في المنزل الآن، سأقوم بذلك في أقرب وقت ممكن
إعجاب واحد (1)
لقد قمت بحل المشكلة مباشرة مع باتريك في رسالة خاصة، إذا واجه أي شخص نفس المشكلة، فإن المشكلة هي أنه مع هذه الإعدادات الجديدة، يكون فحص عنوان URL أكثر صرامة.
يجب أن يكون أي عنوان URL تملأه في الإعدادات عنوان URL مشفرًا بشكل صحيح، وأبسط حل هو استخدام encodeURI في وحدة تحكم المتصفح:
خذ عنوان URL هذا كمثال: “/some-url?title=Foo bar:baz”
encodeURI("/some-url?title=Foo bar:baz")
سيعطيك:
/some-url?title=Foo%20bar:baz
5 إعجابات
مرحباً، على الرغم من عدم وجود طريقة لإعادة ترتيب الأيقونات، يمكنك القيام بذلك عن طريق تحرير البرنامج النصي بالنقر فوق الزر “محرر” في المكون وإعادة ترتيب أسطر التعليمات البرمجية:
إعجاب واحد (1)
تشغيل 3.5.0.beta2-dev (137e8a0fa0). أنا متأخر بـ 14 التزامًا.
عندما أحاول التحديث، أحصل على خطأ:
حدث خطأ: لقد قدمت معلمات غير صالحة للطلب: يجب أن يكون العقار في مؤشر JSON '/1/title' موجودًا. يجب أن يكون العقار في مؤشر JSON '/1/icon' موجودًا. يجب أن يكون العقار في مؤشر JSON '/1/url' موجودًا.
هل هناك طريقة لإصلاح هذا؟
إعجاب واحد (1)
تم إرساله إليك، شكراً لك!
إعجاب واحد (1)
متابعة فقط. كما هو متوقع، فشلت عملية الترحيل لـ Wingtip لبعض الأسباب. لقد أعطيته الإعدادات الصحيحة. أتساءل في أي ظروف يمكن أن تفشل عمليات الترحيل. 
تحرير:
في الواقع، لم تنجح في البداية، لذا اقترحت عليه ما يلي:
Also for some reason it would not accept valid settings; I had to reset the settings, update, then reconfigure with the correct ones. Not a big deal, there wasn’t a ton of config needed. Thanks again for the help!
إعجاب واحد (1)
مرحباً، لا أستطيع عرض أيقونة SVG مخصصة وأرحب بمساعدتك في تحديد الخطأ الذي أرتكبه.
لقد قمت بتحميل ملف SVG إلى السمة الافتراضية:
ثم أضفت ما يلي إلى مكون السمة هذا:
لقد استخدمت icons-sprite و fa-icons-sprite و fab-icons-sprite، لكن الـ SVG لا يتم عرضه. يوجد العنصر النائب، يمكن النقر عليه، والرابط يعمل، ولكن المستطيل لا يحتوي على أيقونة فيه.
يُظهر الفاحص هذا:
<svg class="fa d-icon d-icon-fab-icons-sprite svg-icon svg-string" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"> <use href="#fab-icons-sprite"></use> </svg>
أعتقد أنه يجب نقله إلى موضوع Dev جديد.
@icaria36
هل يمكنك مشاركة محتوى Three_asterisks؟
تتبع ورقة الأشكال (spritesheet) تنسيقًا معينًا.
بعد ذلك، يمكنك استخدام my-theme-icon-1 و my-theme-icon-2 كمعرفات لك.
مزيد من المعلومات على Replace Discourse's default SVG icons with custom icons in a theme.
إعجابَين (2)
@Arkshine شكراً جزيلاً لك! لقد وصلت إلى تلك الصفحة ولكن يبدو أنني قمت بالتمرير بسرعة كبيرة. لا، لم أقم بهذا الواجب المنزلي بملف SVG. سأحاول (هذه هي المرة الأولى التي أحرر فيها النص في ملف SVG؛ هناك دائماً وقت أول) 
ونأمل أن يكون هذا كل شيء. 
إعجاب واحد (1)
أنا قادر على تحميل أيقونات فيسبوك وإنستغرام وتيك توك باستخدام هذا المكون، ولكن بغض النظر عما أحاول، لا يمكنني تحميل أيقونة تويتر الأصلية ولا أيقونة X الجديدة.
هل من تلميحات؟
