Leider ist dieses Video in Deutschland nicht verfügbar

Also geben wir uns als Amerikaner oder Engländer aus. Wie das geht erfahrt Ihr im Folgenden.

Drei Unterschiedliche Methoden:

1. Die Keule: VPN mit HotSpot Shield (Königsmethode: eine Installation – nie wieder Probleme)

2. Erweiterungen (Plugins) für gängige Browser (den Datenverkehr des Browsers auf Proxies umleiten)

3. Web-Proxies (für Faule: Keine Installation – Youtube über andere Seiten aufrufen)

1. Die Keule: VPN mit HotSpot Shield

Das ist eigentlich meine Lieblingsmethode. Mit Hotspot-Shield surft Ihr quasi über eine amerikanische Adresse. Sämtlicher Datenverkehr wird über diese Adresse geleitet. Das wirkt sich auf den ganzen Computer aus – nicht nur auf den einzelnen Browser. Insofern ist ein VPN auch hervorragend für das private Surfen in öffentlichen WLAN-Netzen geeignet und Eure Daten sind im fremden W-LAN geschützt.

Aufgrund dessen, dass der gesamte Datenverkehr über die amerikanische Adresse läuft, könnt Ihr auch weitere amerikanische Seiten aufrufen und nutzen, die in Deutschland nicht verfügbar sind. z.B. hulu.com oder grooveshark.com.

Die Installation und Nutzung ist denkbar einfach: Ihr ladet Euch die Software HotSpot Shield herunter und installiert diese. Wenn Ihr euch an gelegentlichen Werbeeinblendungen nicht stört, sollte die kostenlose Variante genügen, ansonsten gibt es auch eine kostenpflichtige Premium-Version. Bei der Installation lässt sich die optional angebotene Toolbar deaktivieren. Hierzu würde ich unbedingt raten, denn diese wird nicht benötigt.

Nach installation der Software findet Ihr in der rechts unten in der Taskleiste neben der Uhr das entsprechende Symbol:

Das  rote Icon symbolisiert das deaktivierte HotSpot-Shield.

Wenn ihr darauf klickt, könnt Ihr die Privatsphäre aktivieren (und umgekehrt). Sobald die Verbindung mit dem amerikanischen VPN aufgebaut ist, wird das Symbol grün:

Nach Aktivierung oder Deaktivierung des Plugins wird die Steuerung zudem in Eurem Browser angezeigt. Auch Ihr könnt Ihr per Klick auswählen, ob Ihr denn “öffentlich” oder “privat” surft. Hier seht Ihr auch schon eine der Werbeeinblendungen – aber meines Erachtens stört das nicht weiter.

HotSpotShield ist übrigens schnell genug, um Videos ruckelfrei darstellen zu können.

2. Erweiterungen (Plugins) für gängige Browser

Wenn Dir das o.g. HotSpot Shield zu mächtig ist, kannst Du auch eine Browser-Erweiterung für  Firefox, Chrome oder den Internet Explorer installieren. Damit surft Ihr dann bequem per Klick über einen ausländischen Proxy. Dies ist nur eine Umleitung des Verkehrs, aber kein private Netzwerk wie HotSpot Shield. Wenn Ihr tatsächlich nur den Youtube-Verkehr umleiten wollt, so sollte diese Möglichkeit jedoch genügen.

Diese Plugins gibt es für jeden Browser wie Sand am Meer. Einige der Plugins haben voreingestellte Proxy-Server, andere wiederum eignen sich hervorragend zur Verwaltung ganzer Proxy-Listen. Die Vorgehensweise ist immer gleich: ihr installiert die jeweilige Erweiterung und es erscheint eine neue Schaltfläche zum Umleiten des Datenverkehrs auf einen der Proxies.

