Joomla-Website erstellen: Schritt für Schritt zur eigenen Homepage

Laufen Webserver und Datenbank, rufen Sie die Joomla-Homepage auf und laden die Installationsdateien für die neueste Version des Content-Management-Systems über einen Klick auf den Download-Button herunter:

Arbeiten im Backend (und auch im Frontend) können Sie ganz bequem über den Browser Ihrer Wahl erledigen. Nachdem Sie Ihre Wunschdomain mit Joomla verknüpft haben, müssen Sie lediglich die URL „in die Browserzeile eintippen, um das Anmeldefenster für das Backend aufzurufen. Vergessen Sie dabei nicht, die hier aufgeführte Beispiel-Adresse „name-der-website.de“ durch die Domain-Adresse Ihrer künftigen Website zu ersetzen. Auf der daraufhin erscheinenden Login-Seite geben Sie nun die bei der Installation festgelegten Administrator-Daten ein, bevor Sie anschließend auf „Anmelden“ klicken:

Nach der Anmeldung gelangen Sie in das Kontrollzentrum von Joomla, das Ihnen einen Überblick über die wichtigsten Daten zu Ihrer Website und den Aktivitäten im Content-Management-System gewährt. So sehen Sie dort einerseits, welche Versionen von Betriebssystem, PHP und Datenbank Sie verwenden oder wie viele Besucher sich gerade auf Ihrer Seite befinden, andererseits, welche Nutzer im Backend bzw. Frontend angemeldet sind und welche Änderungen am Webprojekt zuletzt vorgenommen wurden. Über das Kontrollzentrum gelangen Sie außerdem in das Optionsmenü des CMS, in dem Sie die grundlegenden Einstellungen Ihrer Joomla-Homepage anpassen können. Sie öffnen es über die Schaltfläche „Konfiguration“ in der linken Menüleiste:

Im Reiter „Site“ finden Sie unter anderem die bereits aus der Installation bekannten Einstellungen – wie den Website-Namen, die globalen Metadaten oder den Schalter für den Offline-Modus Ihres Webprojekts. Sie können dort zusätzlich auch festlegen, welchen Editor Sie für die Arbeit in Joomla verwenden wollen: Per Vorauswahl ist der WYSIWYG-Editor TinyMCE ausgewählt – als Alternative ist der einfache Code-Editor CodeMirror verfügbar. Dank entsprechender Erweiterung lassen sich jedoch auch beliebte Editoren wie ARK Editor oder JCE einbinden.

Im Anschluss an die Installation ist das Administratoren-Konto noch das einzige Benutzerkonto. Doch natürlich gibt es – je nach Typ und Umfang des Webprojekts – auch weitere Nutzer, die ebenfalls am Management der Website bzw. der Gestaltung der Inhalte beteiligt sind. Joomla liefert daher bereits ein vorgefertigtes, hierarchisch aufgebautes Benutzer-Schema, das Sie beliebig anpassen können. Klicken Sie zu diesem Zweck zunächst auf „Benutzer“ und danach auf „Benutzergruppen“:

Wollen Sie Änderungen am Benutzergruppen-Schema vornehmen, setzen Sie ein Häkchen bei der gewünschten Gruppe und drücken anschließend auf die Schaltfläche „Bearbeiten“. Alternativ können Sie Gruppen über „Löschen“ auch gänzlich entfernen. Um die Zugriffsmöglichkeiten der verschiedenen Nutzerprofile festzulegen, wechseln Sie in den im vorigen Abschnitt erwähnten „Berechtigungen“-Reiter im Menü „Konfiguration“. Dort klicken Sie die zu bearbeitende Gruppe bzw. Untergruppe an und wählen dann eine von folgenden drei Einstellungen für die jeweilige Zugriffsaktion:

• Vererbt: Berechtigung wird aus der Konfiguration der übergeordneten Gruppe übernommen
   
• Erlaubt: Benutzergruppe darf die Aktion unabhängig von den Einstellungen der übergeordneten Gruppe durchführen
   
• Verweigert: Benutzergruppe darf die Aktion unabhängig von den Einstellungen der übergeordneten Gruppe nicht durchführen

Entsprechen Gruppen und erteilte Zugriffsrechte Ihren Vorstellungen, können Sie neue Benutzer anlegen und den gewünschten Gruppen zuordnen. Zu diesem Zweck rufen Sie das Menü „Benutzer“ auf und klicken auf die Schaltfläche „Neu“. Dort gilt es, den Namen und Benutzernamen sowie eine gültige E-Mail-Adresse des neuen Users anzugeben und im Reiter „Zugewiesene Gruppen“ zu markieren, welcher Gruppe bzw. welchen Gruppen dieses neue Benutzerkonto zugeordnet werden soll. Anschließend drücken Sie auf „Speichern & Schließen“ um den Account zu erstellen. Dieser sollte nun neben dem Administrator-Konto (Super User) in der Benutzerauflistung zu sehen sein.

