of 17 /17
von René Gäbler Joomla! 2.5 Die Anleitung in Bildern

Joomla! 2 - media.vierfarben.demedia.vierfarben.de/.../vierfarben_joomla_2.5_anleitung_in_bildern.pdf · 120 Für den Umgang mit Bildern und anderen Medien bietet Joomla! eine Reihe

Embed Size (px)

Text of Joomla! 2 -...

  • vonRen Gbler

    Joomla! 2.5Die Anleitung in Bildern

  • 4

    Inhalt

    1 DieeigeneWebsitemitJoomla! ............ 8

    So funktioniert Joomla! ............................................. 10

    Das brauchen Sie fr Ihre eigene Website .................. 12

    So finden Sie den richtigen Anbieter ......................... 14

    Die besten Joomla!-Websites im Netz ....................... 15

    2 Joomla!installieren ................................. 18

    Den Browser Firefox installieren ................................ 20

    Joomla!-Pakete herunterladen ................................... 22

    FileZilla herunterladen und installieren ...................... 24

    Die Datenbank auf dem Webserver einrichten ........... 26

    Joomla! testen XAMPP installieren ......................... 28

    Joomla! lokal installieren ........................................... 32

    Was tun, wenn der Offline-Webserver nicht luft? ..... 36

    Die Installation auf dem Webserver starten ............... 38

    3 DieWebsitegestalten ............................ 42

    Bei Joomla! anmelden ............................................... 44

    Wichtige Einstellungen festlegen ............................... 45

    Die Konfiguration der Website .................................. 46

    Ein Template auswhlen und installieren ................... 48

    4 DieWebsiteaufbauen ............................ 54

    Die Startseite anlegen ............................................... 56

    Das Men der Beispielseiten entfernen ..................... 62

    Ein Men fr die eigene Website erstellen ................ 64

  • 5

    Inhalt

    Kategorien fr die Seiteninhalte erstellen .................. 68

    Seitentexte einfgen ................................................. 70

    Bilddateien in den Medienbereich einfgen .............. 76

    Mehrere Bilder mit dem Flash-Uploader bertragen ... 78

    Bildelemente einfgen .............................................. 80

    Weitere Multimediadateien einfgen ........................ 81

    Multimediadateien bearbeiten .................................. 85

    Mit Tabellen arbeiten ................................................ 86

    5 E-Mail,Feeds&Co. ................................ 90

    Den Nachrichtenversand von Joomla! einrichten ....... 92

    Kategorien fr Ihre wichtigen Kontakte anlegen ........ 94

    Die PHP-Mailfunktion einrichten ............................... 96

    Die SMTP-Mailfunktion einrichten ............................ 98

    Wichtige Kontakte eintragen ..................................... 100

    Eine Kontaktseite mit Formular anlegen .................... 102

    Die E-Mail-Funktion testen ....................................... 105

    Mit Newsfeeds arbeiten ............................................ 106

    Links zu Ihren Lieblingssites erstellen ........................ 110

    Ein Impressum einfgen ............................................ 114

    6 EineFotogalerieanlegen ........................ 118

    Die Fotogalerie als Erweiterung installieren ............... 120

    Bilder auf den Webserver laden ................................. 124

    Bilder in Kategorien sortieren .................................... 125

    Das Aussehen der Galerie festlegen ........................... 126

    Die Galerie in dieser Website einfgen ...................... 128

    Die Fotogalerie testen ............................................... 131

  • 6

    Inhalt

    7 DieWebsitepflegenundverwalten ....... 132

    Die Position der Menelemente korrigieren .............. 134

    Die Sitemap anschalten und verwenden .................... 136

    Eine externe Website in das Men einbinden ............ 140

    Menelemente trennen ............................................. 142

    Nicht bentigte Komponenten deaktivieren .............. 143

    Module anders positionieren ..................................... 144

    Eine Benutzergruppe erstellen ................................... 146

    Einen neuen Benutzer einrichten ............................... 147

    Eine Nachricht an eine Benutzergruppe senden ......... 149

    Eine Suchfunktion einbinden ..................................... 150

    Zugriffsebenen einrichten .......................................... 151

    Joomla! als FTP-Programm nutzen ............................. 153

    Joomla! aktualisieren ................................................. 155

    berflssige Daten lschen ....................................... 156

    8 ErweiterteMglichkeitenbeiBeitrgen 158

    Beitrge nachtrglich bearbeiten ............................... 160

    Textelemente farbig hervorheben .............................. 162

    Anker und Links verwenden ...................................... 163

    Beitrge mit besonderem Inhalt fllen ....................... 166

    Listen und Aufzhlungen einsetzen ........................... 168

    HTML-Code einfgen ................................................ 170

    9 DieWebsitesichermachen .................... 172

    Die Joomla!-Daten mit LazyDbBackup sichern ........... 174

    Datensicherungen mit XCloner .................................. 176

  • 7

    Inhalt

    10 Erweiterungennutzen .......................... 180

    Die wichtigsten Module ............................................ 182

    Die wichtigsten Plugins ............................................. 185

    Die besten Erweiterungen von JoomlaOS .................. 186

    Glossar ...................................................................... 192

    Index ........................................................................ 202

  • 118118118118

    Kapitel 6EineFotogalerieanlegen

    Bilddateien beleben jede Website. Besucher schauen sich gern Fotogalerien an und blt-tern durch die Fotos. Natrlich knnen Sie Bilddateien im Bereich Medien von Joomla! einfgen und dann in Beitrgen verwenden. Besser funktioniert das allerdings mit einer Galerie-Erweiterung wie der Phoca Gallery.

    DiePhocaGalleryinstallierenDie Phoca Gallery ist eine Komponente, die Sie zunchst zu Ihrer Joomla!-Installation hin-zufgen mssen 1. Mit einer weiteren Komponente sorgen Sie dafr, dass die Mens und Funktionen der Galerie in deutscher Sprache verfgbar sind.

    BilddateienaufdenWebserverladenBevor Sie eine Galerie auf Ihrer Website zeigen knnen, mssen Sie die Bilddateien aus-whlen und auf Ihren Webserver laden. Mit dem Flash-Uploader 2 knnen Sie auch meh-rere Dateien in einem Arbeitsgang auswhlen und hochladen.

    DieGalerieerstellenundindieWebsiteeinfgenSind alle Vorbereitungen beendet, geht es endlich daran, den Menpunkt fr die Galerie zu erstellen und die Bilder auszuwhlen, die verffentlicht werden sollen. Dank der Kom-ponente Phoca Gallery berzeugt das Ergebnis und sieht sehr professionell aus 3.

  • 119119119119

    1 Bevor Sie die Phoca Gallery verwenden knnen, mssen Sie die Erweiterung installieren.

    2 Dank einer Flash-Funktion knnen Sie mehrere Bilddateien in einem Rutsch hochladen.

    3 Die fertige Galerie zieht die Besucher Ihrer Website an. Es macht Spa, durch die einzelnen Bilddateien zu blttern.

  • 120

    Fr den Umgang mit Bildern und anderen Medien bietet Joomla! eine Reihe von Komponenten an. Fr welche Sie sich entscheiden sollten, kann ich Ihnen nicht sagen, denn es kommt immer darauf an, wel-che Funktionen der Galerie fr Sie wichtig sind. Wir stellen Ihnen hier als Beispiel die Erweiterung Phoca Gallery 3 vor.

    Schritt1ffnen Sie Ihren Webbrowser, und geben Sie die Adresse http://www.joomlaos.de ein.

    Schritt2Nun gibt es zwei Wege zum Ziel: Sie knnen das Template ber die Downloads suchen oder aber und das empfehle ich hier die Suche auf der Website nutzen. Geben Sie in das Suchfeld einfach Phoca Gallery 3 ein. Die Phoca Gallery sollte einer der ersten Treffer sein. Klicken Sie sie an.

    Schritt3Sie sehen eine kurze Beschreibung der Komponente und knnen sich ein paar Vorschaubilder anschauen. Whlen Sie Download. Besttigen Sie den Lizenztext, und klicken Sie noch einmal auf Download.

    DieFotogaleriealsErweiterunginstallieren

    1 2 3 4 5

    Q W E R T Z

    Strg Alt

    1 2 3 4 5

    Q W E R T Z

    Strg Alt

    1

    2

    3

  • 121

    Kapitel 6: Eine Fotogalerie anlegen

    Schritt4Speichern Sie die Datei in einem gesonderten Verzeichnis auf Ihrem Rechner ab. Das ist sinnvoll, da es zu dieser Galerie weitere Komponenten gibt, die zustzliche und interessante Funktionen fr Ihre Website bereit-stellen. Alle Erweiterungen, die zur Phoca Gallery gehren, sind so an einem Ort.

    Schritt5ffnen Sie den Windows-Explorer. Wechseln Sie zu dem Verzeichnis, in dem Sie die Komponente abgelegt haben. Klicken Sie sie mit rechts an und whlen Sie AlleExtrahieren. Be-sttigen Sie die Meldung WhlenSieeinZielausundklickenSieaufEx-trahieren des Windows-Explorers.

    Schritt6Wechseln Sie zu Ihrem Browser. Rufen Sie die Anmeldeseite Ihrer Joomla!-Website auf. Loggen Sie sich ein, und wechseln Sie nach Erweiterungen.

    WarummussdasPaketentpacktwerden?Das heruntergeladenen Paket enthlt eine Komponente und ein Modul. Beide Pakete sind noch einmal als ZIP-Datei komprimiert. Sie mssen die beiden nacheinan-der installieren.

    4

    5

    6

  • 122

    Schritt7Das Register Installieren1 ist bereits gewhlt. Klicken Sie auf die Schaltflche Durchsuchen. Anschlie-end knnen Sie das Archiv aus-whlen.

    Schritt8Gehen Sie zu dem Verzeichnis, in dem Sie die Komponenten abgelegt haben. Whlen Sie zuerst die Kom-ponente com_phocagallery_v3.1.5.zip aus. Besttigen Sie mit ffnen.

    Schritt9Im Kontrollzentrum erreichen Sie die Galerie mit KomponentenEPhocaGallery. Sie knnen auch hier ein Kontrollzentrum nutzen oder ber diesen Menpfad ein bestimmtes Ziel direkt ansteuern.

    DieFotogaleriealsErweiterunginstallieren(Forts.)

    WeitereErweiterungen,diediePhocaGalleryergnzenAuf joomlaos.de finden Sie eine Reihe von Komponenten, die die Funktionen von Phoca Gallery erweitern. Das Phoca Gallery Plugin erlaubt das Einfgen von Bildern aus der Galerie in einen Beitrag. Mit Phoca Gallery Slideshow Noob kn-nen Sie eine Slideshow erstellen.

    a

    7

    8

    9

  • 123

    Kapitel 6: Eine Fotogalerie anlegen

    Schritt10Sie erhalten nun die Meldung, dass Komponenten installiert wurden. Ein kleiner Schritt fehlt noch dazu. Klicken Sie mit Ihrer Maus auf die Schaltflche Installlinks unten.

    Schritt11Wiederholen Sie nun diese Schritte, und installieren Sie das Paket de-DE.com_phocagallery_25.zip. Mit ihm erhalten Sie die deutsche Lokali-sierung der Galerie-Komponente. Gehen Sie vor, wie in den Schritten 7 bis 9 beschrieben.

    Schritt12Mit KomponentenEPhocaGalleryerreichen Sie die neu installierte Komponente. ber das Men rufen Sie ein bestimmtes Ziel direkt auf. Alternativ whlen Sie das Kontroll-zentrumund entscheiden sich dort fr eine der mglichen Funktionen.

    10

    11

    12

  • 124

    Bevor Sie Ihre Bilddateien auf Ihrer Website zeigen knnen, mssen Sie sie auf Ihren Webspace laden. Dies geschieht ber den Medienbereich.

    Schritt1Whlen Sie ber das Kontroll-zentrum den Bereich Medien im Backend Ihrer Joomla!-Installation.

    Schritt2Schalten Sie, falls noch nicht gesche-hen, den Flash-Uploader an; siehe dazu in Kapitel 4 den Workshop Mehrere Bilder mit dem Flash-Uploader bertragen, ab Seite 78. Whlen Sie den Dateiordner phoca-gallery. Er wurde bei der Installation der Galerie-Komponente erstellt.

    Schritt3Whlen Sie alle Bilddateien aus, die Sie in Ihre Galerie einfgen wollen. Sie knnen mehrere Bilder ganz einfach per (Strg) und Mausklick markieren. Laden Sie sie per Klick auf Hochladenstarten hoch.

    BilderaufdenWebserverladen

    BilddateienoptimierenBevor Sie die Bilddateien mit Joomla! auswhlen und auf Ihren Webserver hochladen, sollten Sie sich die Zeit nehmen und sie mit einem Bildbetrachter sichten und optimieren.

    1

    2

    3

  • 125

    BilderinKategoriensortieren

    Auch bei der Phoca Gallery knnen Sie mit Kategorien arbeiten. So lassen sich Fotos viel besser und bersicht-licher sortieren.

    Schritt1Wechseln Sie in das Kontrollzentrum der Phoca Gallery. Whlen Sie hier Kategorien.

    Schritt2Auch hier finden Sie rechts oben eine Symbolleiste. Whlen Sie aus dieser Liste den Befehl Neu.

    Schritt3Geben Sie eine Bezeichnung fr die neue Kategorie ein. Ergnzen Sie eine kurze Beschreibung, und besttigen Sie durch Speichern&Schlieen. Erstellen Sie weitere Ka-tegorien, die zu den Bildern in Ihrer Mediensammlung passen.

    MehrMglichkeitenPhoca Gallery untersttzt mehr Mglichkeiten als die Standard-Joomla!-Medienverwaltung. Sie knnen einer Kategorie ein be-stimmtes Verzeichnis zuordnen und sogar Google-Map-Positionen an-geben. Picasa-Alben und Facebook-Galerien knnen verknpft werden. Sie knnen mit Tags und Bewertun-gen arbeiten und vieles mehr.

    1 2 3 4 5

    Q W E R T Z

    Strg Alt

    1

    2

    3

  • 202

    Index

    Aadmin (Benutzername) 35, 44Administrator 41, 44, 192

    Einstellungen 45Aktualisierung 155Alias 59Anbieter suchen 14Anker 192

    benennen 164einfgen 163

    Anmeldeformular 44, 184Anmeldung 192

    am Backend 185AntiCopy 187Anything Tabs 187Apache Friends 192

    XAMPP 30, 31ArtClock 188Audiodaten 81Aufzhlung, nummerierte 169Authentifizierung 192Automatische Datensicherung

    175

    BBackend 11, 192

    als Administrator anmelden 44Backup 172, 192Banner 193Beispieldateien installieren 34Beispielseiten 56Beispielwebsite 49Beitrag 160, 193

    Anker einfgen 163archivierter 182Audio- und Videodaten

    einfgen 83

    Aufzhlung 169bearbeiten 160Bild einfgen 80, 88Datum einfgen 166erstellen 56, 59formatieren 60Hintergrundfarbe 162Kategorie festlegen 68Liste 168Multimediainhalte bearbeiten

    85Schriftart whlen 160Schriftgre festlegen 161Smileys verwenden 167Sonderzeichen einfgen 166Text farbig hervorheben 162berschrift erstellen 71unsichtbare Tabelle verwenden

    86weiterlesen 61Zitat kennzeichnen 167

    Benutzer 147, 192, 193einrichten 147kann nicht gespeichert werden

    148zugewiesene Gruppe 148

    Benutzergruppe 152, 193einrichten 146Nachricht an 149vorhandene 146

    Besucherzhler 190Bild

    einfgen 88Zufallsbild 182

    Bilddatei 76auf Webserver laden 124hochladen 77mehrere hochladen 78

    Browser aktualisieren 161

    CCaptcha 185CodeMirror 70, 185, 193Community 188Counter 183, 190, 193

    DDateimanager (Backend) 187Datenbank 13

    Benutzername 34Daten 26einrichten 26sichern 172verwalten 27

    Datensicherung 172, 192automatische 175

    Datum einfgen 166Dokumentenmanagement 188

    EEditor 70, 101, 160, 185, 200

    HTML-Code eingeben 170Einzelner Beitrag 75E-Mail 94

    Backup zusenden lassen 172Erweiterung 193

    der Standardinstallation 182JoomlaOS 186

    Erweiterungen 15, 51aktualisieren 155

  • 203

    Index

    FFAQ 186, 194Fenster

    _blank 165_parent 165_top 165

    FileZilla 24, 194Firefox 12, 194

    Download-Manager 50installieren 20starten 44

    Flash-Uploader 78, 194FlexiContact 189Formatierung festlegen 71Formulierung 72Forum 188Freigabe 194Frontend 11, 194FTP aktivieren 153FTP-Client 12, 24, 187, 194

    integrierter 153verwenden 38

    GGalerie erstellen 120Gstebuch 190GIMP 195Globale Metadaten 46Goldenreed-Template,

    Position 145Grammatikprfung 72

    HHauptbeitrag 66Haupteintrag 59, 195Hintergrundfarbe 162

    HTML-Code eingeben 170Hyperlink 164, 192, 195

    IiFrameWrapper 141, 195Impressum 191Installation

    FTP-Client 24Joomla! 22

    Installationsberprfung 39Installationsverzeichnis lschen

    35, 37, 41

    JJoomla!

    aktualisieren 155anmelden 35Datenbank einrichten 40erweitern 11Funktionsweise 10herunterladen 22Installationsverzeichnis lschen

    35installieren 38offline verwenden 28Schritte bei der Installation 39Sprachpakete 23

    Joomla!-Dateien bertragen 38Joomla!-Installation sichern 177JoomlaOS 196Joomlas2Go 195Joomla!-Website 15

    eintragen 16jVoteSystem 186

    KKategorie 68, 196

    erstellen 57Komponente 196Konfiguration 196Kontakt 196

    Kategorie erstellen 100Meneintrag fr Kontakt-

    formular erstellen 102Kontaktformular 196

    erstellen 189Kontrollzentrum 10, 196

    Erweiterungen 51Kunena 188, 197

    LLazyDbBackup 172, 197

    Basisoptionen 175einrichten 175installieren 174

    Link 140Anker verwenden 163einfgen 164Fenster 165Hyperlink einfgen 164in neuem Fenster ffnen 165

    Liste 168sortierte 169unsortierte 168

    Live Preview 49localhost 33Login 10, 44

    MMailer 197Mailing 92

  • 204

    Index

    Massenmail 149, 197Medien 76, 197

    Adresse 88Bild einfgen 88in Beitrag einfgen 80Verzeichnis erstellen 76

    Mehrfaches Hinzufgen 128Mein Profil 45Men

    bearbeiten 62Eintragstyp festlegen 66erstellen 64externe Website einbinden 140Position der Elemente

    korri gieren 134Trennzeichen verwenden 142

    Meneintrag korrigieren 134Meneintragstyp 66, 75, 197Menstruktur 135

    Reihenfolge der Menelemente 135

    Meta-Beschreibung 46Metadaten 198Modul 182, 198

    Beschreibung 145deaktivieren 143Funktion 145Optik 10Position 10Position festlegen 144

    Multimedia 81MySQL 13, 31, 198

    einrichten 26

    NNeuer Kontakt 101Newsfeed

    Kategorie erstellen 106Meneintrag erstellen 109

    Nummerierte Aufzhlung 169

    PPapierkorb 198PDF 186phmyadmin 27Phoca Download 189Phoca Gallery 198

    Kategorie erstellen 125Phoca Gallery 3 120

    deutsche Lokalisierung installieren 123

    Galerie in Website einfgen 128Komponente installieren 120Themes whlen 126

    Phoca PDF 186PHP 13PHP-Mail 96, 198Plugin 185, 198Profil 199

    RRechtschreibprfung 72Reihenfolge 199Remository 188Root-Verzeichnis 199RSS-Feed 182RSS-News 107Running 36RWCards4 189

    SSeite verlinken 164Seitenumbruch 61Sendmail 92, 199Serverzeitzone 47Site 45

    Konfiguration 46Offlinetext 46

    Sitemap 136, 199Skriptsprache 13Skype Port 80 deaktivieren 37

    Probleme 37Programm beenden 37

    Slideshow zeigen 190Smiley 167SMTP 98Social Communities 187Sonderzeichen 166Sortierte Liste 169Sperrung 195Sprachauswahl 184Startseite anlegen 56Status 199Suche 150Suchfunktion anbieten 150Super User 200Systeminformation 200

    TTabelle

    einfgen 86unsichtbare 86, 200

    Template 10, 48, 200auswhlen, downloaden und

    installieren 48Standard festlegen 53

    Text markieren 60

  • 205

    Index

    Texte 160Textfarbe 162TinyMCE 70, 193, 200Titel 59Trennzeichen 200

    einfgen 142

    Uberschrift erstellen 71uddeIM 149Uhr 188Umlaute 151Unsichtbare Tabelle 200Unsortierte Liste 168Unterberschrift 72Update 155Usergruppe 16

    VVideodaten 81Vollbildmodus 160Vorlage 10Vorschau 200

    WWeblink 184, 200Weblinks

    Kategorie erstellen 110, 114, 115, 116, 117

    Links eintragen 111Website

    Anmeldung fr Administration 41

    Beispiele 15einrichten 12eintragen 16erweitern 11Sitemap 138

    Webspace, Joomla!-Pakete hochladen 38

    Webspeicherplatz 12Wetterbericht 191Wrapper 183WS FTP Lite 12

    XXAMPP 28, 201

    Dienste starten 31Probleme lsen 36

    XAMPP Control Panel 31, 36XCloner 172, 201

    Backup erstellen 177Backup wiederherstellen 179Hilfe und Wiki 179Passwort vergessen 176Restore 179Sicherung verschieben 178

    Xmap 137Xmap2 201XML 108

    YYouTube-Galerie 191

    ZZielfenster 201Zitat 167Zugriffsebene 201

    einrichten 151Zugriffszhler 183Zu Warteschlange hinzufgen 38

    Vierfarben LeseprobeJoomla! 2.5Ren Gbler------------------------------------------Inhalt------------------------------------------Kapitel 6: Eine Fotogalerie anlegenDie Fotogalerie als Erweiterung installierenBilder auf den Webserver ladenBilder in Kategorien sortieren(...)

    ------------------------------------------Index------------------------------------------www.vierfarben.de Galileo Press GmbH 2012