Für Firefox gibt es beispielsweise proxtube und stealthy. Einmal installiert, erscheint rechts oben in der Navigationsleiste ein Pfeil, den Ihr für das Proxy-Surfen aktivieren könnt. Eine weitere sehr mächtige Erweiterung ist FoxyProxy. Hiermit könnt Ihr Regeln für einzelne Seiten erstellen und ganze Proxylisten verwalten. Zahlreiche Proxy-Listen findet Ihr unter Punkt 3 – Web Proxies.

Für Chrome gibt es z.B. die hidemyass-Erweiterung. Funktioniert nach dem gleichen Prinzip – ich empfehle, mit hidemyass den englischen Proxy auszuwählen, er erscheint mir am Schnellsten. Die Erweiterung Stealthy gibt es hier. Auch Proxtube gibt es auch für Chrome – die hab ich (nur) noch bei der Chip gefunden. Weitere Proxy-Plugins für Chrome findet Ihr im Webstore.

3. Web-Proxies

Wer gänzlich auf eine Installation verzichten möchte, ruft entsprechende Seiten auf, die den Verkehr quasi umleiten. Am Bekanntesten dürfte die Seite hidemyass.com sein. Ihr ruft die Seite einfach auf und gebt die Adresse des gewünschten Youtube-Videos in das bereitgestellte Formular ein. Anschließend klickt hier auf “hidemyass” und ab geht die Musik.

Ebenfalls sehr bekannt ist vtunnel. Das funktioniert auf die gleiche Weise.

Eine enorme und stets aktuelle Auswahl an Web-Proxies findest du auch hier.

Fazit:

Web-Proxies eignen sich für diejenigen, die mal auf die Schnelle ein gesperrtes Video anschauen wollen und denen eine Installation eines Programms oder einer Erweiterung zu viel sind. Hierfür braucht Ihr auch nichts weiter zu installieren.

Browser-Erweiterungen sind ein ebenso ein geeignetes Mittel. Doch die Möglichkeiten sind begrenzt und die Geschwindigkeit der angesteuerten Proxies variiert erheblich. Manchmal schlafen einem hierbei die Füße ein. Das private Surfen funktioniert dann auch nur im jeweiligen Browser.

HotSpot-Shield bietet durch das VPN (Virtual Private Network) eine perfekte Möglichkeit, auf gesperrte Seiten zuzugreifen. Außerdem wird eure wahre Identität verschleiert, Ihr surft quasi anonym. Neben gesperrten Youtube-Seiten könnt Ihr auch weitere Ländersperren aushebeln und beispielsweise auf hulu.com oder grooveshark surfen. Per Klick wechselt Ihr zwischen öffentlichem und verschleierten Modus. Das HotSpor-Shield ist sehr schnell, allerdings kommt gelegentlich Werbung. Auch wenn man mit Hotspot Shield mit Kanonen auf Spatzen schießt, ist es meines Erachtens die beste Möglichkeit. Insbesondere aufgrund des dargestellten Mehrwerts.

Deine Meinung

In eigener Sache mache ich darauf aufmerksam, dass es meinen kleinen bescheidenen Blog auf Facebook gibt. Wenn du die Beiträge interessant findest, würde ich mich sehr freuen, wenn du mir dort folgst

Wenn du den Beitrag interessant fandest, kannst du hier auch gerne deinen Senf abgeben.

Bildquellennachweis: Arno Bachert  / pixelio.de

Ähnliche Artikel

• Youtube-Sperre umgehen

  Neulich Update 2012: Aufgrund der hohen Nachfrage wurde das Thema aktualisiert. Der neue Artikel ist hier zu...

• US-Serien bei Youtube

  "Für US-Anwender hat Youtube bereits heute mehr zu bieten, als mehr oder weniger gut gemachte und meistens von Usern...

• PDF-Schutz entfernen

  PDF Dateien knacken Passwort und DRM-Schutz entfernen Häufig kommt es vor, dass man eine pdf-Datei per Passwort geschützt hat...

