Kapitel 4
Kapitel 2, 3, 4, 5 und 6 sind online
Verfasst von Hagen Graf am 18. December 2007 - 8:41pffft .... mehr Arbeit als ich dachte (siehe Blog).
Seit gestern morgen um 8:00 habe ich daran gesessen. Falls Ihr Fehler findet, bitte das Kontaktformular benutzen.
Viel Spaß beim Lesen
Joomla 1.5 - Kapitel 2-6 sind jetzt auch online
- Neuen Kommentar schreiben
- 2153 Aufrufe
4.2 Ändern des Templates für Ihre Website
Verfasst von Hagen Graf am 17. December 2007 - 15:40Nachdem jetzt alles schon etwas vertrauter ist, wollen Sie Ihre Website natürlich in einem völlig anderen Design haben3.
Momentan gibt es im Standardumfang von Joomla! 1.5 drei Site-Templates: das voreingestellte mit dem Namen rhuk_milkyway, das mit der Version 1.5.4 eingeführte Template JA_Purity mit einer Vielzahl von Einstellmöglichkeiten und ein barrierefreies mit dem Namen Beez4. Um Barrierefreiheit zu gewährleisten, musste tatsächlich ein Großteil des Quellcodes von Joomla! 1.0 geändert werden. Angie Radtke5 und Robert Deutz6 haben dieses Template erstellt und damit eine monatelange Diskussion über den Sinn und Unsinn von Barierrefreiheit hervorgerufen. Letztlich ist das Template jetzt in den Standardumfang von Joomla! aufgenommen worden und wird m.E. entscheidend zur weiteren Verbreitung von Joomla! im deutschsprachigen Raum beitragen.
Sie könnten jetzt einfach auf das Beez-Template umschalten. Um eine weitere Wahl zu haben und um zu sehen, wie einfach es geht, installieren Sie sich doch einfach noch ein neues Template.
Hinweis
Auf der beiliegenden CD finden Sie neben zwei Bonus-Templates für unterschiedliche Einsatzzwecke (siehe Kapitel 17) auch das in Kapitel 16 eingesetzte Template der Firma Bertrand.
Gehen Sie über das Menü Erweiterungen - Installieren/Deinstallieren in den Joomla!-Installer. Klicken Sie auf den Button Durchsuchen und laden sich die Datei tmpl_bertrand.zip von der CD. Klicken Sie den Button Datei hochladen & installieren. Das neue Template wird installiert, und der Installer meldet den Erfolg (Abbildung 4.6).

Abbildung 4.6: Installation eines neuen Templates
Gehen Sie über Erweiterungen - Templates in den Template-Bereich (Abbildung 4.6). Das momentan aktive Template wird durch einen gelben Stern gekennzeichnet. Wenn Sie mit der Maus über den Link mit dem Namen des Templates fahren, erscheint ein kleines Vorschaubild. In der Abbildung sehen Sie die Vorschau des Bertrand-Templates (Abbildung 4.7).

Abbildung 4.7: Template-Manager
Um das Template Ihrer Website zuzuordnen, wählen Sie den Radio-Button vor dem Namen des gewünschten Templates aus und klicken Sie in der Menüleiste auf das Icon Standard. Der gelbe Stern steht jetzt hinter dem ausgewählten Template. Wechseln Sie auf Ihre Website und klicken Sie im Browser auf den Button Aktualisieren. Schon haben Sie ein anderes Layout und ein völlig neues Aussehen. In der Abbildung 4.8 sehen Sie das Beez-Template. Abbildung 4.9 zeigt das JA_Purity-Template. Die Erstellung eigener Templates finden Sie in Kapitel 13 erläutert, und die Website von Herrn Bertrand wird in Kapitel 16 erstellt.

Abbildung 4.8: Das barrierefreie Beez-Template
Abbildung 4.9: Das konfigurierbare JA_Purity-Template
Farbwechsel im Template
Doch auch das Standard-Template rhuk_milkyway hält noch ein paar Überraschungen bereit. Sie können über die Parametereinstellungen ein anderes Farbschema wählen.
Wählen Sie das Template zunächst wieder als Standard aus und gehen dann in die Bearbeitungsmaske, indem Sie den Radio-Button vor dem Template aktivieren und das Icon Bearbeiten anklicken. Sie gelangen in die Konfiguration des Templates. Über verschiedene Parameter können Sie die Farben, die Breite des Templates und sogar eine spezielle Menüpunktzuweisung vornehmen (Abbildung 4.10).

