webagentur-meerbusch

Wie wird ein Joomla Templates erstellt? Wo fange ich an? Wie bekomme ich es Ohne Tabellen hin? Wo sind die Module? Fragen über Fragen, wieder mal das Internet durchsuchen und vielleich nichts finden.

Teilbeschreibungen gibt es mittlerweile genug, und das auf Hunderten Seiten.

In diesem Tutorial werde ich versuchen, euch das komplette HOW TO DO zu beschreiben. Die größten Änderungen zum 1.0.x zu zeigen und wie Ihr diese einfügt. Wie Ihr euch denken könnt wird das Ganze etwas Länger, darum werde ich das Gesamte Tutorial und mehrere Teile unterteilen. Ich beschreibe das Ganze so, wie ich es machen würde, b.z.w. in welchen Schritten ich vorgehen würde.

Wobei ich Hier zugeben muss “Jeder macht es anders”. Ich komme so am besten zurecht. Solltet Ihr die einzelnen Schritte anders durchführen, Lest das Tutorial in der Reihenfolge die Ihr bevorzugt.

Die Schritte werden wie folgt sein:

1. Teil 1. Die Installation von Joomla
2. Teil 2. Der Grund Gedanke
3. Teil 3. Die Aufteilung
4. Teil 4. Die Grafische Umsetzung
5. Teil 5. Das umsetzten in einen Code
6. Teil 6. Übernahme in der CSS
7. Teil 7. Positionieren der Module im Code

Wie schon gesagt Ihr müsst diese Reihenfolge nicht einhalten, so mache ich es, wenn Ihr die Reihenfolge anders macht, haltet euch an eurer.

Was brauche Ich für Diese Tutorial:

Als erstes mal etwas Zeit und Geduld (wenn Ihr noch nie ein Template gemacht habt), schön währe es wenn Ihr dann noch die passenden Programme zur Hand habt. Für die Installation bracht Ihr kein Programm aber einen Serverplatz. Für den Grundgedanken und die Aufteilung ein Blattpapier und einen Bleistift. Für Grafische Umsetzung natürlich ein Programm mit dem Ihr Webseiten Layouts erstellen könnt, ich nutzt dafür Photoshop CS 3, solltet Ihr das nicht haben geht auch Fireworks oder Gimp.

Um den Code zu schreiben benötigt Ihr ein Programm wie z.b. Dreamweaver (ist in manchen Kreisen zwar verhöhnt, Funktioniert aber Wunderbar). Ihr könnt aber auch das WordPad, GoLive, WebBuilder oder TopStyle nutzen, was Ihr eben da habt oder womit Ihr es sonst macht.

Den Browser setzte ich einfach mal voraus.

Wie Ihr nun schon im Vorwort erkennen könnt wird das ganze etwas ausführlicher. Bitte habt Geduld den das schreiben des Tutorials macht sich auch nicht von alleine. Abonniert einfach meinen RSS dann seit Ihr steht’s auf dem Laufenden wenn der Nächste Teil online ist.

So !, nun ist genug der Worte los geht´s :

..1.5.x ist Prinzipiell eines der Leichtesten Übungen des Gesamten Templates bau.

Die benötigten Dateien bekommt Ihr (wo auch sonst) bei Joomla. Achtet aber darauf das Ihr immer die Aktuellste Version vom Server Ladet zur Zeit ist dies die Version 1.5.9 aber ACHTUNG: Diese Version ist auf Englisch. Eine Deutsche Version bekommt Ihr Hier bei joomlaos.de

Welches der beiden Versionen schlussendlich nehmt bleibt euch überlassen, das Temlplate Prinzip ist gleich und funktioniert sowohl in der Englischen Version als auch in der Deutschen Version.

Wenn Ihr das Paket heruntergeladen habt, müsst Ihr dies auf eurem Server installieren. Hört sich schwieriger an als es ist. Dafür End packe ich das .zip File auf meinem Rechner in einen Ordner. Diesen öffne ich dann und sehe einige Ordner und Dateien. Diese Dateien und Ordner sind wie folgt benannt.

Die Ordner :

administrator, cache, compunents, images, includes, installation, language, libraries, logs, media, modules, plugims, templates,tmp ,xmlrpc

Die Dateien:

CHANGELOG.php, configuration.php-dist, COPYRIGHT.php, CREDITS.php, htaccess.txt, index.php, index2.php, INSTALL.php, LICENSE.php, LICENSES.php, robots.txt

Alle Dateien vorhanden? Wenn Ja, dann könnt Ihr alle Daten in eurem Ordner auf euren Web-Space laden. Ich nutze für solche Geschichten Gerne den FileZilla da dieses Programm gut und einfach zu bedienen und dazu noch Kostenlos ist. Der Upload der Dateien sollte eigentlich schnell gehen.

Nachdem Ihr den Server nun mit Material gefüttert habt. Kann es losgehen mit der Installation.

Schritt 1: Anlegen der Datenbank. Das ist von Server zu Server verschieden, solltet Ihr es nicht können oder Angst haben das selbst einzurichten, wendet euch an euren Provider des Vertrauens. Für Ihn sollte es kein Problem sein ein DB einzurichten.

Wenn Ihr nun die alle Zugangsdaten 3 an der Zahl (Datenbankname, Datenbank User, Datenbank Passwort) habt kann es endlich losgehen.