Wenn Sie mit einem CMS wie Joomla Websites erstellen, haben Sie den großen Vorteil, dass Ihnen diverse Designvorlagen (meistens als Themes oder Templates bezeichnet) zur Verfügung stehen. In der Grundversion liefert Joomla die responsiven Vorlagen Protostar und Beez3 mit, wobei ersteres standardmäßig ausgewählt ist. Haben Sie jedoch ein anderes Joomla-Template als Basis für Ihr Webprojekt im Sinn, können Sie selbiges jederzeit über das Backend einbinden. Hierfür laden Sie das Template zunächst herunter und implementieren es anschließend, indem Sie im Kontrollzentrum auf „Install Extensions“ und dann auf „Upload Package File“ klicken. Ziehen Sie die heruntergeladene(n) Template-Datei(en) per Drag-and-drop in den dafür vorgesehenen Bereich, beginnt Joomla automatisch mit der Installation.

Nach der Installation finden Sie eingebundene Templates in dem gleichnamigen Menü, das sich über das Kontrollzentrum aufrufen lässt. Für die Aktivierung gilt es lediglich, das Sternchen-Symbol in der Spalte „Standard“ der gewünschten Vorlage anzuklicken. Joomla bestätigt die Auswahl in der Folge in Form einer Benachrichtigung.

Seiten eines Webprojekts werden in Joomla als Beiträge bezeichnet. Haben Sie entsprechende Option bei der Installation ausgewählt, existiert bereits der Platzhalterbeitrag „Getting Started“, dessen Inhalt Sie bereits sehen können, wenn Sie Ihre Website zum aktuellen Zeitpunkt aufrufen. Um nun allerdings endlich auch die erste Seite der eigenen Joomla-Website zu erstellen, klicken Sie im Kontrollzentrum auf „Neuer Beitrag“. Wählen Sie einen Titel für die Seite und fügen Sie über den Editor anschließend den gewünschten Content hinzu. Über die Schaltfläche „Format“ können Sie dabei gängige Formatierungen wie Überschriften, Fettungen, Kursivierungen oder Absätze vornehmen. Zum Abschluss klicken Sie auf „Speichern & Schließen“, um die Seite zu generieren.

Die erstellte Joomla-Seite können Sie nun jederzeit unter „Beiträge“ bearbeiten oder auch löschen. Um sie nun aber auch zur Startseite Ihres Webprojekts zu machen, müssen Sie in das Menü „Menüs“ wechseln. Klicken Sie daraufhin zuerst auf „Main Menu“ und danach auf „Home“. An dieser Stelle können Sie nun den Beitrag definieren, der mit dem Hauptmenü und somit auch mit der Startseite Ihrer Homepage verknüpft sein soll. Klicken Sie in der Zeile „Beitrag auswählen“ auf „Auswählen“ und dann die zuvor erstellte Seite an:

Rufen Sie Ihre Website via Vorschau-Funktion oder URL auf, sehen Sie den soeben erstellten Inhalt direkt auf der Startseite:

Verlinkungen sind ein wichtiger Bestandteil erfolgreicher Websites, denn interne und externe Links erhöhen den Mehrwert Ihres Angebots und verbessern das Suchmaschinen-Ranking. Sobald Sie entsprechendes Link-Material haben, können dieses mit wenigen Klicks in Ihre Texte unterbringen: Für externe Links wählen Sie einfach den Textbestandteil aus, der mit einem Link hinterlegt werden soll, und klicken auf „Link einfügen/bearbeiten“.

Natürlich sollten Sie auch Bilder in Ihr Webprojekt integrieren, denn selbst der interessanteste Inhalt zieht ohne optische Auflockerung kaum Leser an. Um einen Beitrag mit Fotos und Grafiken aufzuwerten, müssen Sie diesen lediglich über das Beiträge-Menü öffnen und wählen dann im Editor den Punkt „Bild“:

Joomla bietet Ihnen Zugriff auf einige Banner, Header und Beispielbilder, die Sie in Ihrem Webprojekt frei verwenden können. Wollen Sie stattdessen eigene Bilder nutzen, scrollen Sie an das untere Ende des Menüs, klicken auf den „Durchsuchen…“-Button und geben den Speicherort der entsprechenden Bilddateien an. Anschließend wählen Sie alle Bilder aus, die Sie importieren wollen, aus und klicken auf „Öffnen“. Joomla zeigt nun an, wie viele Dateien ausgewählt wurden – den Upload auf den Webspace starten Sie über die Schaltfläche „Hochladen starten“:

Klicken Sie nun auf das Bild, das Sie in den Artikel einfügen wollen und füllen Sie danach die Angaben zur Ausrichtung (Links, Mitte, Rechts), zum Bildtitel oder zur Beschreibung aus. Zum Abschluss drücken Sie auf „Einfügen“, woraufhin das Bild an gewünschter Position im aktuellen Beitrag erscheint: