it-swarm.com.de

Wie behalte ich mein Bootstrap Unterthema) ohne Verwendung des CDN?

Ich habe ein Unterthema erstellt bootstrap Version von CDN.

Ich habe auf der "Journal" -Version "3.3.6" basiert und meine style.css-Datei mit 900 Zeilen personalisiert.

(enter image description here

https://bootswatch.com/

Ich möchte das CDN nicht mehr verwenden, aber ich möchte mein aktuelles Thema "Journal" und mein benutzerdefiniertes Stylesheet behalten.

Wie kann ich das tun, ohne "weniger" zu verwenden?

Ich möchte mit CSS arbeiten

Ich habe diese Frage vor einigen Wochen gestellt, aber immer noch keine Lösung gefunden:

Installation ohne Bootstrap CDN

(enter image description here

Zuzuesque, danke, dass Ihre Lösung funktioniert, aber ich habe ein Anzeigeproblem:

  • Ich habe keine "Glyphicons" mehr

  • Die Menüleiste wird nicht richtig angezeigt

  • Das Admin-Menü wird in der Menüleiste ausgeblendet

5
user54067

Sie müssen das verwendete Modul wechseln - Bootstrap Die Bibliothek ist nicht für die Verwendung ohne CDN geeignet. Die Hauptfunktion dieses Moduls ist die Verbindung zu einem CDN Ihrer Wahl - kein Thema (oder CSS) selbst.

Das Modul, das Sie verwenden möchten, ist Bootstrap Theme . Dieses bietet ein Unterthema, das Sie erweitern können.

So bringen Sie das Thema Bootstrap zum Laufen:

  1. Deaktivieren Sie Ihr altes Journal-Thema und verschieben Sie es aus dem Themenordner - das ist wichtig. (Vielleicht irgendwo ein Backup machen).
  2. Laden Sie das Bootstrap Theme von der Drupal Site herunter und legen Sie es in Ihrem Theme-Ordner ab. (Und lass es dort)
  3. Erstellen Sie hier ein Unterthema gemäß den Anweisungen für das Less-Starterkit (Sie müssen nicht weniger ohne Sorgen anfassen): Sub-Theming Bootstrap . Grundsätzlich kopieren Sie den Ordner bootstrap_subtheme Aus dem Thema bootstrap in Ihren Themenordner und benennen den Ordner in journal (Ihr Themenname) um. Sie benennen ./journal/less.starterkit Auch in ./journal/journal.info Um.
  4. Öffnen Sie Ihre neue .info-Datei und ändern Sie Name + Beschreibung. (Sie können es von Ihrem alten Thema kopieren.)
  5. Laden Sie die neueste Version 3.x.x von Bootstrap Framework-Quelldateien in Ihr neues Unterthema herunter. Nach dem Extrahieren sollte der Ordner ./journal/bootstrap lauten. (Ändern Sie die Dateien in diesem Ordner nicht. In diesem Ordner können Sie Bootstrap später aktualisieren, ohne Ihre Änderungen zu überschreiben.)
  6. Laden Sie das Journal-Thema CSS von Bootswatch herunter. Kopieren Sie es in Ihren Ordner journal/css. (Dies ist die Datei, die zuvor vom CDN bereitgestellt wurde.) Sie sollte jetzt journal/css/bootstrap.min.css Lesen.
  7. Öffnen Sie Ihre .info - Datei erneut, suchen Sie die Zeile stylesheets[all][] = css/style.css Und fügen Sie eine Zeile direkt darüber hinzu: stylesheets[all][] = css/bootstrap.min.css. Dadurch wird das Standard-Journal-CSS geladen.
  8. Jetzt müssen Sie Ihre benutzerdefinierten Änderungen in das neue Thema kopieren. Kopieren Sie Ihr benutzerdefiniertes CSS in css/style.css Und Ihre Vorlagendateien (falls Sie benutzerdefinierte Vorlagendateien haben) in den Ordner journal/templates.
  9. Aktivieren Sie Ihr neues Journal-Thema.

Glyphicons

Überprüfen Sie Ihr Unterthema ... es sollte einen Ordner fonts geben. Wenn es keinen solchen Ordner gibt, erstellen Sie einen. Navigieren Sie dann zu den Quelldateien bootstrap, die Sie im Ordner bootstrap Ihres Themas abgelegt haben, suchen Sie dort den Schriftartenordner und kopieren Sie alle Schriftdateien in Ihren eigenen Ordner font. (Dies ist erforderlich, da das Standard-CSS unter ../fonts/font-name Nach den Schriftarten sucht.)

Headermenu

Haben Sie die Einstellungen Ihres neuen Themas in der Benutzeroberfläche überprüft? Es hat ein paar Einstellungen in der Menüleiste, vielleicht verwenden Sie nur die falsche. Im Allgemeinen funktioniert bootstrap gut mit dem Admin-Menü, zumindest auf allen Websites, auf denen ich es habe. Es ist möglich, dass einige Ihrer benutzerdefinierten CSS die Standardeinstellung des Themas bootstrap stören. In diesem Fall müssten Sie einige Debugging-Vorgänge für Ihr benutzerdefiniertes CSS durchführen. Soweit ich weiß, könnte es für das Frontend ausreichen, dem Hauptcontainer einen oberen Rand von 60-70px zu geben.

6
Zuzuesque

Ich konnte die Verwendung des CDN in Drupal Bootstrap 7.x-3.25 in einem Unterthema, das wir subtheme_name Aufrufen können) deaktivieren.

Zuerst lud ich die Site mit aktiviertem CDN und ging dann in die Browser-Entwicklertools, schaute auf die Registerkarte Netzwerk, lud die Seite neu und kopierte dann die URLs für bootstrap.css, drupal-bootstrap.css Und bootstrap.js. Ich habe diese Dateien dann vom CDN heruntergeladen und in die von mir erstellten Verzeichnisse subtheme_name/bootstrap/css/ Und subtheme_name/bootstrap/js/ Abgelegt.

Ich habe diese Zeilen zum Abschnitt Stylesheets von subtheme_name.info Hinzugefügt:

stylesheets[all][] = bootstrap/css/bootstrap.css
stylesheets[all][] = bootstrap/css/drupal-bootstrap.css

Ich habe diese Zeile zum Abschnitt Scripts der Datei .info Hinzugefügt:

scripts[] = 'bootstrap/js/bootstrap.js'

Ich habe settings[bootstrap_cdn_provider] = '' In dieser Datei auskommentiert und dann drush cc all Ausgeführt, um den Cache zu leeren. Netzwerk-Tools sagen jetzt, dass die Dateien von der Site stammen, nicht vom CDN.

0
sudoman