مرحبًا! نحن نحاول إعداد قناة discourse خاصة بنا، ونحتاج إلى تنفيذ لافتة (بعد الرأس) تبدو مثل هذا -
لكننا نواجه مشكلتين رئيسيتين:
- لا نستطيع الحصول على العرض الكامل لللافتة. حيث يضيف discourse حاوية، مما يجعل المكون بأكمله يقع داخل هذه الحاوية.
- لا نتمكن من رؤية الصور حتى لو كانت موجودة في الدوم - قمنا برفع هذه الصور واستخدمناها كالتالي:
background-image: url($discourse_vector); background-position: bottom; background-size: cover; height: 100%; display: block; width: 100%;
ولكن هذا لا يعمل.
أي مساعدة ستكون محل تقدير.
شكرًا مقدّمًا.
في ملف الرأس (head) الخاص بسمتك، يمكنك إضافة التالي:
<script type="text/x-handlebars" data-template-name="/connectors/below-site-header/custom-banner">
// ضع كود HTML المخصص هنا
</script>
يستخدم هذا المخرج (plugin outlet) لإدراج المحتوى مباشرةً أسفل الرأس وخارج حاوية المحتوى الخاصة بنا (لمزيد من التفاصيل، راجع: دليل المطورين لسمات Discourse)
بناءً على اسم المتغير… هل هذه صورة SVG؟ إذا كان الأمر كذلك، فقد تحتاج إلى التأكد من أن ملف SVG يحتوي على viewbox و/أو أبعاد في ترميزه… لقد واجهت هذه المشكلة من قبل.
وإلا، أتوقع أن تظهر صورتك… هل يحدث هذا على موقع حي، أم على تثبيت محلي للتطوير؟ لقد واجهتُ مشاكل من قبل مع الصور المرفوعة على إصدارات التطوير، وعادةً ما يحل مسح ذاكرة التخزين المؤقت أو إعادة تشغيل الخادم هذه المشكلة.
3 إعجابات
