كيفية استخدام أيقونات SVG الخاصة بي في مكون سمة روابط الرأس المخصصة؟

لقد قمت بتثبيت مكون يسمح لي فقط بوضع أيقونات في علامات المنتدى الخاصة بي من خلال موقع fontawesome، ولكنني أرغب في استخدام أيقوناتي الخاصة، فكيف يمكنني تحميلها واستخدامها؟

[image]

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

استبدل أيقونات SVG الافتراضية لـ Discourse بأيقونات مخصصة في سمة

إعجابَين (2)

شكراً على الرد، كنت أرغب في استخدام هذا

ولكن لسبب ما، لا يمكنني استخدام أيقونات SVG التي أقوم بتحميلها على موقعي الإلكتروني في ذلك

إعجابَين (2)

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

يقول

وهو ما أعتقد أنه يعني أنه من الصعب أو المستحيل استخدام أيقونات أخرى.

إعجابَين (2)

تم الآن دعم إضافة الأيقونات المخصصة، اعتبارًا من هذا الالتزام:

عند إضافة رابط رأس في إعداد السمة، الصق عنوان URL لأيقونة ويجب أن تكون موجودة في الرأس.

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

مرحباً! شكراً لك على الرد ومساعدتي! كيف أقوم بتثبيت هذا؟

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

مرحباً @danielabc
تحتاج ببساطة إلى الانتقال إلى المكونات الخاصة بك في /admin/customize/themes، والعثور على مكون Icon Header Links. إذا لم يكن على آخر تحديث، يجب أن ترى زرًا للتحديث.


بعد تحديث مكون السمة، في إعدادات السمة الخاصة بك حيث تقوم بتكوين كل رابط أيقونة، ما عليك سوى استخدام عنوان URL لمصدر صورة بدلاً من اسم أيقونة خطوط عربية.
على سبيل المثال، إليك كيف قمت بإعداد رابط:

Desktop mobile link, https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Pok%C3%A9_Ball_icon.svg/1200px-Pok%C3%A9_Ball_icon.svg.png, https://facebook.com, vdm, self

والذي يتم عرضه على هذا النحو:

إعجابَين (2)