Veröffentlicht von md am 7. September 2010 - 15:49
Wer Drupal Gardens kennt, wird bei dem Screenshot oben rechts viele Ähnlichkeiten erkennen. Und ja, das Modul, welches ich heute kurz vorstellen möchte hat einige Ähnlichkeiten mit dem Theme Builder von Drupal Gardens. Es ist (noch) nicht ganz so mächtig, aber es hat den Vorteil, dass man es im Gegensatz zu Drupal Gardens, als Modul auf der eigenen Site einsetzen kann.
Sweaver herunterladen
Was kann man mit Sweaver machen?
Wenn man das Modul installiert hat, gibt es am unteren Rand des Browsers, den in der Abbildung zu erkennenden neuen Bereich. Mit diesem neuen Werkzeug ist nun jeder in der Lage ohne CSS Kenntnisse das Design eine Website zu ändern.
Hierzu klickt man auf ein beliebiges Element einer Seite, z.B. einer Headline, und kann dann Font, Fontgröße, Art, Farbe, Abstände und Hintergründe per Schieberegler oder Colorpicker ändern. Sogar Hintergrundbilder lassen sich über diese Oberfläche hochladen und dann für bestimmte Elemente verwenden.
Hat man alles so gestylt wie gewünscht, sichert man diesen Style und aktiviert ihn. Voilá das neue Design ist Online. Falls etwas schiefgelaufen ist, kann man den Style einfach löschen und der alte Zustand ist wieder hergestellt.
Das Modul ist noch relativ neu, aber durchaus einsatzbereit.
Die Auswahl eines bestimmten Elements einer Seite müsste allerdings noch verbessert werden.
Der CSS Profi erledigt sicher vieles schneller und einfacher mit seinem bevorzugten Editor, aber für Sitebetreiber ohne diese Kenntnisse ist das Modul unbedingt empfehlenswert. Insbesondere da diese ja sehr häufig mit fertigen Themes arbeiten und sich oft schwertun Fonts, Farben und Hintergrundbilder schnell zu ändern.
Ich kann mir aber auch vorstellen, dass man das Modul fürs Prototyping und schnellen Produktion von Wireframes einsetzt, um Kunden sehr schnell verschiedene Designansätze präsentieren zu können. In Verbindung mit dem Fusion Theme und dem Skinr Modul sicherlich keine schlechte Idee.
Kommentare
Hab das modul mal ausprobiert, ist schon lustig, aber irgendwie passte da noch nicht alles. Man muss schon wissen, was man da macht, weil sonst kriegt man sehr lustige Sachen zu sehen.
Das Modul macht eigentlich daaselebe wie Firegbug von Mozilla, nur das man bei Sweaver kriegt man das Ergebnis gleich zu sehen und denke nicht jedes Theme wird dafür auch nicht so geeignet sein.
WAs auch ein schönes Modul ist, das ist das http://drupal.org/project/fontyourface - Font your Face .. damit kann man die Webfonts von Google und einige anderen Webdiensten nutzen.
28 Mai 2009
3 Tage 8 Stunden
Das fontyourface Modul hatte ich vergessen zu erwähnen. Es wird direkt von Sweaver unterstützt.
Sweaver wird erst richtig gut zu bedienen, wenn man es entsprechend konfiguriert. Hier (admin/settings/sweaver/editor/selectors) kann man z.B. eigene Selektoren hinzufügen, die man dann in Sweaver zum Stylen bequem auswählen kann.
Der Unterschied zu Firebug ist, dass Sweaver ja tatsächlich das Theme (CSS) auf dem Server ändert.
Kommentar hinzufügen