Ein Drupal Template bearbeiten

January 18

Ein Drupal Template bearbeiten

Drupal bietet eine reiche Administrationsbereich, der Ihnen volle Kontrolle über Ihre Drupal-Website erlaubt. Die Funktionen von den Administrations-Bereich sind für Einsteiger und Entwickler, dass jeder die Möglichkeit, Aspekte der der Website aussehen, Inhalt und Features verwalten gebaut. Die Seite Darstellung konzentriert sich auf Drupals Layout, Farben und Design. Die Tiefe dieser Optionen bestimmt das Design oder die Vorlage verwendet wird. Standardmäßig beinhaltet Drupal keinen Weg, um Vorlagen zu bearbeiten. Um sie zu bearbeiten, müsste Sie traditionell laden Sie das Thema und jede Vorlagendatei in einem HTML-Editor geöffnet. Drupal Theme-Editor-Modul, ein einfaches Add-on, kann über den Administrationsbereich dazu installiert werden.

Anweisungen

1 Melden Sie Ihre Drupal-Website auf den Administrationsbereich zugreifen. Klicken Sie in der oberen Navigationsleiste auf "Module", und notieren Sie die Version, die neben Ihrer installierten Module aufgeführt.

2 Download "Theme-Editor", "CTools" und "Ansichten" Module von der Drupal-Website. Blättern Sie nach unten zum Abschnitt "Downloads" jeder entsprechende Seite mit der rechten Maustaste auf den Link ".zip" die Rubrik "Downloads", die auf Ihre Drupal-Version beziehen und wählen Sie "Link speichern unter". Speichern Sie jede Datei in eine leicht zu findende Lage, z. B. dem Windows-Desktop. Stellen Sie sicher, dass Sie speichern Sie die ZIP-Datei und entpacke es nicht.

3 Zurück zu Ihrer Drupal Administrationsbereich. Klicken Sie auf die Module "Neues Modul installieren". Klicken Sie auf "Durchsuchen" Knopf unter "Upload ein Modul oder ein Theme-Archiv installieren" und navigieren Sie zum Speicherort Ihrer heruntergeladenen ZIP-Datei. Wählen Sie die Datei und klicken Sie auf "Öffnen". Klicken Sie auf "Install." Eine kurze Statusanzeige wird angezeigt, gefolgt von eine Erfolgsmeldung. Klicken Sie auf "die aktivieren neu Module hinzugefügt". Sie werden auf der Seite Module zurück. Wiederholen Sie diesen Vorgang, um die anderen Moduldateien zu installieren.

4 Blättern Sie am unteren Rand der Seite Module, nachdem Sie von der Installation des letzten Moduls zurückgegeben haben. Jedes Kontrollkästchen unter "Chaos Tools Suite," "Ansichten" und "Theme Editor" Abschnitte, um die Funktionen zu aktivieren. Sie möglicherweise nicht in der Lage zu überprüfen "Chaos Tools (CTools) Plugin Beispiel," das ist gut, da diese Option nicht benötigt wird. Klicken Sie auf "Konfiguration speichern" wenn fertig.

5 Klicken Sie in der oberen Navigationsleiste auf "Erscheinungsbild". Neben jedem Thema finden Sie einen neuen Link "Editor". Klicken Sie auf diesen Link, um das Thema Editor eingeben. Standardmäßig ist die erste Datei, die Sie angezeigt werden das Thema "Info"-Datei. Bildlauf, bis Sie die Liste der Theme-Vorlage-Dateien sehen.

6 Klicken Sie auf den Dateinamen-Link für "page.tpl.php." Diese Vorlage steuert die Struktur der Drupal Seiten innerhalb Ihres Themas und wo würden Sie hinzufügen, bearbeiten oder entfernen Sie Elemente wie DIV-Container oder Drupal Dienstprogramm Variablen ist. Sie können auch CSS-Klassen für jedes DIV ändern, wenn Sie beabsichtigen, benutzerdefinierte Formatvorlagen zu schreiben. Wenn die Bearbeitung abgeschlossen, klicken Sie auf "& aktivieren"Änderungen speichern"zu sehen, Ihre aktualisierte Vorlage sofort, wenn das Thema derzeit aktiviert ist.

7 Wiederholen Sie diesen Vorgang, um die Dateien "style.css" und "layout.css" zu bearbeiten. Diese Stylesheets definieren die Positionierung, Stil, Bildern und Farben des primären Thema Layouts. Sie können auch andere Stylesheets im Lieferumfang Ihres Themas, als auch die "node.tpl.php" bearbeiten. Die "node.tpl.php" steuert das Layout des Inhalts oder posts.

Tipps & Warnungen

  • Verwenden der Seite Darstellung in Ihrer Drupal Administrationsbereich, wenn Sie nur Ihr Thema Farben, Logo oder aktivierten Blöcke bearbeiten müssen zeitgleich mit eine benutzerfreundlichere Oberfläche. Verwenden Sie das Add-on "Firebug" für Firefox, um zu verstehen, was jede CSS-Klasse steuert. Dieses Add-on können Sie mit der rechten Maustaste eines Teil Ihrer Drupal Website und wählen die Option "Element untersuchen", in der Sie den entsprechenden HTML-Code angezeigt werden, und die CSS-Datei die Stilinformationen befindet sich im. Sie können auch den Opera-Browser verwenden, der dieses Feature erbaut hat.