إضافة html مخصص تحت الرأس (d-header-wrap) بدلاً من main-outlet

مرحباً بالجميع! أحاول إضافة HTML مخصص أسفل الرأس خارج الـ main-outlet بفئة wrap، حيث أريد تجنب توسيطه في المنتصف.

يحتوي Figma على شيء مشابه (مثال)

إعجابَين (2)

مرحباً @AmericanGuy! :wave:

هناك مكون سمة ممتاز يتيح لك رؤية جميع المنافذ المتاحة التي يمكنك إضافة كود HTML مخصص إليها:

بعد تمكين مكون السمة في السمة الخاصة بك، يمكنك عرض أو إخفاء مواقع المنافذ على موقعك بالنقر على أيقونة المنفذ بجوار أيقونة البحث:
أيقونة المنفذ

يمكنك رؤية أن هناك منفذاً يسمى “below-site-header” أسفل الرأس مباشرة.

الآن، يمكنك وضع كود HTML المخصص الخاص بك في هذا المنفذ باستخدام هذا الكود في علامة التبويب Head للسمة أو المكون الخاص بك:

<script type="text/x-handlebars" data-template-name="/connectors/below-site-header/my-custom-element">
    test
</script>

(استبدل my-custom-element باسم فريد وأكثر وصفاً)

إليك كيف سيبدو (انظر إلى أعلى يسار الصورة):

يمكنك قراءة المزيد عن المنافذ هنا: Developing Discourse Themes & Theme Components :magic_wand:

4 إعجابات

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.