مكون البطل المتقدم

:information_source: ملخص أنشئ أقسامًا رئيسية مذهلة وقابلة للتخصيص مع عناصر تحكم متقدمة في التصميم، مثالية لمجتمعات المطورين ومنتديات الترميز.
:eyeglasses: معاينة https://vibecommit.dev/
:hammer_and_wrench: المستودع https://github.com/thebestgoodguy/vibecommit-hero
:question: دليل التثبيت كيفية تثبيت سمة أو مكون سمة
:open_book: جديد في سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

<!- املأ “repoName” و “repoURL” لزر التثبيت التلقائي →

تثبيت مكون السمة هذا

<!- صف هذه السمة/المكون في جملة أو جملتين →

مكون سمة Discourse قوي ينشئ أقسامًا رئيسية مذهلة وقابلة للتخصيص مع عناصر تحكم متقدمة في التصميم، مثالي لمجتمعات المطورين ومنتديات الترميز.

<!- أضف لقطات شاشة (إن وجدت) →

vibecommit_hero_2

<!- أضف المزيد من التفاصيل واشرح الإعدادات (إن وجدت) →

مكون سمة مجتمع Vibe Coders - مجموعة تخصيص كاملة

يقوم مكون السمة المتقدم هذا لـ Discourse بتحويل منتدى مجتمعك إلى منصة حديثة تركز على المطورين مع خيارات تخصيص واسعة وقدرات تصميم احترافية.

:artist_palette: تكوين القسم الرئيسي

  • إعدادات السمة المخصصة: تحكم كامل في مظهر القسم الرئيسي مع خيارات تخصيص مخصصة للسمة.
  • إدارة نص القسم الرئيسي: نص عنوان رئيسي ووصف قابل للتكوين مع دعم تنسيق غني.
  • تكامل زر الدعوة إلى اتخاذ إجراء (CTA): أزرار CTA مدمجة مع نص قابل للتخصيص وتصميم ووجهات روابط.
  • تصميم متجاوب: يتكيف تلقائيًا مع تخطيط القسم الرئيسي للعرض على سطح المكتب والأجهزة اللوحية والهواتف المحمولة.

:framed_picture: خيارات التخصيص المرئي

  • عناصر تحكم الخلفية: دعم لصور الخلفية المخصصة أو الألوان الصلبة مع تأثيرات التراكب.
  • إدارة لوحة الألوان: ضوابط شاملة لمخطط الألوان بما في ذلك الألوان الأساسية والثانوية والتمييز.

:gear: ميزات التصميم المتقدمة

  • تراكبات التدرج اللوني: خيارات ألوان تدرج متعددة لجاذبية بصرية محسنة.
  • تأثيرات الرسوم المتحركة: رسوم متحركة دخول سلسة وتأثيرات تحويم للعناصر التفاعلية.
  • تكامل الأيقونات: دعم للأيقونات المخصصة داخل القسم الرئيسي.

:mobile_phone: تحسين الهاتف المحمول

  • واجهة سهلة اللمس: أحجام أزرار مخصصة وتباعد للتفاعل الأمثل على الهاتف المحمول.
  • تحميل تدريجي: أوقات تحميل سريعة مع ضغط صور محسّن وتحميل كسول.
  • طباعة متجاوبة: تحجيم تلقائي للخطوط لقراءة مثالية عبر جميع الأجهزة.
  • تصميم يركز على الهاتف المحمول: تم بناؤه مع وضع تجربة الهاتف المحمول في الاعتبار كأولوية.

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

11 إعجابًا

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

https://github.com/thebestgoodguy/vibecommit-hero/blob/79e94a47edbbaebb77bd299e57296e4bc06dd3b3/locales/en.yml#L7-L7
https://github.com/thebestgoodguy/vibecommit-hero/blob/79e94a47edbbaebb77bd299e57296e4bc06dd3b3/locales/de.yml#L13-L13

لو كنت مكانك، لحذفت جميع ملفات الترجمة هذه واحتفظت بـ en.yml فقط.
كما أنك لا تزال تستخدم الرابط الخاص باللافتة متعددة الاستخدامات كـ about_url في about.json، ورابط license_url لا يشير إلى المستودع الخاص بك.

7 إعجابات

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

7 إعجابات

تم تقسيم 11 مشاركة إلى موضوع جديد: خطأ 500 عند تثبيت مكون البطل المتقدم