Joomla Schulung. Open Source CM-System. Projekt-Nr Thomas Haussener, MA. 20. Juni 2007

Transkript

1 Joomla Schulung Projekt-Nr. 398 Open Source CM-System Projektteam: Christian Wüthrich, PL Thomas Haussener, MA 20. Juni 2007 BiCT AG Güterstrasse Ostermundigen Tel Fax info@bict.ch

2 Inhaltsverzeichnis 1) Einführung 1) Was ist Joomla? 2) Ziel dieser Schulung 3) Für Wen ist Joomla sinnvoll. 2) Joomla installieren 3) Wie funktioniert Joomla? 4) Aufbau des Backends 1) Site 2) Menu 3) Content 4) Components 5) Extensions 5) Templates 1) HTML 2) CSS

3 1.1 Was ist Joomla? Joomla ist ein populäres Open-Source CMS, neben TYP3 wohl das populärste. Basierend auf PHP und Mysql. Wir benutzen in unserem Workshop Joomla Ziel dieser Schulung Jeder kann sich eine Hompage mit Joomla erstellen und in Joomla die Inhalte der Page verwalten. 1.3 Für welche Projekte sollte mal Joomla einsetzen? Für Kunden, die ihre Website unabhängig verwalten wollen. 2 Joomla installieren Auf der offiziellen Website von Joomla ( die neuste Version herunterladen und in den gewünschten Ordner ihres webspace heraufladen. Im Browser auf das Verzeichnis zugreifen und die Installation starten. Sprachauswahl

4 Installationsprüfung Lizenz Servername: Hier localhost Benutzername: Ihr Benutzername Passwort: Ihr Passwort ****** Datenbankname: Hier müssen sie zuerst im PHPmyadmin eine Datenbank erstellen (siehe folgendes Bild). Bei Neue Datenbank anlegen Können sie den Namen ihrer Datenbank angeben.

5 Hier kann man alles frei lassen. Websiten-Name: frei wählbar Deine Ihre -Adresse Passwort: frei wählbar

6 3 Wie funktioniert Joomla? Joomla ist ganz einfach aufgebaut. Alle Inhalte, Menus und Plugins werden Modulen zugewiesen, die man mit einen einfach Code in der Homepage positioniert. Wie z.b. bei dieser Seite: Logo Banner Suche Menu Inhalt Ticker Die Module werden meist in Div Tags eingeschlossen, sodass man sie platzieren und gestalten kann. Joomla stellt für die meisten Sachen Module bereit. Wie Suche, Menus, Abstimmungen usw. Auf der Joomla Hauptseite finden sich zusätzlich Plugins für fast jede Anwendung. So ist es sehr einfach eine Website mit Joomla zu erstellen, da man die Seite praktisch wie eine normale Seite programmiert.

7 4 Aufbau des Backends 4.1 Site User Manager Hier kann man Benutzer und Benutzergruppen erstellen und ihnen Rechte im Backend vergeben. Dieses System kann auch mit einem Community System verbunden werden (z.b. Forum) und zum Massen Mail Versand genutzt werden. Media Manager Hier kann man seine Dateien, die zum Download, oder in Artikeln benötigt werden, uploaden und Verwalten. Global Configuration Hier kann man das System und den Server konfigurieren. 4.2 Menu Menu Manager Hier kann man Menus erstellen, die man dann im Modul Manager platzieren und konfigurieren kann. Menu Trash Das ist der Papierkorb für die Menus. Unten werden die jeweiligen Menus aufgelistet. Dort kann man Einträge verwalten und erstellen.

8 Erstellt eine Liste mit archivierten Artikeln Erstellt einen Link zu einem normalen Artikel Erstellt einen Link zu einem Autoren Artikel Erstellt eine Blog Ansicht einer Kategorie Erstellt eine Listen Ansicht einer Kategorie Erstellt eine Blog Ansicht auf der Frontsite Erstellt eine Blog Ansicht einer Sektion Erstellt eine Listen Ansicht einer Sektion Erstellt eine Liste von Kontakten Erstellt ein Konfaktformular Erstellt eine Liste mit News Erstellt eine Liste mit News aus einer bestimten Kategorie Erstellt einen Link zu einem einzelnen News Beitrag Erstellt einen Link zu einer Abstimmung Erstellt eine Suchseite Erstellt ein Login Erstellt ein Anmeldungsformular Formular, wenn man Username vergessen hat Formular für Passwortverlust Aktivierung des Accounts Formular für Verlust der Usernames Willkommensgruss für Neuregristrierte Benutzereinstellungen Erstellt eine Liste der Weblink Kategorien Erstellt eine Liste von Weblinks aus einer bestimmten. Kategorie Formular zum übermitteln von Web Links Inegriert eine externe Webseite Link zu einem externen Link Link ohne Link Link zu einem bestehen internen Menulink Sobald man den Link erstellt hat, kann man diverse Einstellungen machen, die Gestaltung erfolgt per CSS. Die Inhalte von Joomla, also Titel, Aufzählungen usw. sind festgelegte Classes die so angesprochen werden. Z.B.:.contentheading für den Titel eines Beitrags. Mehr dazu später.

9 4.3 Content Articel Manager Hier können neue Beiträge, egal ob statisch oder für News erstellt werden. Diese kann man in Sektionen und Kategorien gruppieren. Zudem hat es einen Front Page Manager, mit dem man die Startseite gestalten kann. Diese Einstellungen können bei jedem Eintrag einzeln oder allgemein getätigt werden. Für die Allgemeinen Einstellungen geht man beim Articel Manager zu den Preferences. 4.4 Components Hier werden die einzelnen Komponenten konfiguriert und verwaltet. Plugins, die man installiert, werden später hier aufgeführt. Bei einer Gallerie z.b. kann man hier die Einstellungen machen, Sektionen und Kategorien erstellen und Bilder uploaden. 4.5 Extensions Hier kann man Plugins installieren und mit dem Plugin Manager V erwalten. Mit dem Modul Manager kann man Module verteilen und konfigurieren. Im Language Manager kann man die Sprache im Front und Backend einstellen. Momentan ist nur die Installation mehrsprachig. In Zukunft ist Joomla in alles Bereichen mehrsprachig. Im moment muss man noch Plugins installieren um auf Deutsch zu arbeiten. Templates kann man über den Template Manager verwalten und bearbeiten. Bei Tools kann man intern Mails an User verschicken und empfangen, zudem kann man Massenmails an bestimmte Gruppen im Usersystem verschicken.

10 5.0 Templates Templates sind genau aufgebaut wie normale Webseiten. Jedoch muss man PHP Codes in den Head und in die jeweiligen Module einfügen. 5.1 HTML: Der PHP im Head ermöglicht flexible Meta Tags und mehr Einstellungen für die Webseite. <head> <jdoc:include type= head /> <link rel= stylesheet href= templates/{template}/css/template.css type= text/css /> </head> Für den Inhalt muss folgender Code eingefügt werden: <jdoc:include type="component"/> Für Module folgenden Code <jdoc:include type="modules" name="top"/> Bei Name die jeweilige Variabel Einsetzten, die man im Backend für das Modul vergeben hat. 5.2 XML In einem XML file werden alle positionen und Dateien festgelegt. Zudem werden Informationen über das Template gespeichert. Zudem kann man Parameter zuweisen, dies ist aber nur für Professionelle Joomla entwickler gedacht. <?xml version="1.0" encoding="iso "?> <install version="1.5" type="template"> <name>beez 2</name> <version>1.0.0</version> <creationdate>19 February 2007</creationDate> <author>angie Radtke/Robert Deutz</author> <authorurl> <copyright></copyright> <license>gnu/gpl</license> <description>accessible template for Joomla 1.5</description> <files> <filename>css/template.css</filename> <filename>index.php</filename> <filename>templatedetails.xml</filename> </files> <positions> <position>left</position> <position>right</position> <position>syndicate</position> </positions> </install>

11 5.2 CSS Mit einem solchen CSS Guide könnt ihr die Page per CSS gestalten. Bei Plugins müsst ihr die classes selbst rausfinden indem Ihr die Quelltexte oder Manuals durchsucht.