Einmal aktiviert, lässt sie sich nicht mehr deaktivieren – es ist definitiv unumkehrbar! Glaubt auch nicht den vielversprechenden Links auf Facebook oder bei anderen Diensten: Hier klicken, hier “gefällt mir”, werde Fan, hier anmelden, usw.: Alles Humbug, größtenteils Betrug, Spam und kommerzielles (betrügerisches) Interesse. Es gibt zwar eine Möglichkeit, dass dem Anwender lokal vorgegaukelt wird, man habe den klassischen Facebook-Stream. Doch das ist nur eine Lösung für die Symptome, nicht für die Ursache. Nochmals: Es gibt keine Lösung!

Und es kommt noch schlimmer: Gegen die Facebook-Timeline kann sich auch niemand wehren. Sie wird kommen und auch die letzten Zweifler werden sich damit anfreunden müssen. Ich will das nicht werten oder beurteilen – ich stelle nur fest. Werten dürft Ihr selbst – in den Kommentaren.

Aus meiner Sicht war sie zunächst ein Ärgernis, doch langsam hab ich mich daran gewöhnt. Die Einwände der Gegner kann ich sehr gut nachvollziehen, doch denen sei auch gesagt, dass in der Facebook-Timeline nur das steht, was man auch selbst freigibt. Das bekloppte ist nur, dass man stets hinterher sein und irgendwelche Einstellungen suchen muss. Eine prinzipielle Facebook-Krankheit.

Aber nun zum eigentlichen Thema: Der Gestaltung der Kopfzeile (des Headers)

Der Standard ist langweilig, doch ihr könnt Eure Chronik durch die Gestaltung eines kreativen Headers ordentlich aufpeppen. Falk hat gesammelt und stellt 30 kreative Beispiele im t3n-Magazin vor. Bei mir ist es nicht ganz so professionell – ich werde an einer neuen Timeline arbeiten. Zunächst stand aber die passende Umsetzung im Vordergrund. Schnelle Erfolge sollten her – und so sieht das Ergebnis aus:

Timeline Header

Da hab ich letzten Urlaub in einer Mall in Singapore sämtliche Designer-Schilder fotografiert und die Bilder auf die Schnelle mit Picasa zu einer Collage zusammengeklöppelt. Fresse drüber und Spruch drüber – fertig.

Das könnt Ihr auch!

Ein kreativer Trick ist es, das Profilbild und den Header gemeinsam interagieren zu lassen. Hierzu muss das Profilbild auf das Titelbild (den Header) abgestimmt werden. Hierfür habe ich eine Vorlage erstellt, die ich Euch gerne bereit stelle. Es ist eine Schablone bzw Maske – mit Angabe der Maße. Sie liegt hier im psd-Format (für Photoshop oder Gimp) und im herkömmlich jpg-Format vor. Nachfolgende Beschreibung bezieht sich auf Photoshop und/oder Gimp, da hier bereits die erforderlichen Ebenen zur Verfügung stehen. Die Dateien sind in der Cloud bei Dropbox hinterlegt. Falls Ihr noch kein Konto habt, könnt Ihr Euch hier kostenlos anmelden und Ihr erhaltet weitere 250MB Speicherplatz kostenlos dazu – ich natürlich auch. Der Download funktioniert aber auch unabhängig von einer Anmeldung.

Download der Facebook-Timeline Schablone

Wenn Ihr die Vorlage heruntergeladen, entpackt und mit dem Programm Eurer Wahl geöffnet habt, sieht das Ganze in etwa so aus:

Facebook Header

Der Einbau

Die Ebenen sind benamt und maßstabsgetreu – außerdem gibt es Hilfslinien zum schnelleren einrasten. Alles was Ihr tun müsst ist, das eigene Profilbild und den den eigenen Header in die vorgegebenen Ebenen einzufügen. Außerdem gibt es eine transparente Ebene, die über den anderen liegt. Wenn Ihr wollt, könnt ihr diese nutzen und über Profilbild und Header einen Übergang schaffen. Diese Ebene muss nach getaner Arbeit an den Hilslinien zerschnitten und der jeweiligen Ebene (Header und Profilbild) zugeordnet werden. Abschließend speichert ihr Profilbild und Header als jeweils einzelne Datei ab und ladet diese zu Facebook hoch.

