 |
الملخص | سيسمح لك Header Submenus (القوائم الفرعية للرأس) ببناء قائمة رأسية تحتوي على قوائم فرعية باستخدام النص العادي! |
 |
معاينة | معاينة على منشئ موضوعات 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لفتحه في نفس علامة التبويب.
العنوان: النص الذي يظهر عند التحويم على العنصر.
الفواصل: يمكنك أيضًا إضافة فواصل بين عناصر القائمة الفرعية. لإضافة فاصل، استخدمالأصل، divider.
إليك مثال سريع لتغطية النقاط 1 و 2 أعلاه:
لنفترض أنني أرغب في إضافة عنصر قائمة يُسمى Design (تصميم) وإضافة بعض العناصر إلى قائمته الفرعية كما يلي
سأدخل هذا أولاً كـ menu_item (عنصر قائمة)
Design, magic, Get inspired!, vdm
ثم أدخل هذه كعناصر sub_menu (قائمة فرعية)
Design, Galleries, th, #, blank, Cool galleries for you to look at.
Design, Design process, lightbulb-o, #, blank, Learn the basics.
Design, Blog design, columns, #, blank, What makes for a great blog?
Design, divider
Design, Freebies, gift, #, blank, Everyone likes freebies!
Design, Photoshop tutorials, book, #, blank, Photoshop for beginners.
Design, Design trends, bar-chart, #, blank, Stay on top of the current trends!
هذا كل شيء!
يأتي المكون مع قائمة افتراضية (قائمة نموذجية) بشكل افتراضي، لذا اطّلع عليها واسأل إذا كان لديك أسئلة.
-
خيارات التخطيط.
هذه واضحة إلى حد كبير
-
خيارات الألوان
هذه فارغة بشكل افتراضي، ولكن إذا أضفت لونًا هنا، فسيتم تجاوز الافتراضيات الخاصة بالمكون والتي تستند إلى مخطط الألوان الحالي.
مستضاف من قبلنا؟ مكونات الموضوعات متاحة للاستخدام على خططنا القياسية، والأعمال، والمؤسسية.