يمكنك استخدام مكون رأس العلامة التجارية (brand header component) لإنشاء الرأس الذي تصفه، وسيكون من السهل إضافة خلفية باستخدام بعض تنسيقات CSS. على حد علمي، لا توجد طريقة أصلية لنقل لافتة الموقع إلى هناك.
شكرًا لك. إنشاء لافتة أمر سهل. يبدو أن جعلها خلفية هو الجزء الصعب. كانت لديّ هذه الميزة مع مظهري السابق، ولكن مضى وقت طويل جدًا، لا أتذكر ما هو تنسيق CSS الذي كان عليّ تغييره للقيام بذلك.
حسب علمي، كل شيء ممكن باستخدام CSS المخصص، أليس كذلك؟
نعم، الأمر سهل مثل مكون بسيط. لست بجوار حاسوبي في الوقت الحالي لذلك لا يمكنني جلب الفئة (class) لك، ولكن إذا ذهبت إلى أدوات المطور (DevTools) يمكنك الحصول على الفئة وإنشاء مكون جديد:
.banner_background { // ضع الفئة الحقيقية هنا
background: url("https://example.com/example.png") cover no-repeat;
}
هذا هو العنوان الافتراضي. إذا كنت تتطلع إلى تطبيق الخلفية على العنوان، فنعم، ولكن إذا كنت تريد أن يكون منفصلاً، فهذا ليس هو.
إذا كنت تريد تطبيق الخلفية على عنوان الموقع، فاستخدم .d-header .wrap
شكراً لك. هل يمكنك أن تدلني على المكان الذي يمكنني أن أجد فيه تعليمات حول كيفية إجراء هذا التغيير؟ أنا أعرف القليل جداً عن css والأقل عن تخصيص discourse!
هل يمكنك إخباري ما هو “التغيير” الذي تقصده؟
كيف يمكنني تغيير خلفية الجزء العلوي من الصفحة إلى الصورة الموجودة خلف رسالة الترحيب.
إذا كنت تتطلع إلى استبدال خلفية رأس الموقع، فهذا هو ما تريده
.d-header .wrap {
background: url("https://example.com/example.png") cover no-repeat;
}
عذرًا، لم أكن واضحًا. ربما هناك “خطوة بخطوة” حول كيفية إضافة تنسيقات CSS مخصصة إلى الموقع. هذا ما أبحث عنه.
يوجد هذا الرابط Making custom CSS changes on your site للحصول على معلومات عامة حول كيفية القيام بذلك