Ich habe mich übrigens  für die doppelten Maße entschieden. Wie Ihr auf dem Vorschaubild seht, wäre das Profilbild 250+250px groß – tatsächlich sind es aber nur 125x125px. Im Netzt tauchen auch jede Menge andere Schablonen auf. Manche passen nicht richtig, andere Schablonen benutzen die tatsächlichen Maße. Das Doofe ist nur, dass Facebook Profilbilder laut Vorgabe mindestens 160px groß sein müssen. Also skalieren wir das Ganze lieber auf die Hälfte runter (Facebook macht das automatisch), als hinterher die ganze Arbeit händisch hochskalieren zu müssen – was ja auch mit Verlusten behaftet ist.

Eine Frage noch

Wenn Du Dich über die neue Facebook-Timeline auskotzen möchtest, so bist du hier genau richtig. Wenn Du die Vorlage heruntergeladen und benutzt hast, so freue ich mich, wenn du auch einen Kommentar hinterlässt. Ansonsten hoffe ich, dass Du den Artikel einigermaßen hilfreich fandest. du darfst ihn gerne weitergeben.

Ähnliche Artikel

• Facebook für Einsteiger

  Gastbeitrag von Alexander – Alexander-Baumbach.de Der liebe Plerzelwupp hat ja vor einigen Wochen um Gastbeiträge...

• Dein Feed auf Google News Timeline

  Google NewsTimeLine – was ist das? Mit Google News Timeline könnt Ihr historische Ereignisse, Nachrichten und weitere...

• Wegwerf-, Einweg bzw. temporäre Email-Dienste im Test

  Nur noch ein Schritt bis zur Aktivierung…… bitte geben Sie Ihre Email-Adresse an Diese schamlose Aufforderng...

Seit WordPress 2.9 wird die Funktion “post thumbnails” bereitgestellt.  Doch schon vor dieser WordPress-Version waren Artikelbilder in vielen Themes integriert. Diese sind jedoch anderweitig eingebunden – zumeist wurden diese über  benutzerdefinierte Felder definiert.

Doch wie bekommt man die Artikelbilder aus dem benutzerdefinierten Feld in die WordPress-Funktion “post-thumbnails?

Die Frage stellt sich nämlich, wenn Ihr ein aktuelles Theme und die integrierte WordPress-Lösung verwenden möchtet. Aber auch viele Plugins und bereitgestellte Codes bauen mittlerweile auf das WordPress-Artikelbild. In diesem Zusammenhang möchte ich Euch Sergejs Artikel empfehlen: Artikelbilder in WordPress für Facebook bereithalten.

Nun könnt Ihr natürlich 198 Artikel durcharbeiten und das jeweilige Artikel-Bild festlegen, indem  den benutzerdefinierten Wert in das Feld für das Artikelbild kopiert. Aber es geht auch einfacher. Lange habe ich danach gesucht, tausende Artikel gelesen, Plugins geleckt und Anleitungen durchprobiert, bis ich heute einen Artikel mit der passenden Lösung fand: Migrating Post Thumbnails on Old WordPress Themes.

Die Vorgehensweise im Einzelnen:

• Natürlich muss (falls noch nicht geschehen),  die WordPress-Funktionalität “Artikelbild festlegen” in älteren WordPress-Themes aktiviert werden – das ist bei Perun sehr schön beschrieben und wird hier vorausgesetzt.
• Auf jeden Fall sollte die WordPress-Datenbank gesichert werden. Hierfür gibt es zahlreiche Plugins, oder Ihr benutzt den MySQL-Dumper.
• Ihr ladet Euch das Plugin von der o.g. Seite herunter  (Direktlink). Es handelt sich um eine einzelne php-Datei, die Ihr in euer WordPress-Plugin-Verzeichnis verschiebt. Aber noch nicht aktivieren!
• Bevor Ihr das Plugin aktiviert, müsst Ihr die Datei noch etwas bearbeiten. Entweder über einen geeigneten Editor (ich empfehle immer notepad++) oder direkt über die WordPress-eigene Funktion “Plugin bearbeiten”. die Markierung im nachfolgenden Bild zeigt an, welche Werte bearbeitet werden müssen.

