Verständnisfrage: Theme | Style | Template und dark mode

  • WordPress: 5.7

    Ich bin auf die Idee gekommen, meine Spielwiesen-Seite auch mal auf dem Handy, bei dem ich den Dark-Modus eingestellt habe, mir anzuschauen und stellte fest, dass das Logo meiner Seite einfach nur fürchterlich aussieht

    Ich könnte im Template mit:

    Code
    <picture>
      <source srcset="hellesLogo.gif" media="(prefers-color-scheme: dark)">
      <img src="dunklesLogo.gif">
    </picture>


    bei neueren Browsern steuern, dass je nach Anzeige-Modus, unterschiedliche Grafiken ausgegeben werden.

    Ich habe mir angeschaut, wie das Logo im WordPress-HTML-Seitenquelltext meiner Seite platziert ist:

    Code
    ...<div class="sidebar">
        <div class="blog-logo">
            <a href="https://adimlarim.com/" rel="home">
                <img src="https://adimlarim.com/.../dunklesLogo.gif" />
            </a>
            <span class="screen-reader-text">Adimlarim</span>
        </div>...

    Eine kleine Änderung des Templates könnte vielleicht dieses Problem beheben.

    1. Nur, hätte ich überhaupt eine mit WordPress-on-Board-Mitteln eine Möglichkeit dieses kleine Problem zu lösen?
    2. Wenn nein, welche Dateien müßte ich anpacken (um entscheiden zu können, ob es sich überhaupt lohnt)?
    3. Vermute ich richtig, dass bei jedem neuen Theme, auch das Template wechselt?

    :rolleyes:Wenn ich weiß, dass ich nichts weiß, dann weiß ich mehr als jemand, der nicht weiß, dass er nichts weiß. :D

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • WordPress: 5.7...
    3. Vermute ich richtig, dass bei jedem neuen Theme, auch das Template wechselt?

    Ja klar. Im Prinzip sagen alle drei Begriffe das Gleiche aus. Ein Theme kann man sich vorstellen wie das Outfit, die grundlegende Gestaltung einer WordPress-Website. Das Theme bestimmt, wie Deine Site aussieht, welche Möglichkeiten der Gestaltung Du hast. Jedes WordPress-Theme hat ein Stylesheet, genannt style.css. Es enthält den gesamten Code für die Gestaltung deiner Website: Layout, Schriften, Farben und mehr.

    Es gibt unzählige Themes und damit Templates, und Styles gibt es so viele wie Websites.

  • Danke Kurt für Deine Rückmeldung. Es werden 3 CSS-Dateien (genericons.css, style.css, style.min.css) verwendet. Die kann ich für o. g. Problemstellung vernachlässigen. Um dieses kleine Problemchen zu lösen, müßte ich an die Template-Datei des von mir verwendeten Themes. Wohlweislich, dass ich jedesmal, wenn ich ein Update fahre diese Änderungen händisch nachziehen muß.

    Wo werden die Templates abgelegt?

    :rolleyes:Wenn ich weiß, dass ich nichts weiß, dann weiß ich mehr als jemand, der nicht weiß, dass er nichts weiß. :D

  • Vielen Dank @SuMu. Das es sowas gibt, super. Werde mich reinlesen.

    :rolleyes:Wenn ich weiß, dass ich nichts weiß, dann weiß ich mehr als jemand, der nicht weiß, dass er nichts weiß. :D

  • Da gibt es schöne Anleitungen zu, u.a. hier. Ich habe meine Childthemes, wenn ich sie brauchte, mit einem PlugIn angelegt, weiß leider nicht mehr welches das war.

  • @KurtSinger, auch Dir vielen Dank.

    :rolleyes:Wenn ich weiß, dass ich nichts weiß, dann weiß ich mehr als jemand, der nicht weiß, dass er nichts weiß. :D

  • In diesem Layout-Kontext ist mir etwas aufgefallen. Viele Themes, die ich teste, liefern eine Datei namens "css" ohne Dateikennung mit. In dieser werden Fonts von der Google-Seite "fonts.gstatic.com" referenziert. Das will ich nicht.

    Ich vermute, dass ich dies nicht durch ein Child-Theme umgehen kann. Gibt es dafür ein Workaround?

    :rolleyes:Wenn ich weiß, dass ich nichts weiß, dann weiß ich mehr als jemand, der nicht weiß, dass er nichts weiß. :D

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!