روابط تذييل مخصصة (أيقونات)

كانت ردّي أدناه موجهاً إلى منشور حُذف الآن وكان يحتوي على ما يلي. لا يزالون مهتمين بأيقونات FA5 بنفسي…

هل لا يزال بإمكاننا إضافة أيقونات باستخدام هذه الإضافة؟، أسأل لأنّها لم تعد تعمل. يجب أن أضيف فيسبوك وتويتر وإنستغرام.

لا توجد خيار لإضافة أيقونة SVG هنا: [لقطة شاشة]

هل كان يعمل معك من قبل؟ وما الذي تغير؟ وما الذي جربته؟

هل ربما قمت بتنزيل النسخة غير المخصصة للأيقونات من هذه الإضافة؟

تمكنت من جعل أيقونات Font Awesome 4 تعمل، لكن ليس Font Awesome 5 (باستثناء 2-3 مدمجة): انظر منشوري أعلاه.

نعم، في الواقع قمت بتنزيل النسخة غير الرمزية، وقد أدركت ذلك بعد بعض البحث. إنها تعمل الآن مع discourse-icon-header-links.

هذا رائع. هل يمكنك مشاركة الإعدادات التي استخدمتها؟ أود تجربتها لمعرفة ما كنت أخطئ فيه. شكرًا لك.

بالطبع، إليك الرابط:- Screenshot by Lightshot

فيسبوك، fab-facebook، https://www.facebook.com/، vdo، blank
تويتر، fab-twitter، https://www.twitter.com/، vdo، blank
إنستغرام، fab-instagram، https://www.instagram.com/، vdo، blank

أخبرني إذا كان هذا مفيدًا :slight_smile:

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

شكرًا جزيلاً لك. هذه هي الرموز المدمجة الثلاثة، وقد نجحت معي أيضًا.

هل يمكنك تجربة رموز FA5 أخرى وإخباري بالنتيجة؟

لقد جربت LinkedIn وهو يعمل: Screenshot by Lightshot

إذا كنت تضيف أي أيقونة FA5، فتأكد من تضمين فئات أيقونات FontAwesome 5 لكل أيقونة مستخدمة في القائمة ضمن قسم أيقونات SVG هنا: Screenshot by Lightshot

شكرًا لك!

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

أقدر ذلك حقًا. هل يعمل أيضًا مع الأيقونات غير التابعة لـ fab؟

لا، لم يعمل بدون fab-

أعتقد أن هذا قد يكون خاطئًا، مع الاعتذار مسبقًا إذا لم يكن كذلك…

على سبيل المثال، لاستخدام أيقونة بطاقة العنوان في Address Card Icon | Font Awesome تحتاج إلى تغيير far fa-address-card إلى far-address-card (وإضافتها إلى إعداد مجموعة أيقونات svg). لا يعمل استخدامها ببساطة بدون fa-.

لم أدرك ذلك إلا بعد الاطلاع على FEATURE: Update Font Awesome to v5.4.1 and SVGs by pmusaraj · Pull Request #6557 · discourse/discourse · GitHub و FEATURE: Update Font Awesome to v5.4.1 and SVGs by pmusaraj · Pull Request #6557 · discourse/discourse · GitHub

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

هل توجد طريقة لإزالة روابط الرأس الموجودة؟

تمكنت من التثبيت
الآن أريد إضافة أيقونة Rocket Icon | Font Awesome مع رابط إلى فئة المركبات
لقد قمت بإنشاء ما يلي:
رابط للجوال وسطح المكتب، fas-rocket، c / vehiculos / 69، vdm، blank
وفي الأسفل وضعت
fas-rocket

لكن لا يمكن رؤية الأيقونة، كيف يمكنني رفع الأيقونة؟

جرب استخدام كلمة “rocket” فقط.

هذا التخمين مبني فقط على البحث عن كلمة “rocket” في الرابط التالي: https://github.com/discourse/discourse/pull/6557/commits/bf3f958cdd516d09136bee33e3d51b36c05dcbfe.

3 إعجابات

شكرًا لك، هل تعرف ما إذا كان هذا الرمز متوفرًا؟

أعتقد أنني سأضطر إلى إضافته يدويًا. الأمر صعب قليلًا بالنسبة لي.
هل يكون بهذه الطريقة؟

في الإضافات: قم ببساطة بتضمين ملف SVG sprite في مجلد plugins/اسم-إضافتك/svg-icons. أعد تشغيل الخادم (إذا كنت في وضع التطوير) أو أعد بناء الموقع إذا كنت تستخدم حاوية Docker، وستصبح الرموز المخصصة متاحة تلقائيًا.

هل يمكن لأحد أن يلخص لي كيفية إضافة رمز الأقنعة في منتدى يستضيفه Digital Ocean ولا يملك أي خبرة؟ شكرًا لك.

لقد جربته للتو على منتداي بتغيير أحد أيقوناتي مؤقتًا. تعمل الأيقونة إذا قمت بتسميتها “rocket” (بدون علامات الاقتباس) في header links. إذا لم تعمل، فقد تكون هناك مشكلة في بقية السطر. لا حاجة لإضافتها إلى svg icons.

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

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

أعتذر. لقد افترضت خطأً أنك ما زلت تقصد الأيقونة الأصلية. أيقونة المسرح غير مذكورة في الكود، لذا لن تعمل.

حاولت جاهدًا إضافة أيقونات FA5 لكن لم ينجح الأمر. لم تنجح أي من الاقتراحات هنا بالنسبة لي.

لم يفرق أي شيء وضعته في svg icons. ومن الجدير بالذكر أن أيقونة إنستغرام المذكورة في منشور حديث نسبيًا تظهر في الكود، لذا أعتقد أنها تعمل بسبب ذلك (وليس لأنها أُضيفت إلى svg icons).

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

لقد تلقيت تقرير الأمان التالي لهذا المكون؛ هل يمكنني تكوينه لاستخدام كود rel="noreferer, noopener"؟

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

بعد التحديث إلى أحدث إصدار من discourse، لم تعد الأيقونات مُعرَّضة. ما الذي قد يكون السبب في ذلك؟

إعجابَين (2)

لقد أضفنا هذا إلى مثيلتنا وهو رائع، شكرًا جزيلاً لك على هذا الإضافة!

هل من الممكن إضافة إعداد لإضافة بعض المساحة البيضاء بين الأيقونات الجديدة والأيقونات الافتراضية الموجودة؟ يمكنني محاكاة ذلك بإضافة ,,,,، لكن هذا يوجه افتراضيًا إلى صفحة إعدادات السمة، بينما الشكل هو ما نريده؛
Screen Shot 2021-05-20 at 13.22.40

3 إعجابات

هذا رائع لسماعه :+1:

بالتأكيد، لقد أضفت ذلك هنا (مفعل افتراضيًا)

احذف الإعداد الفارغ من إعداداتك، حدّث المكون، وقم بتفعيل الإعداد الجديد، وستبدأ العملية بعد تحديث الصفحة.

5 إعجابات