Fotoleinwand online drucken

Inhalt:

Funktionalität, Bestellvorgang
Verpackung und Versand
Verarbeitungsqualität
Bildqualität
Sonstiges
Fazit

Software: Funktionalität, Bestellvorgang

Gleich beim Besuch der Webseite fällt das vielseitige Leistungsspektrum des Fotodienstes in’s Auge. Fotogeschenke wie Tassen, T-Shirts, Sonnenblenden oder Puzzles können ebenso mit Eurem Bild bedruckt werden wie Fotoleinwände, Grußkarten oder Kalender: Die Produktvielfalt ist immens.

Nach dem komplikationslosen Anmeldevorgang wechselte ich direkt in das Menü zur Erstellung einer Fotoleinwand. Zwischen den zahlreichen Formatvorgaben wählte die Größe 30×40 cm (bis 90×120 cm ist möglich).  Im daraufhin erscheinenden Menü stehen rund 300 Designvorlagen zur Auswahl, die auch nach Anlass oder Farbe sortiert werden können. Ich hab mich für die schlichte Variante entschieden: Ohne Design.

Anschließend geht es auch schon zum Upload-Center. Dort könnt Ihr Eure Bilder hochladen, die bei Extrafilm (auf Wunsch) auch gespeichert bleiben (z.B. zur Freigabe an Freunde). Falls Ihr bereits Bilder bei der Extrafilm-Fotoverwaltung habt, könnt Ihr auch diese zur weiteren Bearbeitung auswählen. Als nächstes wird das Bild eingepasst. Das ist ein wenig tricky. Zunächst solltet Ihr beachten, dass das Bild bereits im passenden Format vorliegt. Ist dies der Fall, so überzeugt euch in der Vorschau, dass keine wesentlichen Elemente abgeschnitten werden. In der Rahmenlosen Version (ohne Design) werden die Ränder nämlich um den Holzrahmen gespannt, womit sie in der Totalen nicht sichtbar sind.

Für unser “asiatisches Zimmer” wählte ich ein sehr schlichtes Motiv – das Antlitz des Tian Tan Riesen-Buddhas in Hongkong. Wie Ihr seht, war beim ersten Versuch die rechte erhobene Hand in der Totalen abgeschnitten, weil der Rand um das Holz gespannt wird. Also bearbeitete ich das Bild, skalierte den linken Rand mit der Farbe des Hintergunds nach links. Diese zweite Variante passte dann schon deutlich besser:

Bei vielen Bildern dürfte das Abschneidender Ränder weniger problematisch sein, doch ausgerechnet beim Buddha hat die rechte Hand eine wichtige Symbolkraft (Zurückweisung von Leid). Das wollte ich nicht umgespannt haben.

Zuletzt geht es dann zur Bestellung bzw. zur Kasse. Das funktioniert sehr einfach und ist relativ selbsterklärend.

Fazit: Alles in allem Ist die Erstellung der Fotoleinwand kinderleicht. Lediglich auf die Ränder bei der Variante “ohne Design” müsst Ihr achten.

Verpackung und Versand

Der Versand erfolgte sehr zügig – bereits 3 Werktage nach Erstellung und Bestellung hielt ich das Bild in den Händen. Das Bild war in einem hochwertigen stabilen Karton verpackt und zusätzlich noch mit “Poppfolie” umwickelt. Kanten und Ecken waren besonders geschützt.

Fazit: fünf Sterne für Verpackung und Versand

Verarbeitungsqualität

Das eigenes Leinwand-Foto ist auf einem Kieferholz-Rahmen gespannt und macht einen sehr stabilen und hochwertigen Eindruck.  Die Sicherungskeile für die Ecken (hier nicht auf dem Bild) lagen lose bei. Einziges Manko ist die Aufhängevorrichtung: Ein dünner Draht, der sich bei der ersten Berührung löste. Hier war meinerseits noch etwas Arbeit erforderlich und ich brachte einen eigenen Haken zum Aufhängen an.

Fazit: Die Leinwand ist hochwertig auf Kiefernholz gespannt. Die Spannung ist sehr gut – es macht insgesamt einen sehr hochwertigen Eindruck. Kleines Minus: Aufhängung.

Bildqualität

Die Bildqualität ist sehr sehr gut: Farben, Kontrast und Helligkeit stimmen, wenngleich ich den subjektiven Eindruck habe, dass die Farben nicht ganz so satt sind wie beim Original. Das kann an der Leinwandtechnik liegen oder an der Tatsache, dass mein Monitor nicht ordentlich kalibriert ist. Die Deckkraft ist jedenfalls sehr gut – erst beim näheren Betrachten fällt auf, dass es sich um eine Leinwand handelt. Ansonsten gibt es zu diesem Punkt absolut nichts zu mäkeln.

Fazit: 4,5 von 5 Sternen für die überzeugende Bildqualität.

Sonstiges

Noch ein paar Worte zu den Zahlungsmöglichkeiten: Zu meiner Freude stellte ich fest, dass die Zahlung per  Paypal möglich ist. Darüber hinaus könnt Ihr per Kreditkarte (Mastercard, Visa) oder ELV (elektronisches Lastschriftverfahren) bezahlen.

Als besonderes Schmankerl hat Extrafilm für den Monat April eine  Aktion gestartet. Demnach könnt Ihr Fotoleinwände bis zu einer Größe von 120x80cm  versandkostenfrei bestellen! Zur Aprilaktion – kostenlose Lieferung. Etwas verwirrend finde ich hierbei die Größenangabe, die bei den Fotoleinwänden nicht angeboten wird. Ich gehe davon aus, dass sämtliche Lieferungen von Fotoleinwänden kostenfrei sind – bis auf die Größe 120×90 cm.

Zudem gibt es derzeit ein Angebot: 30% Rabatt auf Foto-Leinwände für alle Neukunden! Der Gutschein wir bei Registrierung zugeschickt. Dieses Schnäppchen könnt  solltet Ihr euch nicht entgehen lassen. Hier geht’s zur Neukunden-Aktion.

Fazit

Ob Hochzeit, Konfirmation oder Urlaub. Sicherlich habt Ihr zu Hause ein Bild, das auf Fotoleinwand besonders gut herauskommt. Vielleicht sogar als Geschenk für Tante Hildes Geburtstag. Die Verarbeitung, die Qualität und der Extrafilm-Fotoservice kann ich guten Gewissens empfehlen. Da störten auch die kleineren Schönheitsfehler nicht, die schnell behoben werden konnten (lose Sicherungskeile, lose Aufhängung). Die Online-Gestaltung der Fotoleinwand geht sehr leicht von der Hand und die Auswahlmöglichkeiten sind sehr vielfältig (Format, Vorlagen).

Insgesamt überwiegen die positiven Eindrücke. Die Fotoleinwand macht einen sehr hochwertigen, stabilen Eindruck und die Bildqualität stimmt.

An Eurer Stelle würde ich nicht lange überlegen und die satten April-Rabatte mitnehmen: So spart Ihr die Versandkosten und bekommt noch zusätzlich 30% Neukundenrabatt. Na, wenn das mal nix ist(?) 

da haben sich die Damen und Herren Politiker wieder was einfallen lassen, dass in mir die Frage reift, ob “die” denn überhaupt eine Ahnung von Medien, Technik, Datenschutz und Internet haben?

Aber auch für das neue Gesetz hab ich eine Lösung parat (siehe Abschnitt 2 – Captchas mit Adresse und Telefonnummer erstellen).

Doch der Reihe nach – Um was geht es überhaupt:
Nachdem durch das Medium “Twitter” immer wieder Insiderwissen an die Öffentlichkeit gelangt, haben die 27 EU- Datenschutzbeauftragten eine Gesetzesnovelle vorgelegt. Das Ding hat den fürchterlichen Namen “Richtlinie 2009/27 Amtsblatt W-140 Absatz 7 Artikel 4.3” und beinhaltet u.a. , das jedes Twitterprofil mit den persönlichen Daten  des Inhabers öffentlich gekennzeichnet sein muss – mindestens aber: Name, Adresse und Telefonnummer. Gem. der Stellungnahme des Datenschutzexperten Jörg Klingbeil (59), protestieren die Landesdatenschutzbeauftragen auf’s Heftigste. Twitterchef Evan Williams meinte einfach nur lapidar: “Auch das wird den Siegeszug von Twitter auf dem europäischen Markt nicht aufhalten können”.