• In Zeile 14 fügt Ihr den Namen Eures benutzerdefinierten Feldes ein – in meinem obigen Beispiel hieß das Feld “image_value.
• In Zeile 15 können wir die alten Bilder löschen (true). Solange noch Euer altes Theme im Einsatz ist und die WordPress-Artikelbilder nicht vollumfänglich eingebunden sind, solltet Ihr diesen Wert natürlich bei “false” belassen.
• Schließlich wird die auskommentierte Zeile 20 noch “scharfgeschaltet”, indem die beiden Schrägstrich // gelöscht werden.
• Zuletzt wird das Plugin aktiviert.
• Relativ schnell dürften euch die Artikelbilder zur Verfügung stehen. Überzeugt euch selbst, indem Ihr einen Artikel im WordPress-Frontend öffnet und den Eintrag “Artikelbild” kontrolliert.
• Nach getaner Arbeit könnt Ihr das Plugin wieder deaktivieren.

So, das war’s auch schon. Falls Ihr den Artikel hilfreich fandet, dürft Ihr gerne Euren Kommentar dazu abgeben.

Ähnliche Artikel

• WordPress-themes erstellen und testen

  Heute stelle ich ein Programm vor, mit dem selbst der unerfahrene Anwender kinderleicht ein eigenes WordPress-Theme erstellen...

• WordPress-Themes bearbeiten – die Dateien und deren Bedeutungen

  Adressen für kostenlose WordPress-Themes gibt es ja wie Sand am Meer. Einen schönen Überblick hab ich  hier gefunden. Dort...

• Eigene Widgets in WordPress erstellen

  Ihr wollt eigene Elemente in die Seitenleiste eures Blogs bringen? Ihr nutzt WordPress und seid noch nicht sicher wie das geht?...

Passwort und DRM-Schutz entfernen

Häufig kommt es vor, dass man eine pdf-Datei per Passwort geschützt hat und diese nach einiger Zeit nochmals bearbeiten möchte – nur leider hat man dann das Passwort vergessen.

Aber keine Sorge: Das ist ganz leicht zu knacken!

1.) Passwortgeschützte pdf-Dateien

Dazu braucht man keine illegale Tools – man muss sich auch nicht mit Kommandozeilen herumschlagen.

Hierzu holt man sich lediglich die open-source-Programme  Ghostscript und Ghostview auf den Rechner. Mit  Ghostview können pdf-Dateien betrachtet und bearbeitet werden, während Ghostscript dazu da ist,  pdf-Dateien zu erstellen.

Nun lädt man die geschützte pdf mit Ghostview (Datei öffnen) und konvertiert diese einfach wieder in das pdf-Format (Datei / Konvertieren) – Schwupps ist der Passwortschutz weg.

Hierzu muss ich ergänzen, dass mit Acrobat allerlei Berechtigungen bzw. Beschränkungen gesetzt werden können (z.B. kopieren von Text, Seiten entnehmen, Drucken, Ändern, usw.). Das kann mit der hier vorgestellten Verfahrensweise schnell “geknackt” werden. Falls aber schon der Zugang zur pdf-Datei passwortgeschützt ist, dann geht es mit dieser Methode nicht!

Muss ich noch erwähnen, dass der Schutz der pdf-Dateien nur entfernt werden darf, wenn man auch dazu legitimiert ist?

2. DRM-geschützte pdf-Dateien

Per DRM-verschlüsselte pdf-Dateien (z.B. Ebooks) knackt man nicht auf diese Weise. Hierzu benötigt man pycrypto und python sowie die Dateien ineptkey_v5.4pyw sowie ineptpdf8.4.51.pyw.

