Joomla!^® User Group Fulda

Wer viele Bilder und / oder Videos auf seiner Seite darstellen will bzw. muss, wird sich bereits Gedanken zum Thema Speicherplatz gemacht haben. Es stellt sich die Frage: Soll man Bilder bei einem externen Dienstleister (z. B. bei der Fotocommunity Nr. 1 Flickr oder den Alternativen) unterbringen oder erhöht man den Speicherplatz des eigenen Hosting-Pakets?

Neben den Kosten spricht noch ein anderer Grund für die Unterbringen und Bilder auf externen Servern: Browser der aktuellen Generation können standardmäßig sechs Verbindung gleichzeitig zu jedem verbunden Servern aufbauen. D. h. es könnten sechs Bilder gleichzeitig von unterschiedlichen Servern geladen werden, bei einem Server also sechs Verbindungen, bei der Verteilung auf zwei Server dann 12 Verbindungen. Wenn die Medien also auf verschiedene Server aufgeteilt werden (Videos zu YouTube, Bilder zu Flickr, usw.), kann die Bandbreite der DSL Anschlüsse besser ausgenutzt werden und die Seite ist schneller geladen (siehe auch Beitrag "Ladezeiten Verbessern").

Der Beitrag soll ihnen zeigen, wie man Bilder auf die Fotocommunity Flickr hochlädt und in Joomla! Beiträge einbindet. Starten wir mit der Erstellung eines Kontos bei Flickr.

Konto bei Flickr erstellen

[flickr photo=4694886245 size=medium align=center]

Solltet Ihr noch kein Konto bei Flickr besitzen, so klickt auf der Homepage auf die Schaltfläche "Erstellen Sie Ihren Account". Anderenfalls meldet euch an und macht mit dem Schritt "Flickr - Bilder & Videos hochladen" weiter.

[flickr photo=4694886351 size=medium align=center]

Hier könnt Ihr euch mit eurer Yahoo! ID anmelden. Flickr ist ein Dienst von Yahoo! und somit sind die zwei eng verbunden. Solltet Ihr auch keine Yahoo! ID besitzen, so klickt auf Registrieren. Anderenfalls überspringt Ihr die Schritte der Registrierung bei Yahoo! und schaut weiter ab dem Schritt "Benutzerinfos bei Flickr eingeben".

[flickr photo=4695521626 size=medium align=center]

Nach Eingabe eurer persönlichen Informationen erstellt Ihr das Konto.

[flickr photo=4695521362 size=medium align=center]

Yahoo! bestätigt dies sofort und Ihr könnt sofort zur Erstellung des Flickr-Kontos auf die Schaltfläche "Weiter" klicken.

[flickr photo=4695521468 size=medium align=center]

Gebt hier nun die Benutzerinformationen zur frisch erstellten Yahoo! ID ein.

[flickr photo=4694886613 size=medium align=center]

Wählt hier euren neuen Flickr Benutzernamen.

[flickr photo=4695521704 size=medium align=center]

Damit ist das Konto erstellt. Klickt auf "Ihr Profil personalisieren".

[flickr photo=4694887003 size=medium align=center]

Nach dem Hochladen eines Fotos werdet Ihr nach der Flickr URL gefragt. Diese kann später nicht mehr verändert werden, daher wählt diese mit Bedacht.

[flickr photo=4695521990 size=medium align=center]

In diesem Schritt könnt Ihr noch ein paar Daten von euch preisgeben, wenn das in eurem Interesse liegt. Die Angaben sind freiwillig und müssen nicht getätigt werden.

[flickr photo=4694887191 size=medium align=center]

Das Konto ist angelegt und kann nun genutzt werden. Im nächsten Abschnitt geht es darum, wie man Bilder auf die Fotocommunity hoch lädt.

Flickr - Bilder und Videos hoch laden

Wenn Ihr euch mit eurem Flickr Konto angemeldet habt, so könnt Ihr auf eurer Startseite Bilder und Video hochladen.

[flickr photo=4694887191 size=medium align=center]

Klickt hierzu auf die Schaltfläche "Fotos & Videos hoch laden".

 [flickr photo=4695522188 size=medium align=center]

In diesem Dialog klickt Ihr auf "Fotos & Videos auswählen".

[flickr photo=4694887337 size=medium align=center]

Im Auswahldialog können mit Hilfe der Strg oder Umschalten-Taste wie gewohnt mehrere Dateien ausgewählt werden.

[flickr photo=4695641256 size=medium align=center]

Hier könnt Ihr entscheiden, ob die Bilder öffentlich Zugänglich sein sollen, oder ob die nur für euren Augen sind. Tatsächlich sollen die Bilder ja später in die Joomla! Homepage integriert werden und die Vorteile von Flickr sollten ja ebenfalls genutzt werden. Damit belasst die Einstellung auf "öffentlicht" und klickt auf "Fotos & Videos hochladen".

