أداة نمط الوسم

:information_source: ملخص يتيح لك TagStyleTool تخصيص مظهر العلامات.
:eyeglasses: معاينة سيتم ملؤها لاحقًا
:hammer_and_wrench: المستودع TagStyleTool على Github
:question: دليل التثبيت كيفية تثبيت سمة أو مكون سمة
:open_book: جديد في سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

Install this theme component

حول

TagStyleTool هو إصدار مستوحى من (3) مكونات موجودة للسماح بتخصيص مظهر العلامات على Discourse!

الميزات:

  • تم حل مشكلات التوافق (خاصة بين إزالة الشرطات وأيقونات العلامات)
  • تعيين أيقونة Font Awesome لعلامات محددة.
  • تمت إضافة خيار لتطبيق أيقونة علامة افتراضية لأي علامة غير محددة.
  • وراثة معكوسة مثل لون التسمية أو لون النص
  • يحل مشكلة لون التباين مع لون النص عند استخدام إعداد تلوين التسمية.
  • سمحت بالقدرة على الاختيار بين أنماط العلامات الحالية.
  • تنوع الإعدادات يسمح بتعطيل العلامة الافتراضية، أو ميزة الشرطات.
  • تنسيق الإعدادات هو نفسه (مع إضافة إعدادات جديدة) مثل أيقونات العلامات مما يسهل النقل/التبني.

المزيد للقيام به:

  • تنفيذ خيار للتطبيق على فئة بأكملها. (هذا له عيوبه، أعتقد أنه يمكن القيام به، ولكنه يتطلب صيانة إضافية)
  • لون العلامة الافتراضي :sweat_smile: سيناريو ماذا لو أردت اللون فقط وليس الأيقونة.
  • إصلاحات سهلة الاستخدام للإعدادات

أخرى:

هذه هي المرة الأولى التي أنشر فيها شيئًا للجمهور منذ فترة. إذا واجهت مشكلات، فأخبرني!

تم اعتماد الإلهام (وفي بعض الحالات التنسيق/الإعدادات وما إلى ذلك) مباشرة من هذه المشاريع الحالية:
إزالة الشرطات من أسماء العلامات
أيقونات العلامات
تلوين أنماط العلامات

موارد مفيدة

Font Awesome
منتقي ألوان HTML

3 إعجابات

سأجرب هذا! شكرًا!! نظرت في العديد من مكونات تنسيق العلامات (tag styling components) وبدا أنها تتطلب تثبيت عدة مكونات، لذا سأجرب المكون الخاص بك في المرة القادمة التي أعمل فيها على إعدادي!

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

جربت بسرعة. تعليقان “للمبتدئين”:

  • أضيع قليلاً في أمور FontAwesome. هل هي فقط الأيقونات المجانية؟ أي إصدار؟ هل هناك قائمة بجميع الأيقونات في مكان ما (أم أنها طويلة جداً لذلك)؟
  • اللون: ما مدى تعقيد توفير أداة اختيار الألوان، للأشخاص الذين لا يتقنون نظام RGB؟ :innocent:

ولكن شكراً بالفعل، يبدو هذا جيداً!

لا تقلق بشأن الضياع، يسعدني المساعدة بأي طريقة أستطيع، فهذا هو الغرض من Discourse في نهاية المطاف، أليس كذلك؟

Font Awesome
يجب أن يدعم المكون تلقائيًا أي أيقونة من Font Awesome من الإصدار الحالي الموجود في الإصدار الحالي من Discourse. أعتقد أنهم يدعمون الإصدار 6 حاليًا. يمكنك العثور عليها جميعًا هنا Font Awesome.
بالنسبة للجزء الثاني من السؤال، نعم إنه مجاني، هناك نسخة مدفوعة، لكني لست متأكدًا كيف يعمل ذلك مع Discourse نظرًا لأن Font Awesome مُضمن بالفعل في الإصدار الأساسي.

Color Picker
يمكنني إلقاء نظرة لمعرفة ما إذا كان بإمكاني تطبيق واحد، ولكن نظرًا لأنه مكون سمة (theme component)، لست متأكدًا من مقدار ما يمكنني فعله قبل أن يصبح من الضروري أن يكون مكونًا إضافيًا (plugin). ومع ذلك، يمكنك استخدام هذه الأداة المفيدة، حيث تنقر على منطقة “Use HTML 5” حيث يوجد اللون، وبالنسبة لهذا المكون، تريد استخدام لون الـ hex. HTML Color Picker

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

شكرًا! في الواقع، سيكون رابط لهذين المصدرين في واجهة الإعدادات مفيدًا للغاية!

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

يوجد مكون HTML أصلي لاختيار الألوان في الوقت الحاضر

نحن نغلفه أيضًا بمكون لسهولة الاستخدام.

3 إعجابات