تنزيل fluid styleguide fluid styleguide تنزيل رمز المصدر

fluid styleguide

مكونات الطرف الثالث

2.1.3 Compatibility with TYPO3 13

تنزيل

دليل النمط السائل - دليل المعيشة لـ Typo3

Fluid StyleGuide هي أداة تعاون التصميم لمشاريع Typo3. وهو يدعم مطوري الواجهة الأمامية في إنشاء مكونات قابلة لإعادة الاستخدام وتشجع التواصل الفعال في جميع أصحاب المصلحة في المشروع.

جرب العرض التوضيحي الحي

المجموعات المستهدفة

يمكن أن يكون دليل نمط السوائل أداة مفيدة لجميع أصحاب المصلحة في المشروع:

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

سمات

تصور مكونات المشروع
تطور معزول للمكونات
اختبار الاستجابة
وثائق مكون متكاملة
دعم لغات متعددة
دعم أصول الواجهة الأمامية المقدمة من جامع أصول Typo3
يعرض مشكلات جودة الكود على أساس الخلاطات السوائل
الانزلاق الأساسي لتناسب ألوان العلامة التجارية للمشروع
تنزيل الرمز البريدي
تكوين سهل ومرن عبر ملف yaml
التحرير المباشر لبيانات المثال [بيتا]

ابدء

ما عليك سوى اتباع هذه الخطوات البسيطة للبدء مع styleguide:

تثبيت styleguide السائل
عبر الملحن:
```
 composer require sitegeist/fluid-styleguide
```
أو قم بتنزيل الامتداد من TER:
ter: fluid_styleguide
اختبار النمط السائل مع مكونات تجريبية
فقط افتح الصفحة /fluid-styleguide/ في تثبيت Typo3 الخاص بك:
```
 https://my-domain.tld/fluid-styleguide/
```

لإضافة مكوناتك الخاصة إلى styleguide ، ما عليك سوى اتباع هذه الخطوات الإضافية:

تكوين مكونات السوائل

تأكد من تحديد مساحة الاسم المكون في ext_localconf.php :

 $ GLOBALS [ ' TYPO3_CONF_VARS ' ][ ' EXTCONF ' ][ ' fluid_components ' ][ ' namespaces ' ][ ' VENDOR \ MyExtension \ Components ' ] =
     TYPO3  CMS  Core  Utility ExtensionManagementUtility:: extPath ( ' my_extension ' , ' Resources/Private/Components ' );

استخدم اسم البائع الخاص بك VENDOR ، واسم التمديد لـ MyExtension ، ومفتاح التمديد لـ my_extension .

تكوين أصول الواجهة الأمامية الخاصة بك
قم بإنشاء ملف تكوين styleguide في امتدادك أو sitepackage.
التكوين/yaml/fluidstyleguide.yaml:
```
 FluidStyleguide :
    ComponentAssets :
        Packages :
            ' VendorMyExtensionComponents ' :
                Css :
                    - ' EXT:my_extension/Resources/Public/Css/Main.min.css '
                Javascript :
                    - ' EXT:my_extension/Resources/Public/Javascript/Main.min.js '
```
استخدم اسم البائع الخاص بك VENDOR ، واسم التمديد لـ MyExtension ، ومفتاح التمديد لـ my_extension . اضبط المسارات على الأصول وفقًا لهيكل الدليل.
ابدأ في إنشاء مكوناتك الخاصة باستخدام مكونات السوائل وملفات التثبيت