مساعدة في استبدال أيقونة

أحاول استبدال أيقونة bars لفتح/إغلاق الشريط الجانبي باتباع هذه التعليمات Replace Discourse's default SVG icons with custom icons in a theme ولكنني لا أحقق الكثير من النجاح.
لقد أنشأت ورقة صور تحتوي على أيقونة الشريط الجانبي التي أرغب في استخدامها (تم طمسها لأنها أيقونة احترافية من fontawesome)

أنشأت مكونًا وقمت بتحميل ورقة الصور:

واستخدمت هذا الرمز (أريد التغيير على سطح المكتب فقط)

لكنني لا أحصل على أيقونة:

أي أفكار؟ أنا متأكد من أنني أفتقد شيئًا صغيرًا وغبيًا! شكراً لك!

هل جربته باسم ملف الأصل بأحرف صغيرة (مثل: npn_spritesheet.svg
لأن غير ذلك يبدو أنه يجب أن يعمل (يمكنني القيام بذلك بسهولة باستخدام أيقونة v5 ولكن ليس لدي أي أيقونات v6 pro).

إلا إذا كان ذلك ببساطة بسبب هذا:

ماذا ترى عند فحص العنصر <span> الموجود على يسار شعار موقعك؟

على سبيل المثال، ليس لديك علامة viewbox معرّفة في علامة symbol، وقد يكون الرمز خارج العرض.

إعجابَين (2)

الغريب، عندما أحذف هذا الأصل وأعيد تحميله بنسخة بأحرف صغيرة (حتى أنني قمت بتسميته npnassets.svg، ما زلت أرى اسم الملف القديم…

نظرًا لأنني قمت بتنزيل ملف svg وأدرجته يدويًا في ورقة الأيقونات، لا أعتقد أن هذا يجب أن يكون مشكلة، ولهذا السبب اتخذت هذا المسار نظرًا لأن v5 لا يحتوي على أيقونة الشريط الجانبي.

إعجابَين (2)

..ستحتاج إلى توسيع عنصر svg وجميع العناصر المتداخلة لرؤية رمز الأيقونة.

إعجاب واحد (1)

إذًا، لم يتم عرض رمز الأيقونة من ورقة الأشكال. لا يزال بإمكانك محاولة تغيير معرف الأيقونة إلى اسم بدون شرطة، مثل npnsidebar. في بعض الأحيان أواجه مشكلات مع أسماء المتغيرات في السمات التي لا يمكنني تحديد سببها الفعلي، ولكن إجراء تعديل صغير يصلحها.

بخلاف ذلك، يمكنك مشاركة ملف SVG. رأيت أنك قمت بتبكسل الكود الفعلي، ولكنه سيكون متاحًا للجمهور على أي حال عند استخدامه على موقعك المباشر (تعديل: آه، لم أرَ أنه من الخطة الاحترافية..).

إعجاب واحد (1)

شكرًا، لقد حاولت تغيير الاسم إلى npnsidebar في ورقة الرسوم المتحركة والكود، مما سمح لي باستبدال ورقة الرسوم المتحركة بشكل صحيح أيضًا. لكن للأسف لم يساعد ذلك. يمكنني إرسال ورقة الرسوم المتحركة وملف SVG إليك للتحقق من عملي. شكرًا لمساعدتك!

إعجابَين (2)

إذا قمت باستبدال أيقونة bars بأيقونة أخرى من المجموعة الافتراضية، فهل يعمل الاستبدال؟ قل، استبدلها بـ cog أو comment.

إذا كان هذا يعمل، فالمشكلة تكمن في رمز SVG المخصص الخاص بك. ربما يحتاج إلى سمة viewBox. مثل هذا الرمز المخصص (لمكون السمة gifs):

5 إعجابات

لقد استبدلتها بهذه الطريقة بواحدة افتراضية (أيقونة الكود) بالأمس وقد نجحت، لذلك أعتقد أنها بالفعل سمة viewBox كما تقول.

4 إعجابات

كان هذا كل شيء، شكراً لك دائماً يا بينار!

4 إعجابات

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