صورة الخلفية في رأس الصفحة

[Garrick]

ما هي الطريقة الصحيحة لإضافة هذا؟ هل توجد طريقة بسيطة باستخدام CSS لاستخدام الصورة؟

[Don]

مرحبًا جاريتش،

هذا يعتمد بشكل كبير على الصورة المستخدمة. يمكنك استخدام كود CSS بسيط يستهدف فئة .d-header.

أنشئ مكونًا جديدًا في /admin/customize/themes والصقه في قسم CSS المشترك (لكلا من سطح المكتب والجوال) أو في المكان الذي تفضّل استخدامه فيه كخلفية لسطح المكتب أو الجوال.

.d-header {
  background: url(your image url);
  background-repeat: no-repeat;
  background-size: cover;
}

مثال

.d-header {
  background: url(https://i.imgur.com/SqObEfW.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
}

سيبدو الشكل كالتالي

مزيد من المعلومات حول خاصية الخلفية

background | CSS-Tricks

آمل أن يكون هذا مفيدًا

[Garrick]

@Don، مشاركة: 2، موضوع: 200398

.d-header {
  background: url(https://i.imgur.com/SqObEfW.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
}

شكرًا لك يا دون! تمامًا كما كنت أحتاجه.