Die EU-Richtlinie soll in den kommenden Wochen in verschärftes nationales Recht umgesetzt werden.  Bis Mai soll der Entwurf des “Gesetzes gegen den Missbrauch von neuen Medien (kurz: Medienmissbrauchsgesetz MMG)” schon verabschiedet werden.

Das haben die  Herren Politiker davon, wenn Wahlergebnisse per Twitter mitgeteilt werden, bevor sie offiziell sind.

Nicht im Gesetz steht, in welcher Form die Adresse und die Telefonnummer mitgeteilt werden muss. Deshalb hab ich über ein kleines Hintertürchen nachgedacht und liefere eine Anleitung, wie Ihr Eure Daten so darstellen könnt, dass sie zumindest von Maschinen (Robots) nicht gelesen werden können.

Captchas mit Adresse und Telefonnummer erstellen

Hierzu ist es wichtig, dass Ihr den Text nicht in der Datei auf Twitter einbettet, sondern eine Grafik generiert und dort die erforderlichen Daten einfügt.

Das kann sehr leicht mit einem kostenlosen Grafikprogramm (z.B. Gimp) bewerkstelligt werden. Profis greifen zu Photoshop. Achtet darauf, dass die einzelnen Zeichen keinen Rahmen haben (maschinenlesbar!) und dass sich die Farbe vom Hintergrund nur leicht abhebt (Tip1). Zudem ist es ganz hilfreich, wahllos dünne Linien durch das Geschriebene zu ziehen – auch damit haben die Robots ihr Probleme (Tip 2).

Achtet aber darauf, dass die Störstriche eine max. Deckkraft von 50% haben, denn sonst könnte das als unleserlich betrachtet werden, was ggf. rechtliche Konsequenzen hat. Wie hoch diese sein werden steht noch nicht fest.

Fazit

Missbrauch von Medien gehört verurteilt. Da stimme ich voll und ganz zu. Doch meines Erachtens schießt man da mit Kanonen auf Spatzen. Ich bin ersthaft am überlegen, ob ich meinen Twitter-Account nicht löschen soll. den Volltext bekommen die jedenfalls nicht!!!

Wie schaut’s bei Euch aus? Spielt Ihr mit? Oder habt Ihr keine bedenken, wenn Name und Adresse so öffentlich zugänglich sind? War die Anleitung hilfreich für Euch?

Ich freue mich über Eure Kommentare

Nachtrag vom 02.04.2010

April, April – so werden sich viele gedacht haben. Und so ist es auch. einige Zeit haben wir uns überlegt, wie wir einen “sanften” Aprilscherz unter die Leute bringen können und gleichzeitig in eulenspiegel’scher Manier den Spiegel vorhalten können: Facebook, Twitter, Schüler-VZ & Co und ihr schlechtes Abschneiden in puncto Datenschutz.

Erfreulicherweise sind auch viele darauf reingefallen. Die Idee wurde gemeinsam mit ALex (workablogic) geboren, der zahlreiche weitere Blogger mit in’s Boot holte. Nun hab ich noch das Vergnügen, mitzuteilen, wer mit von der Partie war:

workablogic.de,
meinungs-blog.de,
christiane-klein.com,
kaffeejunkies.at,
geneslebenswerk.de,
gesichtet.net,
blogfrosch.de,
pesuki.blogspot.com,
saphirasworld.de,
letzterstand.de,
gregel.com,
nicht-spurlos.de,
blogblogblog.de,
delijo.de,
crazytoast.de,
blog.tobis-bu.de.

Vielen Dank Euch allen für’s Mitspielen und für das Engagement. Es war ein rießen Spaß – bis zum nächsten Aprilscherz

Oliver

Foto: “Datenschutz” © Rainer Sturm / PIXELIO (beschnitten)

Viele Anwender stellen Ihre Bilder in Online-Webalben zur Verfügung. Sie nutzen Picasa, Flickr, die Fotocommunity oder Windows-Live-Fotogalerie. Über den letztgenannten Dienst hab ich vor rund einer Woche im Artikel “25GB Online-Speicher” geschrieben. Das Schöne an Windows-Live ist, dass Ihr dort nicht nur Bildergalerien anlegen könnt, sondern den kompletten Dienst auch in den Windows-Explorer integrieren könnt. Wenn man bedenkt, dass dabei noch 25GB(!) geboten werden, ist das eine feine Sache

Heute aber geht es um die Einbindung der externen Bildergalerien in den Blog. Über das Thema hab ich schonmal einen Artikel verfasst: Drei Methoden um eine Fotogalerie im Blog einzubinden. Heute wird das etwas verfeinert. Ich stelle zwei Möglichkeiten vor, wie Ihr Fotoalben bzw. Diashows per iframe in den Blog bzw. die Homepage einbinden könnt.

Keine Angst vor dem hässlichen Wort “iframe” – es ist ganz einfach.

Inhalt:

1.) iframe (Fotogalerie) in den WordPress-Blog einbinden

1a) Fotogalerie von Fotocommunity einbinden

1b) Fotogalerie von Windows Live-Fotogalerie einbinden

1c) Picasa-Fotogalerie einbinden

1d) Flickr-Fotogalerie einbinden

2.) iframe (Fotogalerie) in einer Lightbox darstellen / aufpoppen lassen

1. Iframe – Bildergalerie im WordPress-Blog einbinden

WordPresser könnten ggf. Probleme mit den iframes haben. Wenn sich der Quellcode nicht direkt einbinden lässt, weil der Editor den eingegebenen Code abschießt, muss noch ein wenig Vorarbeit geleistet werden. Habt Ihr Euch für ein “iframe-Modul” entschieden (zu erkennen am Quelltext, der mit “iframe” anfängt), so bearbeitet Ihr zunächst Eure functions.php (was die einzelnen WordPress-Dateien bewirken, könnt Ihr in meinen WordPress-Tutorials nachlesen). Das Bearbeiten der functions.php ist natürlich nur das erste mal erforderlich. Ihr fügt folgenden Quellcode ein:

function field_func($atts) {
   global $post;
   $name = $atts['name'];
   if (empty($name)) return;
   return get_post_meta($post->ID, $name, true);
}
add_shortcode('field', 'field_func');

Im WordPress-Backend legt Ihr ein benutzerdefiniertes Feld mit einem beliebigen Namen an (hier “flickr”):

Klicken zum Vergrößern

In das Feld “Name” tragt ihr einen frei wählbaren Namen ein (z.B. flickr für eine flickr-Galerie). Bei  “Wert” fügt Ihr den Code ein, den Ihr von Eurem externen Bilderdienst erhalten habt (hierzu gleich mehr).
Das Element könnt Ihr dann in Eurem Artikel an beliebiger Stelle mit folgendem Shortcode einfügen:
[field name=flickr]
Nachfolgend stelle ich kurz da, wie Ihr an den o.g. Code bei den vier gängigsten Bilderdiensten kommt – wobei ich Euch die Windows-Live-Fotogalerie wärmstens an’s Herz lege.

1a) Diashow von der Fotocummunity einbinden

Ihr Klickt auf “meine Fotos” und dann auf “Dia-Show dieser Fotos erstellen und auf Deiner persönlichen Homepage einbetten”. Nachfolgend könnt Ihr angeben, welche Fotos eingebunden werden sollen und wie groß die Diashow sein soll. Anschließend klickt Ihr auf Slideshow-Code erstellen.  Aus dem daraufhin erscheinenden Code kopiert Ihr  die Feedadresse und fügt sie in den iframe-Code ein, den Ihr unter “Meine Fotos/ Fotohomepage / Homepage-Codes” fügt. Das auf diese Weise bearbeitete iframe-Code  fügt ihr (wie oben dargestellt) in das benutzerdefinierte Feld ein – als “Wert”. Wenn Ihr möchtet, könnt Ihr den Code auch nachträglich verändern.

Ich hab auch ein paar Bilder bei der Fotocommunity – das Ergebnis sieht dann so aus:

1b) Diashow von Windows Live einbinden

Ihr öffnet Euer Windows-Live Fotoalbum und wählt “Freigeben”. Nachfolgend erscheint der Code, den Ihr in das benutzerdefinierte Feld eingebt. Wenn Ihr Eure Windows-Live Fotogalerie auf diese Weise einbindet, erscheint ein Logo für das Fotoalbum, das dann angeklickt werden kann. Es erscheint ein neues Fenster mit der Fotogalerie. Das sieht in meinem Falle so aus:

Möchtet Ihr aber, dass die Fotogalerie direkt im Blog angezeigt wird (ohne dass sich ein neues Fenster öffnet), dann ändert Ihr die Zieladresse aus dem oben gewonnen Code. Gebt stattdessen die Adresse der Diashow an (die seht Ihr in der Adressleiste, sobald Ihr die Diashow startet). Weil ich Euch mit Diashows nicht überladen möchte, verzichte ich an dieser Stelle auf ein Beispiel. Unter 2.) Fancybox sehr Ihr den Einsatz dieser Galerie in der Fancybox.

1c) Picasa-Diashow einbinden

Hier erfahrt Ihr die Adresse der Diashow, wenn Ihr in der Picasa-Galerieansicht auf “Diashow einbinden” klickt. Im nachfolgenden Fenster könnt ihr das Erscheinungsbild optional konfigurieren (Größe, etc.).

Picasa-Diashow einbinden (klicken zum Vergrößern)

Anschließend kopiert Ihr den generierten Code und baut ihn ein – wie oben schon mehrfach beschrieben. Auch hier verzichte ich aus Performancegründen auf ein Beispiel, da bereits zwei Galerien eingebunden sind.

1d) Flickr-Fotogalerie einbinden

Ihr wählt ein Album und klickt (rechts oben) auf den Link “Diashow”. In der daraufhin erscheinenden Diashow wählt Ihr (ebenfalls rechts oben) die Option “Veröffentlichen”. Ihr kopiert den Code, der unter “HTML zum Einbetten” steht. Auch diesen Code könnt Ihr dann im Blog einbinden (wie oben mehrfach beschrieben).

2.) Fotogalerie in einer Lightbox darstellen

Das ist die ideale Lösung, wenn Ihr eine Fotogalerie in einem eigenen Fenster anzeigen wollt. Meines Erachtens eines der elegantesten Möglichkeiten, da die Besucher zum Betrachten der Diashow die Seite nicht verlassen müssen (sofern Javascript aktiviert ist).

Im Artikel “poppende Bilder” hab ich einiges über Lightbox(en) geschrieben und dargestellt: welche Möglichkeiten es gibt und wie eine Lightbox in den WordPress-Blog eingebaut wird. Ich hab mich für Fancybox entschieden, da ich das ohnehin vorhandene Framework  “jQuery” ausnutzen konnte und es recht schlank daherkommt.

Damit auch iframes in der Fancybox dargestellt werden können, muss noch ein kleines Script eingebunden werden:

<script type="text/javascript">
jQuery.noConflict();
jQuery("#tip5").click(function() {
	jQuery.fancybox({
			'padding'		: 0,
			'autoScale'		: false,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'		: 'easeOutBack',
			'easingOut'		: 'easeInBack',
			'title'			: this.title,
			'width'			: '75%',
			'height'		: '75%',
			'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
			'type'			: 'iframe',
			'iframe'			: {
			   	 'wmode'		: 'transparent',
				'allowfullscreen'	: 'true'
			}
		});

	return false;
});
</script>

Die Werte könnt Ihr entsprechend anpassen. Für Höhe und Breite sind auch absolute Werte erlaubt. In diesem Beispiel ist es ein relativer Wert von 75%.  Außerdem kann noch der “Aufpopp-” und “Zuklapp-” Effekt modifiziert werden.

In der dritten Zeile seht Ihr den Namen “Tip5″. Mit dieser Variablen sprechen wir die Fancybox an. die Bildergalerie wird im Blog dann wie folgt verlinkt:

<a id="tip5" href="Adresse der Diashow">Zur Diashow</a>

Wie Ihr an die Adresse kommt, hab ich unter 1a) bis 1d) ausgiebig geschrieben. Für flickr benutzt Ihr aber “nur” die URL der Slideshow. Selbstverständlich könnt ihr auch eine eigene Diashow erstellen und per iframe einbinden (siehe auch: Drei Methoden um eine Fotogalerie im Blog einzubinden).

Zuletzt möchte ich nach dieser Methode den Einsatz der Windows-Live-Fotogalerie  darstellen. Gerne hätte ich auch die anderen Bild-Dienste in der Fancybox vorgestellt. Ich hab sie allesamt ausprobiert und sie funktionieren. Jedoch möchte ich den Artikel nicht mit Skripten überladen. Es sind ohnehin schon zu viel

Zur Diashow

Hier gefällt mir besonders gut, dass der Hintergrund farblich an den Ton der Bilder angepasst wird.

Eure Meinung

Ich hoffe, Ihr könnt etwas davon gebrauchen. Vielleicht konnte ich auch dem Ein- oder Anderen helfen. Wie immer, stehe ich bei Problemen mit Rat und Tat zur Seite. Auch für konstruktive Kritik bin ich jederzeit offen.

Ich freue mich über Eure Kommentare

Foto: “Bring Farbe ins Leben!” © androm31 / PIXELIO (beschnitten)

Anbieter für kostenlosen Speicherplatz gibt es mittlerweile genügend. Doch unterscheiden sie sich erheblich in Volumen, Service und Sicherheit. Einen Anbieter hab ich unter die Lupe genommen. Es handelt sich hierbei um “SkyDrive“, das von Microsoft angeboten wird. Der Zugang zu SkyDrive erfolgt über die ebenfalls kostenlose Microsoft Live-ID. Wenn Ihr beispielsweise einen X-Box-Zugang oder ein hotmail-Konto habt, verfügt Ihr auch schon über eine Live-ID. Ansonsten könnt Ihr eine ID bei bei Windows live kostenlos anlegen.

Ganze 25 GB stehen dem Anwender auf dem Online-Speicher zur Verfügung. So habt Ihr jederzeit die Möglichkeit, von überall auf Eure Musik, Fotoalben und Dokumente zuzugreifen. Auch zur Datensicherung lässt sich SkyDrive “missbrauchen”. Nervt z.B. eure Freunde, wenn Ihr dort zu Besuch seid und zeigt Ihnen Eure Musik oder die Bilder von Tante Heidruns 65. Geburtstag.

Im Folgenden möchte ich Euch zwei Möglichkeiten aufzeigen, wie Ihr SkyDrive im Explorer einbinden könnt.

1. SkyDrive per Webdav im Explorer einbinden

2. SkyDrive mit Gladinet im Explorer einbinden

Bedenkt, dass Ihr der Firewall entsprechende Erlaubnisse erteilt. Windows-nutzer greifen hier am Besten zum kostenlosen Firewall-Aufsetzer von Sphinx-Soft.

1. SkyDrive per WebDAV im Explorer einbinden

Zunächst loggt Ihr Euch bei SkyDrive ein und legt ein paar beliebige Ordner für Bilder, Datensicherung, Dokumente, Musik, Webanwendungen usw. an. Für jeden Ordner könnt Ihr angeben, wer auf die Daten zugreifen darf. Die Berechtigungen können jederzeit geändert bzw gelöscht werden. SO könnt Ihr Ordner und Daten anlegen, auf die nur Ihr zugreifen könnt – alternativ stehen sie “jedem” oder nur “bestimmten Personen” zur Verfügung. Auf Eurem SkyDrive sieht es dann in etwa so aus wie auf dem bild (Klicken zum Vergrößern).

Um Dateien zwischen dem heimischen PC und dem Online-Speicher auszutauschen, könnt Ihr entweder den entsprechende Dateibrowser (siehe Bild2) auf SkyDrive verwenden  im Browser verwenden oder Ihr benutzt eine passende Software auf Eurem PC. Bilder können z.B.  über Windows Vista oder Windows 7 direkt aus der Anwendung “Windows Live-Fotogalerie” hochgeladen werden (siehe Bild3). Alternativ geht’s auch über den Windows Explorer (Windwos-Taste + E), indem ich mit der rechten Maustaste auf das Bild klickt und “In Webalben hochladen” wählt (siehe Bild 4).

Durch einen kleinen Trick, könnt Ihr das SkyDrive auch direkt im Explorer einbinden. Dieses Laufwerk könnt Ihr dann benutzen, als wäre es auf Eurem heimischen PC. Ihr könnt also per “drag und drop” oder kopieren+einfügen auf das SkyDrive zugreifen. Das Ganze geschieht über WebDAV. Wie der Dienst unter Windows 7 und Windows Vista eingerichtet wird, hab ich im früheren Artikel “Blog per WebDAV sichern” beschrieben. Dort gibt es auch einen Workaround für evtl. auftretende Probleme.

Es ist am einfachsten, wenn Ihr Euch zusätzlich Microsoft 2010 beta Paket installiert, das Ihr bis Oktober 2010 kostenlos nutzen könnt.

Ihr öffnet eine Word-Datei mit Word 2010 und wählt

1. Datei
2. Freigeben
3. Speichern auf SkyDrive

Nach dem Einloggen seid Ihr mit Eurem SkyDrive verbunden. Ihr wählt den Ordner, in den Datei hochgeladen werden soll. Für diesen (einmaligen) Zweck nehmen wir einen öffentlichen (freigegebenen) Ordner. Nach kurzer Wartezeit (Windows verbindet sich mit dem Live-Dienst) kommt der “Speichern unter”-Dialog. Dort ist die eigentliche Adresse des Online-Speichers hinterlegt. Wir kopieren die Adresse mit der rechten Maustaste – siehe Bild 6.

Mit der Adresse im Zwischenspeicher erstellen wir nun eine WebDAV-Verbindung (siehe “Blog per WebDAV sichern“) . Hier in aller Schnelle: Im Explorer auf “Netzlaufwerk verbinden”, einen Laufwerksbuchstaben angeben und den soeben kopierten Pfad als Adresse eingeben. Benutzerkennung und Passwort können wir (auf Wunsch) speichern, damit es nicht jedes Mal abgefragt wird. Außerdem könnt Ihr festlegen, ob der Online-Ordner auch beim nächsten Windows-Start zur Verfügung stehen soll (was zu empfehlen ist).

Das war’s auch schon -
ab sofort ist ist Euer Skydrive im Explorer eingebunden (siehe Bild 7).

2. SkyDrive mit Gladinet im Explorer einbinden

Ihr verfügt bereits über ein SkyDrive-Konto (wie beschrieben) und ladet Euch die kostenlose Software “Cladinet Cloud Desktop” herunter (aktuelle Version 1.4). Nach der Installation startet Ihr das Programm. Ihr werdet gefragt, ob Ihr die kostenlose Version oder die Premium-Version (gebührenpflichtig) verwenden sollt. Die kostenlose Alternative (mit 1000 Dateiübertragungen pro Auftrag) sollte zunächst genügen.

Anschließend seht Ihr, welchen Applikationen per Cladinet im Explorer eingebunden werden können. Es ist wirklich erstaunlich, wie komfortabel und umfangreich dieses Programm ist. So könnt Ihr neben dem SkyDrive auch Google Docs und Picasa sowie Amazon S3, FTP und WebDAV-Laufwerke anlegen – und noch zahlreiche weitere.

Zunächst wird der Gladinet-Client auf dem gewählten Laufwerksbuchstaben  installiert (hier: “y”). Öffnet ihr dieses Laufwerk im Explorer, so steht Euch dort die eben erzeugte Datei “klick to mount” zur Erstellung der Verbindung zur Verfügung (siehe Bild9). Selbstverständlich könnt Ihr weitere Laufwerke mit beliebigen Verbindungen auch nachträglich hinzufügen. Wie auch immer: Ihr wählt “Mounting Virtual Directory” und werdet im folgenden nach Euren SkyDrive-Zugangsdaten gefragt (siehe Bild 10). Nach zweimaligen Bestätigen und der Frage, ob Ihr Eure Dateien auf der Cloud sichern wollt, wird das Laufwerk gemountet und steht im Explorer unter “y” (dem Gladinet-Clienten) zur Verfügung (siehe Bild11).

Fazit

Je länger ich für diesen Artikel recherchiere, ihn vorbereite und nun schreibe (mittlerweile auch schon den ganzen Nachmittag), desto mehr fällt mir auf, wie genial diese Dienste sind. Durch die Integration der unterschiedlichsten Online-Dienste im Explorer wird einem erheblich das Leben erleichtert.

Minimalisten, die nicht gerne zu Gladinet greifen, stellen eine WebDAV-Verbindung her. Durch beide Lösungen seit ihr jedenfalls in der Lage, externe Dienste derart im Explorer zu integrieren, als seine diese Laufwerke auf eurem Computer. Kopieren+Einfügen funktioniert ebenso wie drag&drop. Es muss auch nicht unbedingt “SkyDrive” sein. Stellt Euch doch mal vor, wie geil es ist, im Explorer die  auf ftp-Daten Eures Blogs zugreifen zu können. Datenspeicherung. Überall auf Deine Musik zugreifen zu können. Die eigene Bildergalerie oder eine Diashow. Auf Wunsch auch stets im Explorer. Die Möglichkeiten sind schier unbegrenzt.

So …. nun kommt die Melodie von “Die Sendung mit der Maus” …. und das nächste Mal zeige ich Euch, wie Ihr Eure Skydrive-Fotoalben auch in den Blog integrieren könnt

Wenn Euch das Lied gefallen hat, so freue ich mich über Eure Kommentare. Auch kritische Gegenstimmen sind Willkommen. Selbstverständlich werden hier auch Eure Fragen beantwortet. Wie schaut’s aus – habt ihr Lust auf soetwas? Was macht ihr denn so?

so warb Loriots Staubsaugervertreter schon vor Jahrzehnten. Doch die Zeiten hab sich geändert. Mittlerweile hab ich den Eindruck, dass Haushaltsgerät immer mehr den Bedürnissen der Männer angepasst werden.

• Wer steht denn da in der ersten Reihe, wenn auf der Verbrauchermesse der neue Gemüsehobel vorgestellt wird?
• Wer lässt sich denn beeindrucken, wie sauber die neue High-Tech-Geschirrspülmaschine reinigt? Fast ohne Energie und Wasser.
• Wer bekommt große Augen, wenn der Mike Tyson-Power-Kontaktgrill vorgestellt wird?

Es sind die Männer

die sich da beeindrucken lassen und den Geldbeutel zücken, für Dinge, die frau sonst nur benutzt.

Ich habe den Eindruck, dass immer mehr Haushaltsgeräte auf die Bedürfnisse und die innersten Triebe des Mannes abgestimmt sind. Auch die Werbung zielt darauf ab. Neulich hab ich mich von einem Verkäufer an einem Stand hypnotisieren lassen und kaufte einen 50-Euro Sekundenkleber. Wow – der klebt einfach alles und verklebt nicht! Ich konnte mich selbst davon überzeugen, indem ich am Riemen des Verkäufers zog, der kurz zuvor zerschnitten und dann wieder zusammengeklebt wurde.

Wenig später kam ich zur Besinnung und dachte: Hab ich jetzt wirklich einen Sekundenkleber für 50 € gekauft? Mein Gott, wie dämlich!
Noch etwas später stellte ich fest, dass der Kleber auch nicht besser klebt als alle anderen Sekundenkleber.
Eine weitere Woche später stellte ich fest, dass die Düse genauso verklebt wie bei anderen Sekundenklebern.
Vor einem Monat schwur ich mir noch, nie wieder auf Werbung hereinzufallen. Mich zu besinnen, abschalten,  hinzusetzen und zu überlegen, ob ich so etwas wirklich brauche.
Vergangene Woche hab ich einen neuen Staubsauger gekauft. Den Dyson DC-23 Animal-Pro (Links zu Amazon-Partner).

Sieht er nicht aus wie “für den Mann” gemacht? Mann – und wie der saugen kann!

Toll auch, wie er bläst: Die Luft, die von von diesem Tier wieder ausgeblasen wird, enthält bis zu 150 Mal weniger Bakterien als die Luft, die ich atme!

Hey – der braucht auch keine Beutel und du siehst, wie das aufgesaugte Material hinter der Plexiglasscheibe herumwirbelt. Rooooar – was ein Tier! Das freut sogar die Katze, die Ihre Haare herumwirbeln sieht. Eine Menge, aus der man eine weitere Katze klöppeln könnte.

Meine “Mitbewohnerin”

war jedenfalls nicht begeistert, als ich von meiner neuen Errungenschaft per E-Mail (an den Arbeitsplatz) beichtete. Schnell bekam ich das Ganze wieder in D-Mark umgerechnet und vorgehalten, dass wir dafür hätten in den Urlaub gehen können. “Wenn Du was zu spielen brauchst dann kauf die besser ein Puzzle”, hieß es.

Ich entgegenete und schob die Schuld auf Willi (unsere neue Katze), dessen Haare in allen Ecken und Polstern die Leistungskraft unseren alten Kobolds sprengt.

Das hätte ich vielleicht besser nicht sagen sollen. Versteh mir einer die Frauen! Es muss jedenfalls sehr gemein gewesen sein, was ich da sagte.

Als sie nach Hause kam und den Sauger endlich sah, fragte sie gleichgültig und vorwurfsvoll “ach, ist das der neue Sauger?”  – ich wollte die Situation nicht eskalieren lassen und gab daraufhin auch keine doofe Antwort ab. Ich sagte einfach nur “ja”. Die Antwort gab sie selbst: “Der ist ja scheußlich”.

“Wie bitte, was soll denn daran scheußlich sein? das Ding saugt wie ein Weltmeister. Der saugt sogar die Luft! Die ist dann 500x sauberer (ich übertrieb ein wenig). Mensch, der saugt Partikel bis zu 0,1 Nanometer – z.B. Zigarettenrauch!” ….. ich konnte sagen was ich will – sie mochte ihn nicht!

“Trotzdem”, entgegnete sie einfach.

Ich stellte Ihr das ganze Zubehör vor – “sämtliche Düsen (und was man sonst noch so braucht) sind bei Dyson DC23 Animalpro dabei:  Turbinendüse, Mini Turbinendüse, Parkettdüse……”

Keine Wirkung.

Ich setzte alles auf eine Karte und plante, Ihr was vorzusaugen. Ohne zu wissen, ob es funktioniert, saugte ich den von Katzenhaaren verfilzten Fußabtreter, der danach aussah wie neu. – Gottseidank!

“Und?”, fragte ich

“Das Ding ist laut” bekam ich patzig zu hören.

Nun, wie auch immer. “Das Ding”, das “so aussieht wie ein Roboter” ist mittlerweile auch ihr an’s Herz gewachsen. So ganz offen gibt sie es nicht zu, doch kleinlaut pflichtet sie mittlerweile bei, dass er einen ganz guten Eindruck macht, sehr stabil und wendig ist, Teppiche ungeahnt neu erscheinen lässt. Die Worte legte ich ihr in den Mund. Aber gekauft hätte sie ihn nie!

Habt Ihr denn ähnliche Erfahrungen gemacht?

Wie sieht es in Eurer Beziehung aus? Wer lässt sich da schneller beeindrucken? Wer kauft denn die Haushaltsgeräte und wer nutzt sie? Ach … und noch was: Ist es denn krank, wenn man absichtlich Schmutz macht, weil man(n) sich tierisch darauf freut, ihn wieder wegzusaugen – mit einem High-Tech-Gerät?

zu Hause haben wir eine Baustelle und im Blog sieht es ebenso aus: Das Theme wurde komplett neu aufgesetzt (auch wenn es äußerlich fast so aussieht als bisher). Es hakt noch an vielen Stellen und einiges muss noch optimiert werden. Doch nun ist es endlich soweit, dass ich wenigstens  mal wieder Content liefern kann.

Im Zuge der Optimierungsarbeiten überlegt ich mir auch, welcher “Lightbox-Effekt”  im Blog eingebaut werden soll. Die Frage ist durchaus berechtigt, denn Lightbox ist nicht gleich Lightbox. Oftmals ist es auch eine “Heavybox”, deshalb kommt es durchaus darauf an, dass man den “passenden” Effekt wählt.

Das t3n-Magazin ist um eine Attraktion reicher: Dort gibt es nun eine Community, bei der Ihr Fragen zu den Themen  Web 2.0, Open Source, Webentwicklung oder E-Business stellen oder beantworten könnt. So stellte ich dort vor ein paar Tagen auch eine Frage, die dankenswerterweise glänzend beantwortet wurde:

Was haltet Ihr von Lightbox-Effekten für Bilder im Blog? Alles Quatsch oder schicke Garnitur?

Welche sind bei Euch im Einsatz? Kennt Ihr empfehlenswerte Scripte?

Thomas Quensen meinte, ein Lightbox-Effekt sei besser als das große Bild auf einer neuen Seite anzuzeigen oder garnicht anzubieten. Dieser Meinung schließe ich mich vollkommen an. Jedenfalls nannte er einen Link zu einem Projekt, bei dem zahlreiche Lightbox-Effekte in einer Tabelle aufgelistet sind.

Was ist der “richtige” Lightbox-Effekt für mich?

In der o.g. Tabelle ist auch aufgelistet, welche Javascript-Dateien für die zahlreichen Lightblox-Clone jeweils erforderlich sind. Das Ganze sieht so aus (bei der Gelegenheit könnt Ihr meinen “Lightbox-Effekt gleich anschauen und Euren Senf dazu abgeben, wenn Ihr möchtet):

Lightbox-Effekte im Überblick (klicken zum Vergrößern)

Nun kommt es darauf an, ob Ihr einfach mal wild drauf los poppen wollt, oder ob Ihr Euch überlegt, welche Skripte bei Euch ohnehin aktiv sind. Denn viele Themes und Plugins erfordern für mehr oder weniger hilfreichen Schnickschnack einiges an Javascript-Power. So hatte ich vor einiger Zeit noch das WordPress-Plugin “Lightbox 2” aktiv, das neben den ohnehin vorhandenen Skripten (Lightbox.js und Lightbox-resize.js) noch 172k Prototype.js + Scriptaculous.js ludt. Das war eigentlich total unnötig, denn für andere Lightbox-Effekte war der vorhandene Blog viel besser geeignet. Meine Wahl fiel auf Fancybox, das neben dem hauseigenen Skript nur noch jquery.js benötigt, das bei mir ohnehin aktiv ist. Für Fancybox gibt es übrigens auch ein WordPress-Plugin, das allerdings entbehrlich ist. Eine weitere Beschreibung des nachfolgend vorgestellten Effekts findet Ihr bei Caschy.

Schaut am Besten mal in Eurem Blog nach, welche Javascript-Dateien mit Lightbox-Effekt und welche ohne Lightbox-Effekt geladen werden. Hierfür gibt es zahlreiche Tools und Programme, die ich im Artikel “Blogladezeiten optimieren” vorgestellt habe.

Fancybox in WordPress einbinden

Das ist eigentlich nicht so schwer und wird auf der Herstellerseite auch gut erläutert. Ich fasse das ma ganz schnell zusammen:

1.) Javascript Dateien, Stylesheets und Bilder hochladen

2.) Javascript einbinden

im Normalfall in der header.php:

<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.0.pack.js"></script>

Nach “src” tragt Ihr natürlich Euren eigenen Pfad ein (aus Schritt 1). Vergewissert Euch, ob jquery.js aktiv ist – falls nicht, bindet Ihr es gleichfalls ein.

3.) Stylesheet einbinden

ebenfalls im Normalfall in der header.php:

<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.0.css" type="text/css" media="screen">

Auch hier tragt Ihr wieder Eure eigene Adresse ein. Die Stylesheet verweist u.a. auf  die Grafikdateien, die Ihr im Schritt 1 hochgeladen habt. Ggf. müsst Ihr die Datei noch bearbeiten, wenn die Grafikdateien in einem anderen Ordner gesteckt habt.

4.) “Popups” im Beitrag richtig verlinken

Damit sich der Pop-Effekt auch auswirkt, müsst Ihr die Bildverweise auch richtig verlinken.  Ihr fügt einfach das Attribut rel=”fancybox” hinzu. Das sieht dann beispielsweise so aus:

<a rel="fancybox" href="http://www.plerzelwupp.de/wp-content/uploads/2010/02/Lightbox01.png">

Damit Ihr das nicht jedes Mal machen müsst und Fancybox auch auf die vorhandenen Bildverweise anspringt, solltet Ihr noch eine passende Regel hinzufügen. Folgenden Code hab ich aus dem oben verlinkten Plugin geklaut:

<script type="text/javascript">
	jQuery(document).ready(function($){
		var select = $('a[href$=".bmp"], a[href$=".gif"], a[href$=".jpg"], a[href$=".jpeg"], a[href$=".png"], a[href$=".BMP"], a[href$=".GIF"], a[href$=".JPG"], a[href$=".JPEG"], a[href$=".PNG"]');
		select.attr('rel', 'fancybox');
		select.fancybox();
	});
</script>

Das war’s auch schon. Ab sofort könnt Ihr munter drauf los poppen.

Anwendungsmöglichkeiten von Fancybox:

Die Anwendungsmöglichkeiten sind sehr vielfältig. Es kann eine kleine Bildergalerie sein, die man dann auch durchklicken kann, oder einfach nur ein Textlink sein. z.B.

Ein paar Bilder (Beispiele):

• Bild 1: Herbst
• Bild 2: Urlaub in Kambodscha
• Bild 3: Singapore von oben
• Bild 4: Mein Kamel hat AUA
• Bild 5: Plerzelwupp bei Nacht

Auch Youtube Videos können eingebettet werden:

Hier könnt Ihr beispielsweise sehen, wie es bei mir zu Hause zugeht:

plerzelwupp (Oliver) bei den Bunnies

Für Youtube Videos ergänzt Ihr ganz einfach den Code (z.B. in der header.php), der auf der Seite von Fancybox dargestellt wird und ergänzt Eure Youtube-Verlinkung mit dem Attribut id=”tip4″.

Workaround bei Problemen

Falls der Effekt bei Euch ausbleibt, dann vergewissert Euch, dass die Stylesheet-Datei und Javascript ordnungsgemäß eingebunden sind. Benutzt hierfür eines der genannten Hilfsmittel aus dem oben verlinkten Artikel.

Vergewissert Euch außerdem, dass die Bilder in der Stylesheet ordnungsgemäß verlinkt sind.

Wenn es immer noch nicht geht erhaltet Ihr mit Firebug möglicherweise die Fehlermeldung:

jQuery: “$ is not a function”

In diesem Fall ersetzt Ihr im Javascript-Code sämtliche $-Zeichen durch “jQuery” und stellt die Codezeile jQuery.noConflict(); voran. der Code für obiges Youtube-Video lautet dann wie folgt:

<script type="text/javascript">
jQuery.noConflict();
jQuery("#tip4").click(function() {
	jQuery.fancybox({
			'padding'		: 0,
			'autoScale'		: false,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'		: 'easeOutBack',
			'easingOut'		: 'easeInBack',
			'title'			: this.title,
			'width'		: 680,
			'height'		: 495,
			'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
			'type'			: 'swf',
			'swf'			: {
			   	 'wmode'		: 'transparent',
				'allowfullscreen'	: 'true'
			}
		});

	return false;
});
</script>

So etwas wie ein Fazit

Wenn Ihr Bilder nicht auf eine neue Seite verlinken wollt, dann sind Lightbox-Effekte unerlässlich. Für welchen Effekt Ihr Euch entscheidet, bleibt natürlich Euch überlassen. Doch sollte bei der Wahl beachtet werden, dass es von Vorteil ist, einen Effekt zu wählen, dessen Skripte ohnehin am Laufen sind (für die “Kurzleser”: Das ist oben näher erläutert).

Natürlich eigenen sich auch Plugins – es gibt jede Menge davon; für die unterschiedlichsten Blogsysteme. Doch ich denke, mit der o.g. Liste seid Ihr besser bedient. U.a. auch deswegen, weil sich die Javascript-Dateien besser steuern lassen und ggf. zusammengefügt werden können. Doch darüber schreibe ich das nächste Mal.

Benutzt Ihr eigentlich solche Effekte? Was haltet Ihr davon? Hab ich Euch ein klein wenig inspiriert? Habt Ihr Lust auf poppende Bilder in Eurem Blog? – Ich freue mich über Eure Kommentare.

Foto: “Paarungszeit” © Bernd Boscolo / PIXELIO (beschnitten)

Oftmals sind die Gravatare sehr schnell da – doch es kommt auch sehr häufig vor, dass der ein oder andere Gravatar mal “hängt”. Außerdem gibt es eine gewisse Abhängigkeit von der Verfügbarkeit des Gravatar-Servers.

Warum also die Gravatare nicht cachen?

Nun, die Idee ist ja nicht neu. Dazu gibt es mehrere Anleitungen und/ oder Plugins im Netz. Doch so richtig funktioniert hat nichts von alledem. Da erinnerte ich mich an Tanja, die mit Ihrem Cache-Skript so allerlei Anwendungsmöglichkeiten aufzeigte. Das Skript kann, in jeweils abgewandelter Form, für zahlreiche Cache-Lösungen herangezogen werden. Man muss nur erfinderisch sein. Ob Ihr nun Widgets cachen wollt, “related Posts” oder den ganzen Kommentarbereich – hier seid Ihr richtig!

Jedenfalls hatten wir einen Dialog und wenige Tage später wandte sich Tanja per E-Mail an mich. Sie habe eine Gravatar-Cache-Lösung und ich solle es gleich ausprobieren. Das hat allerdings nicht auf Anhieb geklappt – in einem zweistündigen Telefonat haben “wir” es dann doch zum Laufen gebracht. Über die Hintergrunde werde ich nach Vorstellung des Skripts noch eingehen. Lest Euch zuerst alles durch, bevor Ihr anfangt.

Was bedeutet denn überhaupt “Gravatar-Cache”?

Die Gravatare Eures Blogs, die anhand der E-Mail-Adresse der Kommentierenden von gravatar.com geholt werden, werden “gefangen” und auf Eurem eigenen Host (als Kopie) abgelegt. Im Standard-Zustand des nachfolgend vorgestellten Skriptes werden die Gravatare vier Wochen lang gecached. Das heißt: Ein einmal von gravatar.com geladener Gravatar in Eurem Blog wird fortan nicht mehr von gravatar.com , sondern von der Kopie auf Eurer Domain (Eurem Wenhoster) geholt. Ihr könnt Euch selbst davon überzeugen: Je nach Browser kann dies in aller Regel per Klick mit der rechten Maustaste auf einen Gravatar in meinem Kommentarbereich überprüft werden. Im Kontextmenü gibt es einen Eintrag “Grafikadresse kopieren” (Firefox), “Eigenschaften” (Internet Explorer 8), “Bild-Adresse kopieren (Opera)” oder “Bild-URL-kopieren” (Chrome 4).

