Verwendung eines Bildes für ein globales Banner-Thema – Abmessungen?

Hallo!

Mein Ziel: Ich suche nach einer einfachen Möglichkeit, ein Bild als angeheftetes globales Banner anzuzeigen. Wir kündigen unsere User-Konferenz an und möchten ein schönes Grafikbild statt nur Text zeigen.

Was ich versucht habe:

  • Ich habe ein Thema erstellt, das nur ein Bild im Inhalt hatte, ohne Text, und dieses als globales Banner angeheftet. Es hat funktioniert, aber die Abmessungen waren definitiv falsch – zu viel Höhe, nicht genug Breite.
  • Ich möchte die Funktion „Einstellungen > Globale Mitteilung“ nicht verwenden, da es sich keinesfalls um einen Notfall handelt.

Falls dies bei Ihnen schon einmal funktioniert hat: Welche Bildabmessungen haben Sie verwendet? Falls ich völlig auf dem falschen Weg bin, gibt es dann eine andere einfache Möglichkeit, dies zu realisieren?

Vielen Dank!

Vielleicht diesen Theme-Component verwenden?

Dieses Theme-Komponente könnte ein guter Weg sein, aber wenn du das angeheftete Banner wirklich verwenden möchtest, kannst du ein 1050px x 150px Bild dort einfügen, ohne Scrollbalken zu erreichen.

Beachte, dass das Bild nicht passt, wenn du den Browser verkleinerst, und das Scrollen wieder auftritt. Du kannst dies mit etwas benutzerdefiniertem CSS vermeiden, das deinem Theme hinzugefügt wird, um das Bild neu zu skalieren… aber das Bild wird wirklich klein, sobald du auf die Größe eines mobilen Geräts herunterkommst, also ist es nicht perfekt.

#banner img {
    width: 100%;
    height: auto;
}

Vielen Dank an alle für die Hilfe! Ich schätze die Anleitung und werde diese Lösungen ausprobieren. Das fühlt sich jetzt deutlich weniger einschüchternd an.