لقد أنشأت صفحة رئيسية مخصصة عن طريق:
أ) إضافة الفئة .custom-homepage إلى صفحة الهبوط. أستخدم هذا لاستهداف المحتوى الذي أريد إخفاءه/تعديله ببساطة على تلك الصفحة المحددة عبر ملف CSS المخصص الخاص بي.
ب) إضافة أي مكونات جديدة مباشرة في ملف الرأس (head) لملف HTML المخصص للقالب الافتراضي الخاص بي.
هذا ما يبدو عليه:
<script type="text/discourse-plugin" version="0.8">
api.registerConnectorClass("above-main-container", "custom-homepage", {
setupComponent(args, component) {
var topMenuRoutes =
component.siteSettings.top_menu.split('|')
.map(function(route) {return '/' + route});
// الصفحة الأولى المدرجة في إعداد 'top_menu' هي صفحتك الرئيسية
var homeRoute = topMenuRoutes[0];
// هذا يستدعي الكود الخاص بنا كلما تغيرت الصفحة
api.onPageChange((url) => {
// تحقق مما إذا كنا في الصفحة الرئيسية
if (url === "/" || url === homeRoute ){
// إذا كانت الصفحة الرئيسية، أضف الفئة 'custom-homepage' إلى وسم HTML
// واضبط 'displayCustomHomepage' على true
document.querySelector("html").classList.add("custom-homepage");
component.set("displayCustomHomepage", true);
} else {
// إذا لم نكن في الصفحة الرئيسية، قم بإزالة الفئة
// واضبط `displayCustomHomepage` على false
document.querySelector("html").classList.remove("custom-homepage");
component.set("displayCustomHomepage", false);
}
});
}
});
</script>
<script type="text/x-handlebars" data-template-name="/connectors/above-main-container/custom-homepage">
{{#if displayCustomHomepage}}
<div class="custom-homepage-wrapper mask-polygon">
<div class="custom-welcome-banner">
<h1 class="welcome-header-text">Välkommen till Sveriges idéburna byggrörelse</h1>
<p>Här kan du se färdiga och planerade projekt, hitta kunskap, få råd - och få kontakt med andra som bygger och bor ihop över hela landet.</p>
</div>
</div>
{{whos-online}}
{{search-menu}}
<div class="two-column-layout">
<div>
(My own code for the map image is here, I'll spare you)
</div>
<WANTED DIV>
(This is where I want to put my feed, perhaps something like {{categories-topic- list topics=latest filter=“latest” limit=“10” … }})
</WANTED DIV>
</div>
{{/if}}
</script>
حتى الآن كل شيء على ما يرام. تبدو الصفحة كالتالي:
المشكلة هي أنني لا أملك أي سيطرة على التغذية الحالية. إنها ببساطة التغذية الافتراضية التي استهدفت تقريبًا عرضها وموضعها في ملف CSS المخصص الخاص بي باستخدام .custom-homepage + class لإفساح المجال لخريطة اليد اليسرى. إنها، على سبيل المثال، لا نهائية حاليًا. أحتاج إلى أن تعرض فقط آخر 10 مشاركات.
سؤالي هو:
- أي فئة يجب أن أخفيها لإخفاء التغذية الحالية؟
- ما هي الصيغة الصحيحة لإضافة أحدث مشاركاتي في الكود الخاص بي بدلاً من ذلك؟ يرجى الاطلاع على قسم ‘WANTED DIV’ في الكود أعلاه.
الموقع المباشر: https://bygg.boihop.co/
شكراً جزيلاً على أي مساعدة في هذا الشأن.