Wenn Ihr nun die URL ansteuert auf dem eurer Joomla Installiert werden soll dürftet Ihr gleich im Installations Verzeichniss landen. Sollte dies nicht der fall sein gebt diesen Pfad Manuell an [ http://eureURL.de/installation/index.php ]

Ihr solltet nun diese Seite in eurem Browser sehen

Hier müsst Ihr eigentlich nur auf “Weiter” Klicken. Es sei den Ihr möchtet die Installation in einer anderen Sprache, außer auf Deutsch. Solltet Ihr eine andere Sprache wollen, müsst Ihr diese im Feld Sprachauswahl einstellen und dann auf weiter klicken.

Wenn Ihr eure Auswahl getroffen habt und weiter angeklickt habt, seit Ihr in der Installations Prüfung. Diese dient zur Kontrolle ob Joomla auf eurem Server lauffähig ist.

Euch wird auffallen (in manchen Fällen) das die “Configuration.php” Datei nicht beschreibbar ist. Das sollte behoben werden. Öffnet dafür euer FTP Programm und ändert die Datei Attribute auf 777 (Nach der Installation wieder ändern auf 444). Im Bild könnt Ihr einmal vorher und nachher sehen. Um nach einer Änderung der Datei Attribute zu sehen ob die Einstellung Korrekt ist, könnt Ihr im oberen Bereich den Button “Prüfung weiderholen” nutzen.

Sollten noch weitere Meldungen auf “nein” stehen, stehlt die Anforderungen auf eurem Server so ein das diese auf: ja b.z.w. auf Grün stehen. Wenn Ihr keinen zugriff auf die entsprechenden Einstellungen habt, müsst Ihr eurem Provider die Problematik erklären und er soll dies einstellen.

Sollte alles Korrekt eingestellt sein klickt auf “weiter” um die unter Punkt Drei aufgeführte “Lizenz” zu lesen. Wenn Ihr euch diese durchgelesen habt könnt Ihr auf weiter Klicken, wo es dann endlich Interessant wird.

Im Schritt 4 befindet Ihr euch in der Konfiguration der Datenbank. (Die Zugangsdaten habt Ihr euch bereits geholt) Im Oberen Feld ist die entsprechende Datenbank (MySQL) ausgewählt und bedarf meistens keiner Änderung. Im Feld Servername wird zu 99% “localhost” eingegeben.

Unter Benutzername (DB-USER) wird der Benutzer der Datenbank eingegeben. Passwort erklärt sich von selbst, natürlich das Passwort der Datenbank. Als Letztes wird der Name (DB-NAME) der Datenbank verlangt. Sollte schon eine Installation auf eurer Datenbank vorhanden sein, könnt Ihr diese mit den Erweiterten Einstellungen, entweder Löschen oder Sichern. Wenn Ihr den Tabellenpräfix ändern möchtet könnt Ihr das auch in den erweiterten Einstellungen abändern. Klickt wenn Ihr eure eingaben gemacht habt auf “weiter” um in die FTP Einstellungen zu gelangen.

Hier könnt Ihr einen FTP-Zugriff auf eure Seite einrichten. Dafür benötigt Ihr eure FTP Zugangsdaten. Ich richte normalerwiese nicht ein, da ich über mein FTP-Programm auf die Seite zugreife.

Als nächstes befinden wir uns schon fast im Abschluss der Installation. Im Schritt 6 werden wir die Joomla Seite “Konfigurieren”. Das heißt wir geben nun einen Seiten Titel an z.b. Meine erste Joomla Seite oder Meine Seite.

Um die Seite auch anständig nutzen zu können, müsst Ihr natürlich auch eure E-Mail Adresse und ein Passwort angeben. Die Mail Adresse dient zum versenden der System Mails. Sie wird als Haupt Mailadresse im gesamten Joomla System eingerichtet.

Das Passwort das angegeben wird ist euer Administrations Passwort. Wählt diese also mit bedacht aus. Wer noch nie mit dem Joomla System gearbeitet hat sollte die Beispieldaten laden. Das könnte beim ersten Administrieren der Seite von Vorteil sein. Da Ihr sonst nicht wiest wo was, oder wie es dort hinkommt. Der Punkt Lade Migrationsscript dient der Migration von älteren Joomla Seiten die auf der Version 1.0.xx Laufen. Den benötigt Ihr nicht wenn Ihr das erste mal mit Joomla arbeitet. Klickt wenn die Einstellungen gemacht wurden auf weiter.

Im nächsten Schritt sind wir nur noch einen Schritt von der Joomla Seite entfernt. Wir brauchen dafür nochmal unser FTP Programm. Dort müssen wir nun nur noch das Installation Verzeichniss wie in der Rot geschriebenen Meldung Löschen. Also gehen wir in das Root Verzeichniss in dem das Joomla installiert ist und löschen das Verzeichniss mit dem Namen “installation”. Wenn Ihr nicht sicher es einfach zu löschen, gibt es die Alternative es umzubenennen, dies reicht schon um eure Seite sichtbar werden zu lassen. Klickt nun ober auf einen der Beiden Buttons. Auf dem Admin Button landet Ihr gleich im Adminlogin (wo Auch sonst).

Auf den andern Button geklickt und Ta ta. Eine Joomla Seite.

Nun haben wir den Grundstein für ein Template geschaffen und können uns im nächsten Tutorial Gedanken über unsere Bald fertigen Seite machen.

SO Long…. be Continue