Doch genug der langen Worte – schreiten wir zur Tat.

Gravatare cachen

1. Cache-Ordner anlegen

Ihr legt direkt in das Root (also in der obersten Ebene des ftp-Verzeichnisses) einen Ordner “z-cache” an. Darin legt Ihr einen weiteren Ordner “gravatar” an. Im gravatar-Ordner legt Ihr wiederum einen Ordner “images” an. Alle drei genannten Ordner bekommen die Rechte 777.

2. comments.php bearbeiten

Ihr sucht den Gravatar-Aufruf der Kommentarausgabe:

<?php echo get_avatar( $comment, 60); ?>

Dieser Aufruf sollte normalerweise in der comments.php Eures Themes stehen. Es kann jedoch auch vorkommen, dass Euer Theme etwas anders arbeitet. In meinem Fall befindet sich der Aufruf beispielsweise in der functions.php. Auch die Größe “60″ kann variieren. Möglicherweise kommen bei Euch Gravatare anderer Größe zum Einsatz (bei mir sind es 50x50px). Dazu gleich mehr. Wir fahren mit der comments.php fort – ich erinnere an die obligatorische Sicherungskopie!!!

Jedenfalls löscht Ihr die o.g. Zeile und setzt stattdessen folgenden Code ein:

<?php $teil = get_comment_author_email(); //1 Teil Cachefile
	$teil = strtolower  ($teil);
	$teil = md5($teil);
	$cachefile13 = "z-cache/gravatar/".$teil.".html";
	$cachetime13 = 40320 * 60; // 40320 = 4 Wochen
	if (file_exists($cachefile13) && (time() - $cachetime13 < filemtime($cachefile13))) {
		include($cachefile13);
		//$test = date('d.m.Y H:i', (filemtime($cachefile13) + $cachetime13));
		//echo "<!-- Cache vom ".date('j. F Y H:i', filemtime($cachefile13))." - naechster Update: $test-->";
	}
	else {
	ob_start(); ?>

		<?php $text = get_comment_author_email();
		$text = strtolower  ($text);
		$text = md5($text);
		$cachefile21 = "z-cache/gravatar/images/".$text.".png";
		$grav_img = "http://www.gravatar.com/avatar/".$text."?s=60&d=wavatar&r=G";

		ob_start();
		$fp = fopen($grav_img, "rb");
		fpassthru($fp);
		fclose($fp);
		$file = ob_get_contents();
		ob_end_clean();

		$fp = fopen($cachefile21, "wb+");
		fwrite($fp, $file);
		fclose($fp); ?>

		<img alt="" src="http://www.plerzelwupp.de/<?php echo $cachefile21;?>" height="60" width="60" />

		<?php //echo get_avatar( $comment, 60); ?>

	<?php $fp = fopen($cachefile13, 'w'); // Cache 2. Teil
	fwrite($fp, ob_get_contents());
	fclose($fp);
	ob_end_flush();
	} // Cache Endefile ?>

• Wenn Ihr Gravatare anderer Größe verwendet, ändert Ihr die Zahl “60″ in den Zeilen 18, 31 (2x) und 33 entsprechend.

• Die Webadresse in Zeile 31 müsste Ihr auf Euren Blog umstellen.

• Die Zeilen 1-12 leiten den Cache ein, die Zeilen 35-39 schließen ihn wieder. In eventuellen Test-Szenarien löscht Ihr diese Zeilen und schaut, ob der Kern funktioniert. Beim ersten Aufruf einer Kommentarseite dauert die Ladezeit erheblich länger – ein gutes Zeichen: das Cache-Skript macht seine Arbeit. Vergewissert Euch im FTP-Verzeichnis, ob die neu angelegten Ordner gefüllt werden. Prüft außerdem nach, ob die geladenen Gravatare tatsächlich “bei Euch gehostet” sind.

Das war’s auch schon. Ab sofort müssten Eure Gravatare gecached werden! Doch erinnert euch an meine Worte: Lest erst mal weiter – insbesondere, was die Funktion fopen() betrifft.

Workaround: Mögliche Fehlerquellen erkennen

Arbeitet das Skript noch nicht richtig?

Die beiden auskommentierten Zeilen 8 und 9 sind zu Testzwecken eingerichtet. Aktiviert diese Zeilen bei den ersten Aufrufen und setzt dabei zusätzlich die Zeit in Zeile 3 auf 1 (anstatt 40320). Vergewissert Euch, ob der Cache auch funktioniert, indem Ihr nun den Quelltext öffnet und nach “cache vom….” sucht. Da müsste nun die richtige Zeit stehen.

Wenn Ihr den Cache per FTP wieder löschen wollt, empfiehlt es sich, zuvor die Caching-Funktion zu deaktivieren: Durch Auskommentieren oder Löschen der o.g. Zeilen (1-12 und 35-39). Nach dem Löschen des Caches aktiviert Ihr diese Zeilen wieder.

Die Sache mit fopen(): Es kann sein, dass Euer Hoster diese Befehle nicht unterstützt. Ob diese Funktionen bei Euch aktiviert sind erfahrt Ihr, wenn ich Euch eine kleine info.php bastelt. Dazu erstellt eine Textdatei mit folgendem Inhalt:

<?
phpinfo();
?>

Ihr speichert diese Datei dann unter info.php ab (aus die Dateiendung achten) und legt sie dann per ftp in Euer Heimverzeichnis. Mit dem Browser steuert Ihr diese Seite dann an – z.B. http://Eure-Domain/info.php

Dort sollten “allow_url_fopen” und “allow_url_include” Funktionen auf “on” stehen.

Bei mir war das zunächst nicht der Fall. Also wandte ich mich an den Kundensupport von 1&1. Nach erfreulich geringer Wartezeit erklärte mir ein kompetenter Mitarbeiter, dass diese Funktionen für externe URLs standardmäßig gesperrt ist. OK, soviel wusste ich auch. Ich wusste auch, dass diese Funktionen durch Bearbeitung der “php.ini” aktiviert werden können (bei mir war jedoch keine php.ini vorhanden – ‘dachte, ich käme nicht dran). Was ich aber nicht wusste: Bei meinem Hoster ist es erlaubt, solch eine php.ini zu erstellen. Der entsprechende Befehl zur Aktivierung der beiden Funktionen lautet:

allow_url_fopen=1
allow_url_include = on

Das Datei wird php.ini genannt und kommt sowohl in das Root, als auch in den Script-Ordner.

Wenn diese Funktionen bei Euch nicht unterstützt werden lohnt es sich auszuprobieren, ob Ihr auch eine php.ini erstellen oder eine bereits vorhandene modifizieren könnt. Ansonsten lohnt sich ein Anruf beim Hoster. Erklärt den Mitarbeitern, was Ihr vorhabt und was Ihr mit den Funktionen machen wollt. Vielleicht sind sie gnädig.

Übrigens: Falls url_fopen nicht unterstützt wird, merkt Ihr das auch, wenn statt denn Gravataren “fehlerhafte Bilder” angezeigt werden. Öffnet dazu eine der gecachten png-Dateien mit einem Texteditor (unter z-chache/gravatar/images). Dort müsste eine Fehlermeldung stehen – in der Art: Warning fopen(…Url….)…. failed to open stream: HTTP wrapper does not support writeable connections in … on line ……

Fazit

Die Ladezeiten der Artikel-Ansichten (mit Kommentaren) sind deutlich stabiler und schneller geworden. Kommt ein Besucher, dessen Gravatar bereits gecached ist, erhält beim neuerlichen Kommentieren die Cache-Version seines Gravatars. Meines Erachtens ist dieses Skript eine glänzende ALternative zu einem entsprechenden Plugin.

Vielleicht hab ich Euch ein wenig auf den Geschmack gebracht? Habt Ihr schonmal die gravatar-Ladezeiten beobachtet? Euch mit diesem Thema schon beschäftigt? Lust, das mal auszuprobieren? gerne gebe ich Hilfestellung.

Ich freue mich über Eure Kommentare

