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

يا إلهي - هذا هو الحل، شكرًا جزيلاً لك!
لقد جربت “building” في مكون السمة فقط (لم ينجح) و"fas-building" في كلا المكانين (لم ينجح)، لكن لم يخطر ببالي أن أجرب النسخة العادية في كلا الحقلين.

ما زلت أنصح بجعل هذا الاختلاف بين fa(s) و fab/far أكثر وضوحًا في وصف المكون.

إعجابَين (2)

مرحبًا.
شكرًا لك على الإضافة الرائعة.

أكون ممتنًا لو تمكنت من تقديم دعم واحد.

لدي إعداد “تسجيل الدخول مطلوب” على Discourse الخاص بي.
عند زيارة موقع بهذا الإعداد، يُطلب مني بطبيعة الحال إنشاء حساب أو تسجيل الدخول، ويظهر في الرأس أيقونة قمت بإنشائها باستخدام هذه الإضافة.


صفحة تتطلب حسابًا أو تسجيل دخول (باللغة اليابانية)

إذا كان الأمر يقتصر على ذلك فقط، فلا توجد مشكلة، ولكن عند النقر عليها، ستتمكن من فتح الصفحة المرتبطة دون تسجيل الدخول.
(الرابط يشير إلى إضافة قمت بإنشائها بنفسي، والمسار هو مسار يقع مباشرة تحت جذر الموقع، مثل /test_path. حتى مع هذا المسار، إذا حددت عنوان URL مباشرةً، إلخ، سيُطلب منك إنشاء حساب أو تسجيل الدخول. فقط عند المرور عبر أيقونة الرأس الخاصة بهذه الإضافة، ستُعرض الصفحة دون تسجيل الدخول).

الحل الأمثل هو عدم إظهار الأيقونة من الأساس، ولكن على الأقل، يجب أن تتمكن من النقر على الأيقونة لرؤية الصفحة التي تطلب منك تسجيل الدخول.

سأكون ممتنًا للغاية لو تمكنت من مساعدتي في إيجاد حل. شكرًا جزيلاً لك.

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

مرحبًا @Johani. يبدو أن هذا يحتاج إلى تحديث ليتوافق مع الطريقة الجديدة التي تعمل بها متغيرات السمات. أرى هذا الخطأ في لوحة الإدارة:

خطأ: متغير غير معرف: "$add-whitespace". في السطر 14 من common.scss >> @if $add_whitespace == "true" { ----^
3 إعجابات

مرحباً،

أنا أربط بصفحة ذات وصول محدود، حيث أحتاج إلى تمرير بعض المتغيرات إلى الرابط. هل من الممكن الحصول على بعض متغيرات النظام مثل اسم المستخدم، معرف المستخدم، البريد الإلكتروني، وما إلى ذلك؟

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

أبحث عن نفس الشيء. أريد إرسال اسم المستخدم للمستخدم المسجل الدخول إلى خادم بعيد عند النقر على أيقونة الرأس. أفهم أنه يمكنني الحصول على اسم المستخدم عبر JavaScript، لكنني لست متأكدًا من كيفية القيام بذلك عبر أيقونة الرأس:

<script type="text/discourse-plugin" version="0.8">
const username = api.getCurrentUser().username;
</script>

شكرًا!

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

للتنبيه فقط، لاحظت وجود خطأ في تعليمات إعدادات السمة.

في الأعلى، يُقال إن الترتيب هو title, icon, URL, view, target.

ولكن في الأسفل، يُقال إن الترتيب هو title, icon, view, URL, target.

الترتيب في الأعلى صحيح، حيث يأتي عنوان URL قبل العرض.

انظر أدناه للحصول على لقطة شاشة:

3 إعجابات

لقد قمت للتو بتقديم طلب سحب لهذا:

5 إعجابات

شكرا لك! أفترض أنني سأتعلم يوماً ما كيف وأمتلك الشجاعة لتقديم طلب سحب :smiley:

3 إعجابات

هل هناك طريقة للإشارة إلى موضع الأيقونة؟ أستخدم أيقونة مخصصة واحدة ولكن لدي الدردشة وأيقونة مكون سمة أخرى في نفس الرأس وأريد تعيين الأيقونة المخصصة بجوار أيقونة البحث.

مرحباً بالجميع!

شكراً على مكون الثيم الرائع! لقد واجهت مشكلة بسيطة: بعض الأيقونات تعمل بشكل جيد، مثل fa-rocket، ولكن البعض الآخر لا يظهر، مثل fa-rocketchat، على الرغم من أنني أعتقد أنني قمت بتثبيت جميع فئات الأيقونات الضرورية. هل لديك أي فكرة عن سبب ذلك؟ سأكون ممتناً جداً :slight_smile:

أيضاً: كيف يمكنني الحصول على أيقونات Font Awesome العادية بدلاً من الأيقونات الصلبة؟ حاولت تضمين far-iconname و fa-regular ولكن ذلك لا يبدو أنه يعمل…

ربما بسبب هذا

بالنسبة للجزء الأول من سؤالك. قد أكون مخطئًا ولكن حاول إضافة رمز صاروخ الدردشة إلى svg icon subset الخاص بك في إعدادات الموقع.

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

للأسف، هذا لا يحل المشكلة بالنسبة لي.

رابط الرأس هو:

Rocket.Chat,rocket,https://chat.domain.de,vdo,blank

ضمن أيقونات Svg في إعدادات مكون السمة و مجموعة أيقونات Svg الفرعية في إعدادات Discourse الرئيسية، أضفت fa-rocketchat و fa-brands كما هو مفصل في وصف أيقونات Font Awesome. وهي مدعومة منذ إصدار FA 5.0.0، لذلك لا يمكن أن يكون هذا هو السبب…

هل لدى أي شخص أي أفكار وقد يتمكن من مساعدتي؟ :slight_smile:

تحتاج إلى:

  1. إضافة fab-rocketchat إلى svg icon subset.
  2. تغيير Header links إلى Rocket.Chat,fab-rocketchat,https://chat.domain.de,vdo,blank.

التعليمات مضللة ولكن، بالنظر إليها مرة أخرى، ربما ليست غير دقيقة:

الجزء الصعب هو أنه يجب عليك تحويل fab fa-rocketchat (على موقع Font Awesome) إلى fab-rocketchat (على Discourse).

إعجابَين (2)

هل هناك طريقة لإضافة أيقونات SVG أقوم بتحميلها إلى موقعي؟ (بدون استخدام تلك الموجودة على موقع Font Awesome)

أنا أفكر كثيرًا في شيء لا أعرف كيف أحله!

أستخدم أيقونة “headset” ويمكنني استخدامها بشكل طبيعي

rocket | Font Awesome

ولكن عندما أريد استخدام أيقونة “light headser” لا يمكنني استخدامها على الإطلاق

rocket | Font Awesome

لقد جربت بالفعل مع “fab-” أو “fas-” أو “far-” لقد جربت بدونها، لقد وضعت الاسم بالفعل في جزء SVG، لقد جربت كل شيء، لكن لا يمكنني استخدامها

[image]
نفس الشيء مع أيقونة متجر Google Play، لا يمكنني استخدامها ولا توجد طريقة

rocket | Font Awesome

لماذا يحدث هذا؟

قد يكون الإصدار الفاتح عبارة عن أيقونة “احترافية”:

لاستخدام النمط الفاتح لـ “headset”، ستحتاج إلى اشتراك في خطة احترافية أو ترخيص احترافي دائم يتضمن الإصدار المحدد من Font Awesome الذي تم إصدار هذه الأيقونة (أو النمط) فيه.

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

أود أن أعرف ذلك أيضًا. أريد تضمين أيقونة Letterboxd (في مكان ما على الويب، تم بالفعل إنشاء مثل هذه الأيقونات واقتراحها على Font Awesome ولكن لم يتم قبولها)

يمكنك إضافة أيقونات SVG الخاصة بك مع سمة:

إعجابَين (2)

كيف أضع الأيقونات في أسفل الموقع (في وضع الجوال) بحيث تظهر بنفس الشكل للجميع؟

على سبيل المثال: يظهر زر الخط الزمني في نفس الموضع لجميع موديلات الهواتف المحمولة وأنظمة الجوال المختلفة.

الآن عندما أستخدم CSS لترك قائمة أزرار الترويسة في الأسفل، في بعض الهواتف المحمولة تظهر في الموضع الصحيح، وفي البعض الآخر يظهر الموضع مرتفعًا قليلاً، وفي البعض الآخر يبدو جانبيًا قليلاً، لماذا يحدث هذا؟

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