Bootstrap Subtheme erstellen
am 10.02.2017 - 00:45 Uhr in
Hallo zusammen,
ich hoffe jemand kann mir mal einen Tipp geben, wie ich ein Bootstrap Subtheme erstelle. Mein Ziel ist es ein Subtheme auf Basis von Bootswatch Cerulean zu erstellen und dieses dann anzupassen. Ich habe einfach das Less-Starterkit-Verzeichnis kopiert und die Info-Datei angepasst. Das Theme funktioniert dann auch aber ich bekomme es einfach nicht hin, Cerulean mit in das Theme zu bekommen. Irgend etwas mache ich falsch.
Ich habe diese Anleitung versucht:
https://www.webwash.net/how-to-use-bootswatch-themes-in-drupal-7/
Leider scheitere ich schon an dem Punkt 4. Die variables.less ist nicht im Verzeichnis und kann nicht überschrieben werden.
Ich hoffe jemand kann mir mal eine kurze Hilfe geben.
Liebe Grüße und Danke
- Anmelden oder Registrieren um Kommentare zu schreiben
Ich würde dir raten erstmal
am 10.02.2017 - 01:16 Uhr
Ich würde dir raten erstmal das CDN Starterkit zu nehmen, das ist erstmal einfacher, es sei denn du kannst mit Less gut umgehen oder möchtest es jetzt gleich mit lernen.
Hier ist die Doku für Subthemes Bootstrap:
http://drupal-bootstrap.org/api/bootstrap/docs%21subtheme%21README.md/gr...
Wenn du das Subtheme (CDN) nach der Anleitung angelegt hast und es im Admin Bereich unter "Design" aktiviert hast, kannst du im Theme auf CDN umstellen und das Cerulean wählen.
Die Original CSS nie verändern aus der bootstrap.css, beim nächsten Update wäre alles weg.
Lege dir in deinem Subtheme eine eigene mein-name.css an, oder es liegt schon die Standard style.css drin, und in dieser überschreibst du dann deine Layouts.
Grüße Jenna
CDN-Starterkit
am 10.02.2017 - 10:37 Uhr
Hallo Jenna,
vielen Dank für deine Antwort. CDN-Starterkit habe ich schon hin bekommen. Ich meine, dass die Seite dann auch viel schneller läuft. Die Antwortzeiten mit dem Less-Template waren jetzt nicht so toll. Kann ich die Javascripte bei der Verwendung von CDN auch lokal ablegen? Das System soll lokal ohne Verbindung zum Internet laufen. CDN-Provider scheidet dann ja aus, oder?
Liebe Grüße
Die Ladezeit müßte bei Less
am 10.02.2017 - 10:52 Uhr
Die Ladezeit müßte bei Less minimal (millimillisec.) schneller sein, da Less noch reduzierter mit den css Anweisungen arbeitet, das ist aber im Normalfall gar nicht merkbar.
Du darfst auch nicht die Serverantwortzeit mit der Ladezeit der Seite verwechseln. Der Server kann in z.B. 0,5 sec. antworten, die Ladezeit bei vermurksten Themes kann gleichzeitg 3 sec. betragen.
Als Beispiel: ich habe im Schnitt eine Serverantwortzeit von 0,3 sec. und eine Ladezeit von 0,8 bis 2,2 sec., je nachdem ob ich gerade mit unkomprimierten css und js arbeite (bei Entwicklung) oder zig andere Faktoren noch nicht optimal gesetzt habe. (unnötige css Anweisungen, unnötig Javascript auf Seiten wo es nicht benötigt wird, unkomprimierte Bilder und zig weitere Faktoren spielen da mit rein Ladezeiten einzusparen (natürlich auch eine gute Drupal Config, nur mit wirklich benötigten Modulen und gutes Caching, auch über Extra Module ausbaufähig).
Die bunten Ceruleans & Co. unterscheiden sich doch eigentlich nur in der Farbgebung und Styles wie Fonts, das Javascript ist in der Standard Bootstrap ohnehin vorhanden. Du kannst hier unter dem Link alle Themes untersuchen und dir die CSS in deinem Starter Theme aufbauen, dann brauchst du CDN gar nicht. Das sind keine Drupal Themes, sondern nur Bootstrap Themes mit der Doku. Deine Fonts kannst du über Google Fonts z.B. einbinden.
https://bootswatch.com/
Die Frage ist ob du es richtig lernen möchtest oder nur ganz schnell ein Theme haben willst was so aussieht wie Cerulean.
Weitere Hilfe findest du sonst auch unter:
http://getbootstrap.com/getting-started/
Grüße Jenna
Ich habe schon angefangen
am 10.02.2017 - 11:59 Uhr
Ich habe schon angefangen mich in Bootstrap einzulesen. Ich finde es auch echt Spitze. Lernen will ich das auf jeden Fall. Ich brauche aber für das aktuelle Projekt auf die Schnelle ein Theme. Das Cerulean passt sehr gut und muss nur angepasst werden.
Das letzte große Projekt habe ich mit ZEN umgesetzt.