 |
ملخص | ستتيح لك القوائم الفرعية في الرأس إنشاء قائمة رأس مع قوائم فرعية باستخدام نص عادي! |
 |
معاينة | معاينة على منشئ مواضيع Discourse |
 |
رابط المستودع | https://github.com/discourse/discourse-header-submenus |
 |
جديد في مواضيع Discourse؟ | دليل المبتدئين لاستخدام مواضيع Discourse |
تثبيت مكون هذا الموضوع
الميزات
سطح المكتب
الجوال
الإعدادات
| الاسم | الوصف |
|---|---|
| عناصر القائمة | أضف عناصر القائمة. عنصر واحد في كل سطر بهذا الترتيب: النص، الأيقونة، العنوان، العرض. |
| عناصر القائمة الفرعية | أضف عناصر القائمة الفرعية. عنصر واحد في كل سطر بهذا الترتيب: الأب، النص، الأيقونة، الرابط، الهدف، العنوان. |
| أيقونات SVG | تضمين فئات أيقونات FontAwesome لكل أيقونة مستخدمة في القوائم أعلاه. |
| الوضع الثابت | إجبار القائمة على أن تكون مرئية في أعلى الشاشة بغض النظر عن موضع التمرير - سطح المكتب فقط |
| إظهار سهم التوجيه | إظهار أيقونات أسهم التوجيه بجانب عناصر القائمة |
| عكس الموضع | عرض عناصر القائمة على الجانب المعاكس من الشاشة |
| خلفية القائمة | لون الخلفية للقائمة. (hex، rgb، rgba أو اسم لون CSS) |
| لون عنصر القائمة | لون عناصر القائمة. (hex، rgb، rgba أو اسم لون CSS) |
| خلفية عنصر القائمة النشط | لون الخلفية لعناصر القائمة عند تفعيلها. (hex، rgb، rgba أو اسم لون CSS) |
| لون عنصر القائمة النشط | لون عناصر القائمة عند تفعيلها. (hex، rgb، rgba أو اسم لون CSS) |
| خلفية القائمة الفرعية | لون الخلفية للقوائم الفرعية. (hex، rgb، rgba أو اسم لون CSS) |
| لون عنصر القائمة الفرعية | لون عناصر القائمة الفرعية. (hex، rgb، rgba أو اسم لون CSS) |
| خلفية تمرير عنصر القائمة الفرعية | لون الخلفية لعناصر القائمة الفرعية عند التمرير عليها. (hex، rgb، rgba أو اسم لون CSS) |
| لون تمرير عنصر القائمة الفرعية | لون عناصر القائمة الفرعية عند التمرير عليها. (hex، rgb، rgba أو اسم لون CSS) |
| لون الفاصل | لون خطوط الفواصل في القوائم الفرعية. (hex، rgb، rgba أو اسم لون CSS) |
هناك أربع مجموعات من الإعدادات
-
عناصر القائمة
أدخل العناصر التي تريد ظهورها في القائمة. عنصر واحد مفصول بفواصل في كل سطر بهذا الترتيب
النص، الأيقونة، العنوان، العرضالنص: ما يظهر في القائمة.
الأيقونة: الأيقونة المعروضة بجانب العنصر. إذا لم ترغب في استخدام أيقونة، استخدمnone.
العنوان: النص الذي يظهر عند تمرير الماوس فوق العنصر.
العرض: اختر الأجهزة التي سيظهر فيها العنصر.
vdmيظهر على كل من سطح المكتب والجوال
vdoيظهر على أجهزة سطح المكتب فقط،
vmoيظهر على أجهزة الجوال فقط.نظرًا لنقص المساحة، لا يُنصح بإضافة أكثر من 3-4 عناصر على الجوال.
-
عناصر القائمة الفرعية
أدخل قائمة بعناصر القائمة الفرعية التي تريد إضافتها إلى قائمتك. عنصر واحد مفصول بفواصل في كل سطر بهذا الترتيب
الأب، النص، الأيقونة، الرابط، الهدف، العنوانالأب: اسم عنصر القائمة الأب الذي يجب أن تظهر تحته هذه العنصر من القائمة الفرعية. استخدم قيمة
النصمن القائمة أعلاه.
النص: النص الذي يظهر لهذا العنصر من القائمة الفرعية.
الأيقونة: الأيقونة لهذا العنصر من القائمة الفرعية، استخدمnoneإذا لم تكن هناك حاجة لأيقونة.
الرابط: المسار الذي يرتبط إليه هذا العنصر من القائمة. يمكنك استخدام المسارات النسبية أيضًا.
الهدف: اختر ما إذا كان هذا العنصر سيفتح في تبويب جديد أم في نفس التبويب. استخدمblankلفتح الرابط في تبويب جديد، أو استخدمselfلفتحه في نفس التبويب.
العنوان: النص الذي يظهر عند تمرير الماوس فوق العنصر.
الفواصل: يمكنك أيضًا إضافة فواصل بين عناصر القائمة الفرعية. لإضافة فاصل استخدمparent, divider.
إليك مثال سريع لتغطية النقطتين 1 و 2 أعلاه:
لنفترض أنني أريد إضافة عنصر قائمة يسمى التصميم وإضافة بعض العناصر إلى قائمته الفرعية كالتالي
سأدخل أولاً هذا كـ menu_item
التصميم، magic، استلهم!, vdm
ثم أدخل هذه كعناصر sub_menu
التصميم، المعارض، th، #، blank، معارض رائعة لك لتطلع عليها.
التصميم، عملية التصميم، lightbulb-o، #، blank، تعلم الأساسيات.
التصميم، تصميم المدونات، columns، #، blank، ما الذي يجعل مدونة رائعة؟
التصميم، divider
التصميم، هدايا مجانية، gift، #، blank، الجميع يحب الهدايا المجانية!
التصميم، دروس فوتوشوب، book، #، blank، فوتوشوب للمبتدئين.
التصميم، اتجاهات التصميم، bar-chart، #، blank، كن على اطلاع دائم بالاتجاهات الحالية!
هذا كل شيء!
يأتي الموضوع مع قائمة مؤقتة افتراضية، لذا اطلع عليها واسأل إذا كان لديك أسئلة.
-
خيارات التخطيط.
هذه واضحة بحد ذاتها
-
خيارات الألوان
هذه فارغة افتراضيًا، ولكن إذا أضفت لونًا هنا، فسيتم تجاوز القيم الافتراضية للمكون والتي تعتمد على مخطط الألوان الحالي.
مُستضاف بواسطةنا؟ تتوفر مكونات الموضوع للاستخدام في خططنا القياسية، والأعمال، والمؤسسات.
شكراً جزيلاً!
