6.3 Eigene Bilder einbinden 

Zu dem Lebenslauf des Tanzlehrers gehört natürlich auch ein Foto. Dies sollte direkt nach der Überschrift erscheinen. Um dieses Bild einbinden zu können, muss es jedoch zunächst im Media Manager hochgeladen werden.

Das Einfügen von Bildern funktioniert im Backend genau so, wie Sie es bereits im Frontend kennen gelernt haben. Wenn Sie das Inhaltselement bearbeiten, verwenden Sie entweder das Icon in der Symbolleiste des Editors, oder Sie wählen das gewünschte Bild aus der Galerie über das Register Images.

Der Unterschied zum Frontend ist jedoch, dass Sie der Galerie im Backend neue Bilder hinzufügen, also eigene Bilder hochladen können. Für das Einbinden unseres Tanzlehrerbildes laden wir nun das Foto (tanzlehrer.jpg) hoch. Dazu müssen wir nun zurück zum Control Panel, um den Media Manager zu starten. Sie erreichen ihn auch über das Joomla!-Menü Site · Media Manager.

Hier bekommen Sie mit Hilfe von Thumbnails einen schnellen Überblick über alle Grafiken und Fotos in Ihrem /images-Verzeichnis. Sie können außerdem neue Grafik-Unterverzeichnisse erzeugen oder Bilder mit einer maximalen Größe von 16 MB hochladen.

Betrachten wir kurz die vorhandenen Funktionen (Abbildung 6.7). In der Werkzeugleiste finden Sie die Buttons Upload und Create. Sobald Sie im Feld File Upload eine Grafik ausgewählt haben, können Sie mit dem Button Upload die Auswahl bestätigen, und die Datei wird in das aktuelle Verzeichnis hochgeladen. Um ein neues Verzeichnis zu erstellen, geben Sie den Verzeichnisnamen in das Feld Create Directory ein und bestätigen mit dem Button Create.

Wir erstellen hier das Verzeichnis »Fotos«.

Das Feld Image/Url Code zeigt Ihnen den HTML-Code einer ausgewählten Grafik an. Klicken Sie dazu direkt auf eines der Thumbnails oder auf das kleine Bleistift-Icon unter dem Thumbnail. Haben Sie direkt auf das Thumbnail geklickt, so erscheint zusätzlich ein Popup mit der Grafik in voller Größe. Um Grafikdateien oder Verzeichnisse zu löschen, klicken Sie einfach auf die Mülltonne, die ebenfalls unter allen Thumbnails zu sehen ist.

Über die Direktauswahl Directory gelangen Sie in eines der Unterverzeichnisse. Sie können aber auch einfach auf das Icon des gewünschten Verzeichnisses klicken und kommen so ebenfalls an Ihr Ziel.

Leider hat der Media Manager in einigen Versionen noch ein Problem mit der Darstellung der Icons in den Unterverzeichnissen. Schauen Sie z.  B. über das Directory in den Ordner /stories/food. Hier sollten vier Thumbnails erscheinen, die bei der Joomla!-Installation standardmäßig mitgeliefert werden. Sie werden feststellen, dass hier jedoch nichts angezeigt wird.

Nun sollte unser Foto verfügbar und in der Liste Galerie – Bilder im entsprechenden Verzeichnis sichtbar sein. Wechseln Sie in die rechte Spalte, und klicken Sie auf den Reiter Images. Suchen Sie die Datei tanzlehrer.gif aus der Liste aus, und verschieben Sie sie mit dem Button >> in die Inhalte – Bilder-Liste. Falls erforderlich, können jetzt noch die Parameter der Grafik angepasst werden, ansonsten fügen Sie jetzt das Bild im Main Text-Bereich über den Button Image in den Text ein. An der entsprechenden Stelle erscheint der Code {mosimage} und nicht das eigentliche Bild. Joomla! nimmt automatisch das nächste Bild aus der Content Images-Liste und fügt es im Frontend an dieser Stelle ein.