Abbildung 4.10: Parametereinstellungen im rhuk_milkyway-Template
Das Template JA_Purity geht hier noch weiter und bietet Ihnen sehr viele Einstellmöglichkeiten (Abbildung 4.11)
Abbildung 4.11: Parametereinstellungen im JA_Purity-Template
Spielen Sie ein wenig mit den Möglichkeiten und schauen Sie immer auf der Website nach, wie sich die Änderungen auswirken.
Hinweis
Es bietet sich bei Joomla! an, mit Tabs im Browserfenster zu arbeiten. Der Internet Explorer unterstützt seit der Version 7 auch Registernavigation (tabbed browsing)7. Sie können mit dieser Technik die Website und den Administrationsbereich in einem Browserfenster geöffnet haben und durch einen Klick auf den Tab (Reiter) zwischen den Ansichten umschalten. Andere Browser wie Firefox8, Opera9, Safari10 und Konqueror11 besitzen dieses Feature seit Jahren, sind aber immer noch nicht so verbreitet wie der Internet Explorer.
- 27492 Aufrufe
French
4.1 Eine andere Sprache für die Website und den Administrationsbereich
Verfasst von Hagen Graf am 17. December 2007 - 14:31Falls Sie mit Ihrer Website eine deutsche Zielgruppe erreichen wollen, immerhin etwa 100 Millionen Menschen mit nicht zu verachtender Kaufkraft, sollten Sie selbstverständlich auf Ihrer Website die Sprache der Zielgruppe sprechen.
Wollen Sie ein internationales Publikum ansprechen, sollten Sie natürlich als Standard die englische Sprache beibehalten. Aber auch innerhalb Deutschlands gibt es noch genug Auswahlmöglichkeiten bei der Sprache: neue oder alte Rechtschreibung? Du oder Sie? Slangausdrücke, Denglisch oder seriös? Was ist seriös?
Unabhängig davon, wofür Sie sich entscheiden, Sie brauchen eine angepasste Sprachdatei. Das deutsche Übersetzungsteam finden Sie auf joomlacode.org1, eine Website für Entwickler, die ebenfalls vom Joomla!-Projekt betrieben wird.
Installation einer anderen Sprachdatei
Laden Sie die Sprachdateien von der CD oder von der Projektseite des deutschen Übersetzungsteams auf Ihrem PC. Es halt sich dabei um eine Sprachdatei für das Frontend und für den Administrationsbereich (de-DE.joomla1571-admin-site.zip). (Die Datei hängt als Anhang unten an dieser Webseite). Diese Sprachdatei stammt vom deutschen Übersetzungsteam.
Um die Dateien zu installieren, loggen Sie sich, wie im zweiten Kapitel beschrieben, in Ihre Joomla!-Administration ein und klicken Sie auf Extensions - Install/Uninstall (Abbildung 4.1).

Abbildung 4.1: Sprachdatei installieren
Sie haben jetzt drei Möglichkeiten, die deutschen Sprachpakete einzuspielen:
Über einen Dateiupload vom heimischen PC.
Über ein Verzeichnis im Dokumentenbereich Ihres Webservers.
Über eine URL, die auf das entsprechende Sprachpaket zeigt.
Wir wählen hier den ersten Weg. Klicken Sie neben dem Feld Upload Package File auf Durchsuchen und wählen Sie die Datei de-DE.joomla1571-admin-site.zip aus. Klicken Sie auf Upload File & Install. Sollten alle Berechtigungen korrekt gesetzt sein, erhalten Sie die Meldung:
Install Language Success

