Joomla! und Mambo. Open Source-CMS einsetzen und erweitern. von Tobias Hauser, Christian Wenz. 2., aktualisierte Auflage. Hanser München 2006

Transkript

1 Joomla! und Mambo Open Source-CMS einsetzen und erweitern von Tobias Hauser, Christian Wenz 2., aktualisierte Auflage Hanser München 2006 Verlag C.H. Beck im Internet: ISBN Zu Inhaltsverzeichnis schnell und portofrei erhältlich bei beck-shop.de DIE FACHBUCHHANDLUNG

2 Joomla! und Mambo Tobias Hauser, Christian Wenz Open Source-CMS einsetzen und erweitern ISBN Leseprobe Weitere Informationen oder Bestellungen unter sowie im Buchhandel

3 176 6 Eigene Layouts 6 Eigene Layouts Einer der ersten Wünsche für die eigene Website ist sicherlich eine eigene und individuelle Optik. Erscheint die Navigation links- oder rechtsbündig, welche Farben werden eingesetzt und wo sind Bilder wie Logo etc.? Diese Fragen betreffen alle das Layout der Website. In einem CMS-System ist das Layout vom Inhalt getrennt, um das flexible Einfügen von Inhalt zu ermöglichen. Der Unterschied zu statischen Seiten wird schnell klar: Stellen Sie sich eine Website mit zehn statischen Seiten vor; ändert sich die Position der Navigation, müssen Sie auf zehn Seiten diese Position anpassen. Bei einem CMS dagegen ist das Layout zentral definiert und die Inhalte werden aus der Datenbank in das Layout geladen. In Joomla!/Mambo ist dafür das Template zuständig, es definiert das HTML-Layout. An den Stellen, an denen Joomla!/Mambo-Funktionalität hinzukommen soll, stehen Platzhalter. Da Joomla! bzw. Mambo ein auf PHP basierendes System ist, bestehen diese Platzhalter aus PHP-Code. Zusammengesetzt werden Template und Inhalte aus der Datenbank in einer einzigen PHP-Datei, der index.php im Hauptverzeichnis. Allerdings verwendet diese eine Menge an Hilfsdateien und Skripten. Jedes Joomla!/Mambo-Template besitzt eine CSS-Datei. 1 Sie enthält die Formate für grundlegende HTML-Elemente und die von Ihnen im Template definierten CSS-Klassen und IDs. Zusätzlich können Sie hier die Klassen formatieren, die von Joomla! und Mambo für die eigenen Module, Menüs und Elemente verwendet werden. Kenntnisse Was benötigen Sie an Wissen, wenn Sie eigene Templates anlegen wollen? Prinzipiell sind HTML- und CSS-Kenntnisse sowie die Bedienung eines Webeditors wie Macromedia Dreamweaver oder Adobe GoLive notwendig. Beides kann und will dieses Buch nicht vermitteln aber natürlich gibt es am Markt viele gute Informationsquellen und Bücher (auch von diesem Verlag und den Autoren...). PHP-Kenntnisse sind für die eigene Gestaltung nicht unbedingt wichtig, da Sie einfach nur die richtigen Platzhalter verwenden müssen. Welche das sind, erfahren Sie im Folgenden. Neben dem Template und der zugehörigen CSS-Datei spielen natürlich die Module und die Inhaltsausgabe eine Rolle beim Aussehen einer Joomla!/Mambo-Site. In Kapitel 3 haben Sie die grundlegenden Einstellungen für den Inhaltsbereich und die verschiedenen Darstellungsformen (Tabellen, Blogs, Inhaltselemente) kennen gelernt. Falls Sie viel Individualität möchten, müssen Sie unter Umständen die Komponente für den Inhalt (components/com_content) oder die Module für Menüs und Ähnliches (Verzeichnis modules) noch umprogrammieren. Wie das geht, verrät Kapitel 13. Dafür benötigen Sie jedoch gute PHP-Kenntnisse und recht viel Zeit. Für den Anfang kommen Sie jetzt schon mit Templates und Modulen sehr weit. 1 CSS steht für Cascading Style Sheets und ist ein vom W3C verabschiedeter Standard für die Formatierung von Websites. Auch hinter CSS steht die Idee, Formatierungen vom Inhalt zu trennen.

4 6.1 Template Manager Template Manager Der Ort, an dem Templates verwaltet werden, ist der Template Manager, den Sie unter Site/Template Manager finden. Hier gibt es einen Manager für die Site Templates, die die Optik des Frontends bestimmen und damit eindeutig die wichtigeren Templates sind. Immer wenn wir an dieser Stelle nur von Templates sprechen, ist von den Site Templates die Rede. Die Administrator-Templates sind für die Administrationsoberfläche (siehe Abschnitt 6.3) gedacht und kommen in diesem Buch lediglich in dem genannten Abschnitt vor, damit die Administrationsoberfläche von Joomla! Bzw. Mambo im Buch genauso aussieht wie auf Ihrem System. Beide Arten von Templates können Sie nicht nur verwalten, sondern auch installieren. Und zu guter Letzt bestimmen Sie die Positionen; sie sind die Platzhalter innerhalb der Templates. Mehr dazu im Abschnitt Abbildung 6.1 Der Template Manager Template wechseln Um im Template Manager (Site/Template Manager/Site Templates) das Template zu wechseln, markieren Sie es mit dem Radiobutton und wählen dann die Schaltfläche Default. Dies ist dann das Standard-Template, das auf allen Seiten eingeblendet wird, die nicht ein eigenes Template besitzen.

5 178 6 Eigene Layouts Abbildung 6.2 Das Default-Template wird angezeigt. Sie weisen Seiten bzw. Menüeinträgen mit dem Symbol Assign eigene Templates zu. Dazu muss ebenfalls per Radiobutton ein Template ausgewählt sein. Sobald Sie ein Template einem Menüeintrag zugewiesen haben, bleibt diese Zuweisung erhalten, selbst wenn Sie das Standard-Template ändern. Layoutvarianten Dieser Template-Wechsel für bestimmte Menüeinträge wird in der Praxis hauptsächlich bei gravierenden Layoutänderungen verwendet, bei denen ein Wechsel der Module oder ihrer Positionen nicht mehr ausreicht. Sie sollten vor dem Template-Wechsel überlegen, ob Sie nicht z.b. auch den Wechsel des Hintergrundbildes oder Ähnliches über ein Modul steuern, statt das Template selbst zu wechseln Templates installieren Um Templates zu installieren, verwenden Sie den Installer. Der Zugriff klappt über Installer/Site Templates, Site/Site Templates/Install oder über die New-Schaltfläche im Template Manager. Hochgeladen wird ein Paket mit allen relevanten Dateien. Wie Sie ein eigenes Template erstellen, erfahren Sie in Abschnitt 6.2, zum Testen verwenden Sie einfach ein bestehendes von oder

6 6.1 Template Manager 179 Installieren lässt sich ein Template aus einem ZIP-Archiv, das hochgeladen wird (Upload Package File). Sollte dies eventuell wegen der Serverrechte nicht gehen, installieren Sie das Template aus einem Verzeichnis (Install from directory). Sie geben dort den Pfad zu einem absoluten Verzeichnis an, in dem sich die entpackten Daten befinden. Sinnvoll ist das z.b. bei einem Webhoster, bei dem der Upload nicht klappt. Es geht allerdings unkomplizierter: Sie entpacken das Template und laden das Verzeichnis per FTP in das Verzeichnis templates. Hier ist jedes Template ein eigenes Unterverzeichnis, beim Neuladen erkennt der Template Manager das Template automatisch. Abbildung 6.3 Templates werden aus dem Paket hochgeladen und installiert. Nachdem Sie ein Template installiert haben, erscheint die Erfolgsmeldung oder eine Fehlermeldung. Fehler liegen meist daran, dass das Template-Paket nicht vollständig ist oder dass die Installation an Serverrechten scheitert. Um Templates zu deinistallieren, verwenden Sie einfach das Symbol Delete im Template Manager. Das Verzeichnis mit dem Template wird dabei ebenfalls gelöscht Template bearbeiten Zum Bearbeiten eines Templates verrät der Abschnitt 6.2 alle wichtigen Details. Sie können an dieser Stelle bereits im Template Manager Hand an ein bestehendes Template legen. Bei den Standard-Templates ist das natürlich nicht unbedingt empfehlenswert Sie

7 180 6 Eigene Layouts sollten diese erst kopieren. Dazu kopieren Sie beispielsweise das Verzeichnis rhuk_solarflare_ii mit dem Standard-Template. Änderungen nehmen Sie anschließend über Edit HTML und Edit CSS vor. Bei beiden öffnet sich jeweils eine Seite mit dem Code im Textfeld. Sie haben jetzt die Möglichkeit, die Datei zu speichern, sofern sie Writeable ist. Dies klappt nicht, wenn der safe_mode auf Ihrem Server eingeschaltet ist (siehe Kapitel 1 und Kapitel 15). Diese Vorgehensweise eignet sich natürlich nur für kleinere Änderungen. Größere Operationen sollten Sie in einem guten Texteditor oder in einem Webeditor vornehmen. Sobald Sie keine Änderungen mehr durchführen möchten, können Sie das Skript auch per Kontrollkästchen (Make unwriteable after saving) vor weiteren Schreibversuchen schützen. Abbildung 6.4 Für die schnelle Änderung zwischendurch eignen sich die Templates Positionen Joomla!/Mambo versieht das Template mit Platzhaltern. Einer dieser Platzhalter gilt für den Inhalt, viele andere nehmen so genannte Module auf. Module sind, wie in Kapitel 7 besprochen, PHP-Skripte, die zur Ausgabe wichtiger Funktionalitäten in der Oberfläche von Joomla!/Mambo gedacht sind. Ein Modul ist beispielsweise für das Hauptmenü (main menu) verantwortlich, ein anderes für das Login registrierter Nutzer. Module werden in-

8 6.2 Eigenes Template 181 nerhalb des Templates an so genannte Positionen gesetzt. Eine Position ist unter anderem left, right oder top. Trotz dieser positionsabhängigen Angaben können Sie diese Positionen per Platzhalter im Template völlig frei verteilen. Außerdem gibt es Positionen ohne genaue Angabe. Sie dürfen allerdings auch selbst die verfügbaren Positionen ändern. Dies klappt über Site/Template Manager/Module Positions. Es lassen sich bis zu fünfzig Positionen einfügen. Wenn Sie eine Position ganz ans Ende legen, davor aber noch leere Plätze sind, erhält sie automatisch die letzte offene Position. Sie haben darüber hinaus die Möglichkeit, bestehende Positionen umzubenennen. In der Praxis ist es zwar ein gutes Gefühl, dieses Potenzial zu haben, notwendig ist es so gut wie nie, da die vorgegebenen 27 Positionen ausreichen. Abbildung 6.5 Hier ändern Sie bestehende Positionen und fügen neue hinzu. 6.2 Eigenes Template Für ein eigenes Layout gibt es zwei Ansätze: Sie kopieren ein bestehendes Layout und ändern es oder Sie erstellen ein komplett neues. Letzteres ist natürlich wesentlich aufwändiger, aber auch der einzige Weg zu eigenständigen Ergebnissen. Wir stellen Ihnen in