Seperate stylesheet Datei wird nicht geladen.

    Hallo,

    ich bin Newbie und es wäre schön wenn ihr nicht zu hart mit mir ins Gericht geht.
    Ich habe zu Testzwecken ein eigenes Theme erstellt und würde das nun gerne für mobile Geräte optimieren.
    Zu diesem Zweck habe ich eine separate Stylesheet Datei (small.css) geschrieben.
    Als Testgerät benutze ich mein iPhone 6.
    Leider kann ich machen was ich, aber die small.css wird einfach nicht genutzt!
    Folgenden Code habe ich versucht:

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('stylesheet_url'); ?>" />
    <link rel="stylesheet" type="text/css" media="only screen and (min-device-width: 375px) and (max-device-width: 667px)" href="small.css">

    Kann mir jemand sagen welchen Fehler ich mache?

    Vielen Dank im Voraus.


    Lieben Gruß
    Speeeedy

    • Gerade eben
    • 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

    du sagst ja garnicht, wo man die small.css findet, z.B.:

    PHP
    <link rel="stylesheet" type="text/css" media="only screen and (min-device-width: 375px) and (max-device-width: 667px)" href="<?php echo esc_url( get_template_directory_uri() ); ?>/small.css">

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Muss ich das denn? Auch wenn sich die small.css im gleichen Verzeichnis wie der Rest befindet?

    Ich probiere es mal aus... danke schonmal...

    die small.css befindet sich nicht im gleichen Verzeichnis wie der Rest. Die index.php von WP befindet sich z.B. im WP-Root, Themes befinden sich im Themes-Ordner, Plugins befinden sich im Plugins-Ordner etc.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    war auch nur ein Bsp. ... bei einem Child-Theme wäre es dann get_stylesheet_directory_uri()
    http://codex.wordpress.org/Function_Refer…t_directory_uri

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Browser-Cache ist aber geleert?
    Und die CSS-Formatierungen stimmen auch?

    Kann man sich die Site mal anschauen?

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    also ich finde keine http://test.leckert-home.de/wp-content/the…theme/small.css

    Da es sich um kein Childtheme handelt, wäre der erste Code doch richtig. Teste es doch erst mal nur mit:

    PHP
    <link rel="stylesheet" type="text/css" media="screen and (max-width: 667px)" href="<?php echo esc_url( get_template_directory_uri() ); ?>/small.css" />

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Hallo maxe,
    vielen Dank für deine Hilfe.
    Ich habe es jetzt hinbekommen und zwar wie folgt...

    PHP
    <link rel="stylesheet" type="text/css" media="screen only and  (min-device-width: 375px) and (max-device-width: 667px)" href="<?php  echo esc_url( get_template_directory_uri() ); ?>/small.css" />

    Also Danke nochmal!!!
    LG
    Speeeedy

    Hey maxe,

    ich hab da doch nochmal ne Frage.
    Wenn ich eine alternative stylesheet angebe, werden dann trotzdem noch Informationen aus der eigentlichen style.css gezogen?
    Ich habe nämlich jetzt in der small.css testweise den Hintergrund gelöscht und die Schriftfarbe verändert, aber wenn ich die Seite auf dem iPhone aufrufe ist zwar die Schriftfarbe geändert, aber der Hintergrund noch da.
    Hast du nen Tip?

    LG
    Speeeedy

    P.S.: Ja, den Browsercache habe ich geleert... ;)

    Einmal editiert, zuletzt von Speeeedy (5. Januar 2015 um 11:49)

    Habs schon selbst rausgefunden...
    Die separate small.css ist tatsächlich nur für die Änderungen zuständig.
    Ich hab jetzt in der small.css insgesamt nur folgendes stehen:

    body {
    background-image: none
    }
    #hauptnavi a {
    color: #fc0303;
    }

    Und siehe da... die Schrift in der Navigation ist rot und das Hintergrundbild ist weg... es funktioniert! :D

    Also danke nochmal und gute Zeit!

    LG
    Speeeedy

    ja genau, du bindest sie ja nicht als Alternative ein, sondern zusätzlich. Und bei CSS gilt immer die letzte Anweisung. Also musst du wenn die Original-Formatierung aus der style.css in der small.css überschreiben bzw. !important machen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden