HTML مخصص في صفحة المجموعات

مرحباً بالجميع،
أنا أصمم مجتمعاً حيث يحتاج كل مستخدم إلى طلب إذن للدخول إلى مجموعة، وتتحكم كل مجموعة في الوصول إلى فئة معينة.
أود إضافة صفحة HTML ترحيبية/توضيحية لصفحات المجموعات (https://community.horbitercafe.com/g).

ما هو أسهل طريقة لتحقيق ذلك؟

شكراً،
ف.

لست متأكدًا مما إذا كانت هذه هي نقطة الإضافة الصحيحة للإضافة، لكن يمكنك تجربة هذا

في تخصيص > </head>

أضف هذا

<script type="text/x-handlebars" data-template-name="/connectors/before-group-container/plugin-outlet-component">

ضع كود HTML الخاص بك هنا

</script>
إعجاب واحد (1)

كيف يمكنني تقييد هذا إلى صفحة /g فقط؟

نعم، هذا يسمح حقًا بحقن HTML فوق اسم المجموعة والمعلومات الأخرى في صفحات مثل https://discourse.example.org/g/foo. شكرًا لمشاركتك.

@Fausto_Dassenno هل تبحث عن شيء خاص بصفحة سرد المجموعات الرئيسية، ولكن ليس صفحة تفاصيل المجموعة الفردية؟

صحيح، أريد إضافة HTML فقط في صفحة قائمة المجموعات الرئيسية.

أضف فئة إلى كود HTML الخاص بك، مثل gr-horbiter

<script type="text/x-handlebars" data-template-name="/connectors/before-group-container/plugin-outlet-component">

<div class="gr-horbiter">
كود HTML الخاص بك
</div>

</script>

وأضف هذا CSS في common

.gr-horbiter {
    display: none;
}

body.groups-page .gr-horbiter {
    display: block;
}

لم أختبر الكود، لكنه يجب أن يعمل

إعجاب واحد (1)

شكرًا لك @Steven، هل جزء السكربت يوضع في قسم HTML للمكون؟ أم أنني بحاجة لتعديل HTML مباشرة؟

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

انسخ السكربت ورمز HTML في قسم </head> وأضف رسالة الترحيب الخاصة بك، مع استخدام عنصر div أو span إذا أردت تخصيصها، وستكون الأمور على ما يرام.

إعجاب واحد (1)

شكرًا لك @Steven، لقد نجحت في تشغيله.
المشكلة الوحيدة هي أنني أحتاج إلى إضافة هذا في صفحة فهرس المجموعة وليس في صفحة تفاصيل المجموعة.
على الأقل الآن فهمت المنطق الكامن وراء ذلك. سأقوم بالبحث أكثر.
لا أستطيع العثور على أي موصل في صفحة فهرس المجموعة.

كان يجب أن أجرب، والآن أرى ما هي المشكلة :man_facepalming:
لا تعمل منفذ الإضافة (plugin outlet) لصفحة المجموعة الرئيسية

لا يزال لدي طريقة لإضافة لافتة، لكنها على الأرجح ليست أنظف طريقة ممكنة، وقد يكون لدى موظفي Discourse طريقة أفضل للقيام بذلك.

هذا كود CSS سيسمح لك بإضافة بعض النص والتنسيق، لكنك ستحصل فقط على هذا التصنيف، ولا أعتقد أن هناك طريقة لإضافة رابط في لافتة النص

body.groups-page .groups-header::before {
    content: "Your text";
    width: 100%;
    margin: 0 0 15px 0;
}

يمكنك إضافة خلفية، حدود، إلخ لتخصيص اللافتة في هذا التصنيف لإنشاء اللافتة

إعجابَين (2)

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

ما مدى صعوبة طلب اسم منفذ جديد في صفحة فهرس المجموعات؟

إذا كان كل ما تريده هو شيء مثل هذا، فسيكون الأمر سهلاً

.welcome-message {
    display:none;
}
.groups-page .welcome-message {
    display:block;
    margin: 20px;
}

ثم أضف هذا إلى قسم “بعد الرأس”

<div class="welcome-message">ضع معلومات الترحيب والتعليمات هنا</div>

3 إعجابات

نعم، هذا هو الحل الأفضل بلا شك

أحيانًا أعقّد الأمور :man_facepalming:

3 إعجابات

عظيم، هذا يعمل!
ماذا لو أردت فعل الشيء نفسه ولكن بإظهاره فقط في الصفحة الرئيسية؟ ما الذي يجب استبداله بـ .groups-page؟

انظر إلى الفئة المستخدمة في body في الصفحة الرئيسية الخاصة بك على HTML.

على سبيل المثال، هنا على meta.discourse.org:
<body class="navigation-topics" data-gr-c-s-loaded="true" style="" cz-shortcut-listen="true">

الفئة المستخدمة هي navigation-topics.

إعجاب واحد (1)

أو إذا كنت ترغب في شيء أكثر أناقة، جرب

مثير للاهتمام، في صفحتي الرئيسية لدي هذا

image

ما هي الصفحة الرئيسية لموقعك؟

image
هل هذا ما تسأل عنه؟

أرى ما هي المشكلة المتعلقة بفئة الجسم الفارغة لديك.
بدلاً من فحص مصدر الصفحة، اضغط على F12 لإظهار أدوات المطورين في Chrome أو Firefox أو Edge، ثم انتقل إلى تبويب “العنصر”.
انظر إلى كود HTML من هنا وستظهر فئات <body> الصحيحة.