Tutorial "Nutzung von Komponentenlayouts" Schritt 2 - Teil 1 von 3
Hauptlayout "Ordnerlayout" bearbeiten
Bearbeiten Sie als nächstes den Quellcode des Hauptlayouts "Ordnerlayout".
fügen Sie ganz oben eine Leerzeile ein und klicken mit der rechten Maustaste auf diese
wählen Sie im aufklappenden Menü den Punkt "Quellcode-Bausteine"
Sie sehen nun ein weitere Untermenü wo "Komponenten" steht. Das entspricht dem in Schritt 1 angelegten Hauptlayout. Gehen Sie auch in dieses Menü und klicken dort "head" an
daraufhin wird ein Platzhalter für dieses Unterlayout "head" an der Stelle eingefügt
markieren Sie daraufhin den HTML-Code von Zeile 2 (<!DOCTYPE...) bis inklusive 33 (<div id="main">)
wählen Sie im Menü "Bearbeiten" den Punkt "Ausschneiden" woraufhin sich der markierte Text in der Zwischenablage befindet und nicht mehr im Quellcode-Editor zu sehen ist
klicken Sie mit der rechten Maustaste auf den vorhin eingefügten Platzhalter für das Unterlayout "head"
klicken Sie in dem erscheinenden Menü auf den Punkt "-> Komponenten - head" am unteren Ende des Menüs
daraufhin öffnet sich der Quellcode-Editor dieses Unterlayouts
fügen Sie den eben ausgeschnittenen Quellcode über das Menü "Bearbeiten" > "Einfügen" hier ein
beenden Sie den Quellcode-Editor und bestätigen Sie die Frage nach Speicherung mit "Ja"Der Quellcode-Editor des Hauptlayouts "Ordnerlayout" kommt daraufhin wieder in den Vordergrund. In diesem gehen Sie noch folgende Schritte:
markieren Sie den gesamten Inhalt des unteren Bereiches des Quellcode-Editors über dem "Listeneintrag einer Ordner- oder Elementeliste" steht und schneiden diesen wie oben beschrieben aus
wechseln Sie wieder auf die oben beschriebene Art und Weise in das Unterlayout "head" und fügen den eben ausgeschnittenen Code in den dortigen unteren Bereich des Quellcode-Editors ein
beenden Sie den Quellcode-Editor und bestätigen Sie die Frage nach Speicherung mit "Ja"
fügen Sie am unteren Ende des Layouts den Platzhalter für das Unterlayout "bottom" ein
markieren Sie den gesamten Quellcode ab der Zeile in der folgender Code steht:
schneiden Sie diesen markierten Code ebenfalls aus
wechseln Sie über den eben eingefügten Platzhalter in das Unterlayout "bottom" und fügen den ausgeschnittenen HTML-Code dort ein
beenden Sie nun den Quellcode-Editor des Unterlayouts
beenden Sie auch den Quellcode-Editor des Hauptlayouts "Ordnerlayout"