Zunächst wird Python und anschließend pycrypto installiert. Anschließend wird mit Ineptkey eine Key-Datei namens “adaptey.der” generiert (auf Eurem Rechner), die dann mit ineptpdf auf die pdf-Datei losgelassen wird. Auch hierzu braucht man keine Programmierkenntnisse.

Das Decrypten oder das Entfernen von Passwörtern kann aber auch illegal sein – insofern empfehle ich, zuvor den Rechteinhaber zu fragen!!!

So, dann wär das auch mal geschwätzt

Foto: RainerSturm  / pixelio.de

Ähnliche Artikel

• Youtube Sperre umgehen – drei Methoden

  Rund 7.000 mal monatlich wird mein früherer Artikel Youtube-Sperre umgehen gelesen. Das zeigt doch, dass es zum Aushebeln der...

• US-Serien bei Youtube

  "Für US-Anwender hat Youtube bereits heute mehr zu bieten, als mehr oder weniger gut gemachte und meistens von Usern...

• Hörspiel, Jubiläen und Internetsperren

  Surfspuren Wieder einmal berichte ich über meine "Surfspuren" der vergangenen Tage. Vielleicht möchtet Ihr...

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)

Ähnliche Artikel

• Mehrere News-Feeds vereinen

  Du hast einen Blog-feed, einen Kommentar-feed und bist bei twitter angemeldet? Dann erstelle doch einfach  einen...

• Datenschutz

  Nach einer Woche Blog-Abstinenz möchte ich mich heute mal wieder zu Wort melden. Es ist ja nicht so, dass ich in ein tiefes...

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?

Ähnliche Artikel

• WebDAV ist gut für Deinen Blog

  WebDAV Was ist WebDAV überhaupt? Warum sollte man WebDAV anstelle FTP benutzen? Wie wird WebDAV unter Windows Vista/ Windows 7...

• Umfrage erstellen ohne Plugin

  Plugins ausmisten Im Rahmen der Serie "Blog-Ladezeiten optimieren" recherchierte ich auch in Richtung "Pluginfreie...

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)

Ähnliche Artikel

• 6 Javascript-Tipps für Deinen Blog

  Eine kleine Zusammenfassung In den vergangenen Artikeln hab ich einiges über die Optimierung des Blogs, insbesondere im Hinblick...

• Fotogalerie in den Blog einbinden

  Online Webalben Viele Anwender stellen Ihre Bilder in Online-Webalben zur Verfügung. Sie nutzen Picasa, Flickr, die...

• Drei Methoden um eine Fotogalerie im Blog einzubinden

  Ihr wollt Euren Blog um eine Fotogalerie ergänzen? Kein Problem: Hier erfahrt Ihr, wie das geht. Für die Einbindung...

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(?)

Ähnliche Artikel

• WordPress Hacks – WordPress beschleunigen

  Vor einiger Zeit veröffentlichte ich den Artikel WordPress-Hacks. Nun geht es weiter – einige Tricks sind neu dazu...

• Sociable: Social Bookmarks mit WordPress

  Social Bookmarks sind gem. Wikipedia "Internet-Lesezeichen, die Internet mit Hilfe einer Browser-Oberfläche von...

• WordPress Dofollow ohne Plugin

  Alle Jahre wieder geistert das Thema "nofollow" durch die Bloggosphäre. Wer nicht weiß, was follow, dofollow...

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

Ähnliche Artikel

• Umfrage erstellen ohne Plugin

  Plugins ausmisten Im Rahmen der Serie "Blog-Ladezeiten optimieren" recherchierte ich auch in Richtung "Pluginfreie...

• WordPress Dofollow ohne Plugin

  Alle Jahre wieder geistert das Thema "nofollow" durch die Bloggosphäre. Wer nicht weiß, was follow, dofollow...

• 404-Fehlerseite erstellen

  Gastbeitrag von Matthias – Zentodone.eu Bei diesem Artikel handelt es sich um einen Gastartikel für Oliver, alias...