Nachtrag vom 16.02.2010

Jeffrey vom infoblog.li hat sich der Sache nun ebenfalls angenommen und das Skript noch erweitert bzw verfeinert. Die Gravatare können nun per Skript aktualisiert werden, was den Vorteil hat, das Alter der gecachten Gravatre nicht ständig auslesen zu müssen.  Das Skript könnte dann (beispielsweise über Nacht) per cronjob gestartet werden.  Jeffreys Beitrag ist hier zu lesen.

Schade nur, dass mein Hoster keine cronjobs zulässt vielleicht gibt es in dieser Hinsicht Vorschläge(?)

Um eins gleich vorwegzunehmen: Es geht hier nicht um xml-Sitemaps für Suchmaschinen Google & Co, sondern um eine Seitenübersicht  Eures WordPress-Blogs: Ein strukturierter Überblick Eurer Artikel, sortiert nach Kategorien. Ein toller Service für Eure Leser und Besucher.

Zunächst dachte ich, solch eine Sitemap wird ohnehin nicht geklickt, doch mittlerweile bin ich vom Gegenteil überzeugt: Die Sitemap wird geklickt! Meines Erachtens  sollte die Sitemap ein fester Bestandteil eines ordentlichen Internetauftritts sein.  Sie trägt zur Benutzerfreundlichkeit bei und schafft einen Überblick über den kompletten Blog. Wie so eine Sitemap aussieht, könnt Ihr hier sehen; wie sie erstellt wird, erfahrt Ihr im Folgenden.

Dies ist übrigens der dritte Beitrag in Folge zum Thema “xyz ohne Plugin” – irgendwie bin ich im Zuge der Serie “Blogladezeiten optimieren” in eine Art Blutrausch verfallen. Zahlreiche Plugins mussten einer händischen Methode weichen. Aber keine Angst: In den letzten beiden blogfreien Wochen hab ich genug Stoff für weitere Themen gesammelt

Lösung 1 – für Faule: Plugin

Wer es einfach und unkompliziert mag, erstellt eine Sitemap unter Zuhilfenahme eines Plugins. Empfehlenswert in diesem Zusammenhang ist das Plugin “Sitemap Generator for WordPress“. Es wird installiert wie jedes andere Plugin auch, unter Einstellungen/ DDSitemapGen modifiziert und an jeder x-beliebigen  Stelle im Blog unter Angabe des folgenden Codes zum Vorschein gebracht:

<!-- ddsitemapgen -->

Dieses Plugin war lange Zeit bei mir im Einsatz und verrichtete brav seine Dienste. Doch relativ leicht geht es auch ohne Plugin.

Lösung 2: Kategorien einzeln ausgeben

Wer nur wenige Kategorien hat, kann diese auch gezielt auslesen lassen. Dabei könnt Ihr nach folgendem Prinzip vorgehen:

Überschrift – Kategorie1

• Code zum auslesen der Kategorie 1

Überschrift Kategorie 2

• code zum Auslesen der Kategorie 2

usw……..

Bei dieser Herangehensweise erstellt Ihr für die Sitemap eine eigene Vorlage (“Template”). Am geschicktesten verwendet Ihr dafür die page.php eures Themes, kopiert diese und gebt der kopierten Datei den neuen Namen “sitemap.php”. Mit einem Editor (wie beispielsweise notepad++) bearbeitet Ihr diese Datei. Gleich am Anfang der Datei fügt Ihr folgende Zeilen ein:

<?php
 /*
 Template Name: Sitemap
 */
 ?>

Damit Euere WordPress auch “weiß”, dass es sich um ein Template mit dem Namen “Sitemap” handelt. Ursprünglich war das Template (eine Art “Schablone”) dazu gedacht, eine statische Seite auszugeben. Der Seiteninhalt wird in aller Regel mit dem Aufruf <?php the content(); ?> geholt. Nun wollen wir unsere Sitemap aber nicht mit Inhalten mit Content, sondern mit unserem eigenen Code füllen, deshalb löscht Ihr diese Zeile ganz einfach.

An diese Stelle kommt dann Euer Code zum Auslesen einer einzelnen Kategorie, den ich in abgewandelter Form von Frank Bültge “geklaut” habe:

<ul><h3>Beitr&auml;ge aus der Kategorie "Anleitungen"</h3>
<?php
$MyCat_Content = get_posts('numberposts=10&category=3');
$MyCat_Echo = '';

if (is_array($MyCat_Content)) {
 foreach ($MyCat_Content as $post) {
 $MyCat_Echo .= '<li><a href="' . get_permalink($post->ID) . '" title="' . $post->post_title . '">' . $post->post_title . '</a> (' . mysql2date('d. M Y', $post->post_date) . ')</li>';
 }
}
echo $MyCat_Echo;
?>
</ul>

In Zeile 1 befindet sich die Überschrift und der Name der Kategorie.

In Zeile 3 könnt hier hinter “numberposts” angeben, wieviele Artikel aus der Kategorie geholt werden sollen. In diesem Beispiel sind es die letzten 10 Beiträge – Ihr könnt aber auch beliebig mehr (oder weniger) angeben.

Wichtig ist noch die Kategorie-ID, die ebenfalls in Zeile 3 eingegeben wird. Im obigen Beispiel hat die Kategorie “Anleitungen” die ID-Nr. 3. Welche ID die jeweilige Kategorie hat, erfahrt Ihr im WordPress Frontend: Unter Artikel/ Kategorien werden Eure Kategorien aufgelistet. Wenn Ihr mit der Maus über die gewünschte Kategorie fahrt, seht Ihr in der Fußleiste die dazugehörige Adresse.  Das sieht in etwa so aus:

http://www.plerzelwupp.de/wp-admin/categories.php?action=edit&cat_ID=3

Alternativ könnt Ihr den Link auch in die Zwischenablage kopieren und an anderer Stelle ausgeben.

Das war’s auch schon. Das selbe macht Ihr dann mit den anderen Kategorien auch.

Wenn Ihr mit eurem Template fertig seid,  müsst Ihr zuguterletzt  eine statische Seite erstellen (Seite / erstellen). Diese nennt Ihr “Sitemap”. Ihr braucht hier keinen Content einzugeben. Wichtig ist nur, dass Ihr das richtige Template auswählt. Wenn Ihr alles richtig gemacht habt, müsste unter “Template” Eure Sitemap aufgelistet sein.

Das war’s auch schon! Ist doch nicht so kompliziert, oder?

Viel Spaß beim Nachmachen

Lösung 3: Sitemap komplett ausgeben lassen

Auf diese Methode möchte ich eigentlich nicht näher eingehen, denn sie wird bei obenlands.de eingehend erläutert. Die Herangehensweise ist die gleiche, jedoch mit anderem Code.

Unglücklicherweise hat das bei mir nicht zu 100% funktioniert: Die Kategorien wurden nicht vollständig ausgelesen. Das mag auch daran liegen, dass ich Kategorien im Laufe der Zeit umbenannt habe.

So etwas ähnliches wie ein Fazit

Für welche der drei Methoden Ihr Euch entscheidet könnt Ihr Euch selbst aussuchen. Wenn Ihr Euer Blog nicht über allzu viele Kategorien verfügt, könnt Ihr gerne die Methode 2 ausprobieren. Der Aufwand ist viel geringer als es zunächst aussehen mag. In wenigen Minuten verfügt Ihr über eine Sitemap. Das Ganze ohne Plugin. Wenn Ihr wollt, könnt Ihr Euch die Ausgabe auch nach Tanjas Methode cachen – das schont den Server und spart  etwas Zeit.

Wie schaut’s denn mit Dir aus? Hast Du schon eine Sitemap? Wie denkst Du darüber? Sollte eine Angeboten werden?

Wenn Ihr “nachbasteln” wollt, helfe ich (wie immer) gerne weiter, wenn es mal haken sollte. Ansonsten freue mich auf Eure Kommentare.

Foto: “Ein Herz für Bücher” © BirgitH / PIXELIO