Zwei Plugins kombieren um Theme-Switch gut zu gestalten

Klingt doch nach 'nem guten Plan. Wo liegt das Problem?

Das Plugin, das Du meinst, habe ich vor kurzem eben erst gesehen. Ich konnte es eben aber leider trotz längerer Suche auch nicht wiederfinden. :-/ Andererseits wird das bei Dir ja sowieso eine Dauerinstallation, oder? Da musst Du den Text, der da angezeigt wird, ja nicht im Backend ändern können, oder?

Eine einfache Lösung lässt sich in wenigen Minuten selber bauen. Die Frage wäre, was Du an Features brauchst. Gestylt wird die Leiste über das Stylesheet des jeweiligen Themes. Einen Ausblend-Button kann man mit jQuery ergänzen (JavaScript). Eine Frage wäre, muss sich die Leiste merken, dass der Nutzer sie geschlossen hat (Cookie)? Oder ist es ok wenn sie dann auf der nächsten Seite wieder erscheint? Oder soll sie gar nicht schließbar sein?

Davon abgesehen kenne ich den Theme Switcher bisher nicht wirklich. Da müsste man also schauen, wie man das einsetzt. Sehe ich aber an sich kein Problem, das ist dann sicher leicht hinzukriegen.

Ok, die Leiste soll also immer da sein. Dann kann man das wirklich problemlos selber machen. Der Vorteil des Plugins ist meiner Erinnerung nach, dass es sich merkt (per Cookie), wenn der Benutzer die Leiste einmal geschlossen hat, und die Leiste dann nicht mehr anzeigt. Wenn man sie standardmäßig erstmal versteckt, ist das aber auch kein Problem.

Willst Du das in die beiden Themes integrieren oder lieber als Plugin, das mit jedem Theme funktioniert?

Das mit dem Faden würde ich eher nicht 1:1 kopieren wollen (das wär dem Dedsigner gegenüber ja nicht wirklich nett). Aber etwas in der Art geht auf jeden Fall. Wenn ich mir die Seite so anschaue würde ich in die oberste Leiste linksbündig ein Icon einbauen einbauen. Also neben Twitter, YoutUbe, aber ganz nach links, eventuell etwas über den Rand ragend. Klickt man drauf, klappt die Leiste aus. Abhängig von den tatsächlichen Möglichkeiten des Theme Switchers (noch nie benutzt, müsste ich dann schauen) werden dann Links zu allen Themes angezeigt oder zu allen Themes außer dem aktuellen und ggf. ein kurzer Erklärungstext. Klickt man wieder auf das Icon, verschwindet die Leiste wieder. Kommt das Deinen Vorstellungen so in etwa nahe?

Zitat

Aber: Wenn ich den Faden dann runter ziehen würde - und ich mit dem WP-Them Switcher Plugin arbeite - wird die Seite einfach neu geladen. Da gibt es keinen "coolen" Effekt oder so. Was auch nicht notwending ist! Es ist so, als würde ich das Them umstellen, und dann F5 drücken.

Ich hatte mal kurz geschaut, was der Theme Switcher für Befehle anbietet, und man kann da zumindest aussuchen, ob er das als DropDown-Liste ausgeben soll oder nicht. Andernfalls wird das als Link ausgegeben, nehme ich an, den man dann stylen und positionieren kann. Wenn das so hinkommt ist es auf jeden Fall ein normaler Link, ohne tolle Effekte. Die kann man natürlich mit jQuery noch dranhängen, falls einem da was sinnvolles einfällt.

Kriegst Du das hin oder soll ich da mal eine erste Version probieren?

Nur als kurzen Zwischenstand: Ich habe mittlerweile mal ein kleines Plugin zusammengebastelt, das einfach oben die Leiste einblendet. Die ist im Moment aber immer da und klappt noch nicht aus oder ein. Das ergänze ich wahrscheinlich morgen noch, die Zeit ist heute etwas knapp. Wollte mich nur gemeldet haben, dass das nicht vergessen ist. :-)

Tja, die Zeit war dann noch viel länger knapp, aber nun habe ich das endlich mal fertig gebastelt. Das Plugin setzt das "Theme Switcher Plugin" voraus sowie jQuery in den Themes, die verwendet werden. Es blendet links oben ein Dreieck ein. Klickt man darauf, wird die Leiste eingeblendet. Bei nochmaligem Klick verschwindet sie wieder. In der Leiste stehen alle Themes mit dem Link zum Wechseln. Das aktuelle Theme steht unverlinkt in der Liste mit drin.

Funktional sollte es das soweit tun. Es kann sein, dass bei der Definition der Links in der Leiste noch Einstellungen des Themes überschrieben werden müssen. Das kommt dann auf die einzelnen Themes an, da habe ich sicher nicht an alles gedacht. Und das Bild für die linke Ecke ist sicher optisch auch noch aufwertbar. Bin halt kein Grafiker. ;-)

Ich beantworte diese Frage zur Anpassung mal öffentlich, vielleicht interessiert es ja auch andere.

Im Moment besteht das "handle"-Bild aus zwei Teilen, welche jeweils bei Klick gegeneinander ausgetauscht werden. So wird das Dreieck gedreht. Wer ein anderes Bild benutzt, muss zuerst mal in Zeile 22 und 23 des CSS-Files die max-width und max-height vn #theme_switch_bar_handle anpassen. Die 100px in meiner Version ist die maximale Größe des Dreiecks. Gegebenenfalls ist auch die Platzierung des Hintergrundbildes anzupassen: Im Moment wird das normale Bild left bottom platziert, damit es ggf. nach oben hin wachsen kann (die Zeile hat keine feste Höhe).

Um den Toggle-Effekt ganz auszuschalten: Einfach Zeile 79 und 82 des PHP-Files entfernen. Hier wird die Platzierung des Hintergrundbildes angepasst. Schau Dir das Bild mal näher an, dann verstehst Du, wieso das gemacht wird.

Wenn da also einfach immer das gleiche Bild angezeigt werden soll und eventuell auch mit fester Höhe, kann diese ganze Platzierung einfach raus und im CSS kann es ggf. "left top" statt "left bottom" gesetzt werden, damit es bei einer höheren Zeile am oberen Ende klebt und nicht am unteren.

Ok, mal schauen...

Die Leiste hat mit Deinen Anpassungen keine Hintergrundfarbe mehr. Die wirst Du wieder ergänzen müssen.

Navigationsleiste = Scrollbar. Ja, in meiner Version ging die Leiste über die ganze Bildschirmbreite und war deswegen auf 100% Weite gestellt. Wenn Du das anders haben willst, solltest Du die Weite entsprechend anpassen. Ich nehme an, da werden jetzt 100% mit einem Abstand nach links oder so kombiniert. Das ist in Summer natürlich mehr als 100%, deswegen die Scrollleiste.

Das Drehen des Bildes: Einfach im Bild nur eine Version einbauen und dann wie beschrieben das Setzen der background-position entfernen. Ist bei Dir im Moment noch drin. Siehe meine letzte Antwort: "Einfach Zeile 79 und 82 des PHP-Files entfernen."