Abbildung 4.2: Sprachauswahl (Language Manager)
Gehen Sie jetzt durch einen Klick auf Extension - Language Manager in die Sprachenverwaltung. Hier sehen Sie, aufgeteilt in die Reiter Site und Administrator, die zur Verfügung stehenden Sprachen. Außer English (United Kingdom) gibt es jetzt auch German formal – Sie und Informationen über den Ersteller der Sprachdatei.
Aber der grüne Haken für die Standardsprache steht noch neben English. Wählen Sie die deutsche Variante per Radiobutton aus und klicken Sie auf das Icon Default rechts oben (Abbildung 4.2). An dieser Stelle befinden sich im Administrationsinterface immer die Icons, die Aktionen und Dialoge abschließen.
Vergessen Sie nicht, auch das Administrationsinterface auf Deutsch umzustellen. Ihr Joomla! spricht im Backend und im Frontend deutsch mit Ihnen. Auf diese Backend- Funktionalität warten viele Benutzer seit Jahren! Mit Joomla! 1.5 geht dieser Wunsch endlich in Erfüllung.
Übersetzen eines Menüeintrags
Auch Ihre Website spricht jetzt Deutsch. Schauen Sie unter http://localhost/joomla150/ nach und suchen Sie einen Begriff über das Suchfeld.
Es ist eine atemberaubende Mischung aus Deutsch und Englisch auf der Seite zu sehen. Alle Texte, die automatisch per Programm eingeblendet werden, wie beispielsweise das Suchen oder die Anmeldeprozedur, sind auf Deutsch zu sehen, der Rest des Inhalts aber nicht.
Warum?
Die Antwort ist ganz einfach. Nur die Wörter und Sätze, die bekannt sind, können übersetzt werden. Ein großer Teil der Seite besteht jedoch aus von Benutzern eingegebenem Inhalt. Dieser Inhalt erscheint in der Sprache, in der er eingegeben worden ist. In unserem Fall sind die Beispieldaten in Englisch erstellt worden.
Was müssen Sie jetzt tun, um beispielsweise den Menüeintrag Home in Startseite zu ändern oder das Main Menu in Hauptmenü umzutaufen?
Im Falle Home klicken Sie auf Menüs / main menu. Sie befinden sich jetzt im Bereich Menüs. Klicken Sie auf den Link Home (Abbildung 4.3) und editieren Sie ihn in dem daraufhin erscheinenden Formular (Abbildung 4.4).

Abbildung 4.4: Menüeintrag bearbeiten
Exkurs
In der Version Joomla! 1.0.x gab es eine Möglichkeit, die Inhalte der Sprachpakete mithilfe des Spracheditors online zu verändern. Dieser Spracheditor entfällt im Standardumfang von Joomla! 1.5. Er wird allerdings als installierbares Add-on angeboten (Translations Manager2).
Achten Sie noch nicht auf die zahlreichen Konfigurationsmöglichkeiten, sondern ersetzen Sie einfach das Wort Home durch Startseite und klicken Sie auf Anwenden. In Ihrem Main Menu auf der Website steht jetzt Startseite!
Exkurs
Joomla! unterscheidet zwischen den Aktionen Anwenden, Speichern und Schließen:
Anwenden speichert die Änderungen und bleibt im Bearbeitungsmodus.
Speichern speichert die Änderungen ebenfalls, verlässt aber den Bearbeitungsmodus und kehrt zurück in die Listdarstellung.
Schließen speichert nichts und verlässt den Bearbeitungsmodus, entspricht also Abbrechen oder Cancel.
Ändern der Menübezeichnung
Um aus dem Main Menu ein Hauptmenü zu machen, öffnen Sie den Modul-Manager über Erweiterungen - Module (Abbildung 4.5). Durch einen Klick auf den Link Main Menu erhalten Sie ein Formular, wie eben bei dem Menüeintrag.
Ändern Sie einfach den Text, klicken Sie auf Anwenden und/oder Speichern, und schon ist aus dem Main Menu ein Hauptmenü geworden.
- 30637 Aufrufe
French
4 Joomla! anpassen - Sprache und Template
Verfasst von Hagen Graf am 17. December 2007 - 13:31In der Joomla!-Administration, die im letzten Kapitel angesprochen wurde, können Sie Ihre Website anpassen, umbauen und mit Inhalten versehen.
Die typischen zwei Dinge, die nicht-englischsprachige Website-Besitzer meist als Erstes tun wollen, ist die Sprache auf die Muttersprache einstellen und die Farben und die Strukturen verändern.
Also werden wir uns diesen beiden Dingen zuerst widmen.
- 32398 Aufrufe
French




Neueste Kommentare
vor 2 Tage 11 Stunden
vor 2 Wochen 5 Tage
vor 3 Wochen 3 Tage
vor 3 Wochen 19 Stunden
vor 7 Wochen 5 Tage
vor 7 Wochen 5 Tage
vor 7 Wochen 5 Tage
vor 7 Wochen 6 Tage
vor 7 Wochen 6 Tage
vor 8 Wochen 1 Stunde