[flickr photo=4695021241 size=medium align=center]

Die Bilder werden hochgeladen. Das kann je nach Internetanbindung, Anzahl und Größe der Fotos und Videos ein wenig dauern. Der Upload-Manager zeigt den aktuellen Stand des Vorgangs aber ganz ordentlich an.

[flickr photo=4694920563 size=medium align=center]

Sind die Bilder hochgeladen, können diese nun beschrieben werden. Klickt hierzu auf den Link "eine Beschreibung hinzufügen".

[flickr photo=4695556000 size=medium align=center]

Legt zunächst ein "Neues Album" an, in das die Bilder hineingelegt werden. Hierzu klickt Ihr auf "Neues Album".

[flickr photo=4694920761 size=medium align=center]

Gebt dem Album einen Namen und eine kurze Beschreibung. Speichert das Album abschließend über die Schaltfläche "Album erstellen".

[flickr photo=4695645352 size=medium align=center]

Im nächsten Schritt habt Ihr die Möglichkeit "Stichworte" durch Komma getrennt in die Serienbearbeitung (Tags hinzufügen) zu schreiben und über die Schatlfäche "Hinzufügen" an alle Bilder an zuheften.

[flickr photo=4695009811 size=medium align=center]

Ihr seht, dass die Tags an alle Bilder geheftet wurden.

[flickr photo=4695563152 size=medium align=center]

Benennt und Beschreibt die Bilder nun so gut Ihr könnt. Wenn Ihr fertig seid, klickt ganz unten auf "Speichern".

[flickr photo=4695667480 size=medium align=center]

Damit habt Ihr den Upload, also das Hochladen eurer Bilder abgeschlossen. Schaut euch nun ein wenig bei Flickr um und betrachtet in der URL auch die Bild Nr und die ID des Albums.

Beispiel:

http://www.flickr.com/photos/joomlafulda/4695667480/in/set-72157624262986200/

Hier ist die Bildnummer die "4695667480" und die ID des Albums die "72157624262986200".  Der nächst Schritt zeigt dann einige Möglichkeiten aus Joomla! heraus diese Bilder zu nutzen.

Bilder von Flickr unter Joomla! einbinden

Sind Bilder wie oben beschrieben erst mal in der Fotocommunity unter gebracht, kann man aus einem Beitrag heraus, einen einfachen Link auf die Bilder bzw. auf ein Album setzen. Das kann mit dem JCE, aber auch mit dem TinyMCE wie folgt erledigt werden: Markieren Sie einen beliebigen Text (der auch was mit dem Album zu tun hat) und verlinken Sie diesen ...

... mit dem Flickr Album. Das ist wohl die einfachste Variante.

Externer Link im Menü

Manche nutzen die Möglichkeit einen "Externen Link" ins Menü einzubinden, um auf die Alben bzw. Bilder unter Flickr zu verlinken. Wechseln Sie hierzu im Backend über Menüs ins Hauptmenü. Erzeugen Sie über das Symbol "Neu" einen neuen Eintrag vom Typ "Externer Link".

Im Frontend könnte das bei Veranstaltungen wie z. B. Vereinsmeisterschfaten dann so aussehen:

OK. Das sind natürlich nur "billige" Tricks, um an die Bilder und Videos zu kommen. Mehr Komfort und Möglichkeiten bieten uns einige Erweiterungen, die sich um Flickr bemühen.

Erweiterungen, die Flickr Bilder und Videos in Joomla! integrieren

Zu den Erweiterungen, die mit die euch Bilder von Flickr in Joomla! präsentieren gehören z. B.

• Flickr Suite Content Plugin von Universon Playground
• MyFlickr von Piotr Wołoszyn
• Simple Flickr Slideshow von Ed Hathaway
• Weitere Erweiterungen findet Ihr in der Joomla! Extensions Directory™

Würde mich freuen, wenn Ihr eure Erfahrungen mit Flickr Erweiterungen in den Kommentaren hinterlasst.

Eines haben alle Erweiterungen gemein: Alle benötigen einen Flickr API-Key und den dazugehörigen Flicker Benutzernamen. Den Flickr Benutzernamen habt Ihr ja bereits durch die Anmeldung bei Flickr bekommen. Den API-Key müsst Ihr euch über http://www.flickr.com/services/api/keys holen. Hier wird zwischen dem Nichtkommerziellen und den Kommerziellen unterschieden. Beachtet also den Einsatz eurer Bilder. Werden die für kommerzielle Seiten genutzt, benötigt Ihr einen entsprechenden Schlüssel (API-Key).

• Zurück
• Weiter