Support » Allgemeine Fragen » Background Switcher für User?

  • JOHN2000

    (@john2000)


    Gibt es ein Plugin oder eine Möglichkeit das die User den Hintergrund wechseln können?

    Es gibt ja zB den Theme Switcher sowas für Backgrounds wäre top

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 23)
  • Flower33

    (@flower33)

    @john2000
    Zum Beispiel dieses Plugin:
    https://wordpress.org/plugins/wp-user-stylesheet-switcher/
    Letztes Update allerdings vor 7 Monaten

    Thread-Starter JOHN2000

    (@john2000)

    Und was soll das bringen das man die css switchen kann?

    Das gleiche hab ich ja schon mit den Theme Switcher! außerdem kenne ich das Plugin und es ist nur für den admin gedacht! hat man das in der fronted aktiviert und ein user swicht ist es ein echter switch und gilt für alle!

    Flower33

    (@flower33)

    außerdem kenne ich das Plugin und es ist nur für den admin gedacht!

    Falsch 😉

    hat man das in der fronted aktiviert und ein user swicht ist es ein echter switch und gilt für alle!

    Würde mich seeehr wundern 😉
    Vergleiche folgendes Zitat und lies bitte alle Infos auf der Website:

    Adds a list (or multiple list) of stylesheets in the frontend to allow visitors to choose a different visual look for the website.

    Also eindeutig nicht nur für den Admin gedacht und außerdem höchst unwahrscheinlich, dass *ein* User *für alle anderen* entscheidet. 😉

    Moderator Bego Mario Garde

    (@pixolin)

    Ich würde das in einem Child Theme selbst umsetzen: Dropdown-Menü einfügen, das mit jQuery dem Body-Tag eine andere CSS-Klasse zuweist. Diese kannst du dann im Stylesheet beliebig ausgestalten. Alternativ mit einem Plugin ein Widget schreiben.

    Thread-Starter JOHN2000

    (@john2000)

    Zu 1

    Ja du hast recht nicht direkt aber ich swich zu ein anderen theme! ich nutzte mehrere child themes wo nur die css verändert sind! also in endeffekt das gleiche!

    Außerdem hatte ich ja das Plugin schon Aktiviert und dann war das genau so wie ich sage alle paar sekunden hat sich das design geändert weil jemand geswicht hat!

    und auch wenn es nicht so wäre es bring nichts! man stellt ja in WP ein BG ein und egal ob ich in den CSS ein anderes angebe WP nimt das von WP! auch wenn ich keins ausgewählt habe und ich ein BG in der CSS angebe wird mir nichts angezeigt.

    Moderator Bego Mario Garde

    (@pixolin)

    und auch wenn es nicht so wäre es bring nichts! man stellt ja in WP ein BG ein und egal ob ich in den CSS ein anderes angebe WP nimt das von WP! auch wenn ich keins ausgewählt habe und ich ein BG in der CSS angebe wird mir nichts angezeigt.

    Hm?

    Thread-Starter JOHN2000

    (@john2000)

    #body {
    background-image: url(„../images/skin1/bg_body.jpg“);
    }

    den code hab ich probiert und kein BG!

    Den hab ich auch probiert der steh auch genau so drinn wenn ich es mit den Dev tool chacke

    #body.custom-background {
    background-image: url(‚imgurl‘);
    background-repeat: repeat;
    background-position: top center;
    background-attachment: fixed;
    }

    Moderator Bego Mario Garde

    (@pixolin)

    Das sagt jetzt nicht viel aus. Die Frage ist, ob der Pfad zum Hintergrundbild stimmt und wie die Klasse .custom-background hinzugefügt wird.

    Thread-Starter JOHN2000

    (@john2000)

    Pfad ist Richtig

    ja die codes oben hab ich in die css des child theme eingefügt so wie er da steht!

    es wird auch im dev tool angezeigt unter den aktuellen und der komplette code ist durchgestrichen

    Thread-Starter JOHN2000

    (@john2000)

    OK mit

    body {
    background-image: url(„imgurl“);
    background-repeat: repeat;
    background-position: top center;
    background-attachment: fixed;
    }

    und entfernen des BG in backend hat es jetzt geklappt ^^

    Moderator Bego Mario Garde

    (@pixolin)

    Schau dir mal die erste Antwort in diesem Thread an.
    So würde ich das angehen.

    Thread-Starter JOHN2000

    (@john2000)

    Das Funktioniert super danke für den tipp nur das es nicht den BG speichert!

    sobald ich die seite Aktualisiere ist kein BG ausgewählt! außerdem sollte ein BG als Standard eingestell sein!

    Moderator Bego Mario Garde

    (@pixolin)

    Dein Theme hat ein <body>-Tag. Diesem Body-Tag wird eine Style-Regel zugewiesen:

    body { background: img( 'strand-mit-palmen.jpg ) no-repeat cover; }

    In der Sidebar wird ein Widget mit einem Dropdown-Formular eingefügt. Sobald sich die Auswahl ändert, wird per jQuery dem <body>-Tag eine zusätzliche Klasse, z.B. ‚berge‘ hinzugefügt. Zu dieser Klasse gibt es eine weitere Style-Regel:

    body.berge { background: img( 'alpenpanorama.jpg' ) no-repeat cover; }

    Das lässt sich für beliebige viele weitere Elemente des Dropdown-Menü mit anderen Hintergrund-Bildern wiederholen.

    Die jQuery-Funktion ist in dem zitierten Thread bereits angegeben:

    $('select').change(function(){
        $('body').prop('class',$(this).val());
    });

    Thread-Starter JOHN2000

    (@john2000)

    Ja Funktioniert ja auch aber speichert nicht 🙁

    hab es mit

    var sel = document.getElementById(’select‘);
    sel.onchange = function(){
    document.body.className = sel.value;
    };

    und

    var saveclass = null;
    var sel = document.getElementById(’select‘);
    sel.onchange = function(){
    saveclass = saveclass ? saveclass : document.body.className;
    document.body.className = saveclass + ‚ ‚ + sel.value;
    };

    probiert!

    Moderator Bego Mario Garde

    (@pixolin)

    Den Wert könntest du als Cookie speichern und auf Folgeseiten abrufen.

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 23)
  • Das Thema „Background Switcher für User?“ ist für neue Antworten geschlossen.