Hier geht es zum beschreibenden Artikel und hier zur freien Demo.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Damit man die Datei auch nicht aus den Augen lässt, liegt sie auf dem Desktop und wird sowohl beim Start von Vista als auch beim Start von Firefox geladen. Bei Windows Vista muss man einfach die Verknüpfung der Datei in den Start-Ordner legen und bei Firefox einfach die Textdatei öffnen und via Extras / Einstellungen / Allgemein als Startseite festlegen.

In diese Textdatei schreibe ich dann sowohl Ideen als auch Notizen, Aufgaben, Termine etc. rein. Und das sowohl berufliche als auch private Sachen. Einem Termin ist es egal ob er privat oder beruflich ist, der kostet deine Zeit und diese kannst du nun mal nur einmal "ausgeben". Auch wenn man den Zahnarzttermin als privat ansieht, der wird den Nachmittag trotzdem für weitere Termine blocken, egal ob die anderen Termine privater oder berufliche Natur sind.

Daher ist es nicht sinnvoll die Termine nach privat oder beruflich in zum Beispiel zwei Dateien zu trennen. Das führt nur dazu das man, recht schnell den Überblick verliert und einen privaten Termin dann legt wo man sich eigentlich mit einem Kunden oder Kollegen treffen wollte.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Noch nicht?

Dann wird es aber Zeit.

Jane hat nämlich einen Aufruf dazu gestartet. Und alle sind herzlich eingeladen per Kommentar Ideen für WordPress 3.1 einzubringen. Am Donnerstag wollen die Entwickler die Vorschläge dann diskutieren. Eine Entscheidung über die kommende Entwicklung wird allerdings erst in den nächsten Wochen gefällt.

Die Liste der Vorschläge ist schon jetzt sehr lange, einige (in meinen Augen) interessante habe ich mal herausgepickt:

• interne Verlinkung vereinfachen
• verbesserte Suche nach Themes
• Überarbeitung des Medien-Managements
• Unterstützung für mehrsprachige Blogs

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

WP-Slimbox2 im Einsatz

Prinzipiell stehe ich diesen ganzen Lightbox-Scripten ein bisschen reserviert gegenüber. In sehr vielen Fällen wird der vergleichsweise geringe Nutzen wegen der Performance-Einbuße, durch die zusätzlichen Javascripte, CSS und Grafiken, in meinen Augen nicht wirklich gerechtfertigt.

Anders schaut es bei Websites aus, die sehr viele Grafiken haben oder eine besondere Ausrichtung darauf haben und wo es sinnvoll ist, die Grafiken die über den Artikel bzw. Seite verteilt sind miteinander zu "verknüpfen": also bringt hier eine Galerie-Funktion für den Leser einen großen Nutzen.

Ich habe während des Relaunches meiner Herr der Ringe Website einige WordPress-Plugins probiert und die Erweiterungen mussten folgendes können:

• Automatische Erkennung der verlinkten Bilder, ohne das man Attribute vergeben muss.
• Galerie-Funktion: Automatische Erkennung von Bildern auf gleicher Seite.
• Der Inhalt des title-Attributs sollte gleichzeitig auch die Bild-Unterschrift sein.
• Navigation innerhalb der Galerie mit Hilfe der Tasten.
• Auto-Resize: das große Bild wird bei der Ausgabe an die Größe des Viewports angepasst.

Am Ende haben sich zwei ernstzunehmende Kandidaten herauskristallisiert:

• FancyBox for WordPress und
• WP-Slimbox2

Nach etwa zwei bis drei Tage testen habe ich mich dann für WP-Slimbox2 entschieden und zwar aus zwei Gründen. WP-Slimbox2 ist zum einen Ressourcensparender. FancyBox for WordPress benötigt 13 http-Anfragen und ca. 22 KByte mehr als WP-Slimbox2. Zum anderen arbeitet WP-Slimbox2 sehr gut mit dem Plugin Javascript to Footer. FancyBox for WordPress verweigert hierbei den Dienst.

Die Erweiterung Javascript to Footer bringt die Javascripte, der eingesetzten Plugins, die dies zulassen bzw. unterstützen, in den "Fußbereich" des HTML-Dokuments … also vor den abschließenden body-Tag. Das ist aus der Sicht der Performance besser. Skripte wie zum Beispiel wie Google Analytics bleiben aber auch weiterhin innerhalb des head-Elements.

Welches Lightbox-Skript bzw. welches -Plugin setzt ihr so ein?

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Bei WordPress bekommt man dabei ein Problem, weil die Überschrift bei sprechenden Permalinks gleichzeitig in der URL abgebildet wird. Das ist aber ein vergleichsweise kleines Problem, da man die URL, so bald sprechende Permalinks aktiviert sind, schon bei der Erstellung des Artikels/Seite komfortabel verändern kann.

Das größere Problem ist die Tatsache, dass wenn man die Pages automatisch in der Navigation ausgeben möchte, der Titel bzw. die Hauptüberschrift auch als Menüpunkt ausgegeben wird.

Je nach dem, wie lang die Überschrift ist, schaut es komisch in der Seitenleiste aus und bei einer horizontalen Navigation ist dann auch sehr schnell Schluss, weil nur wenige Menüpunkte rein passen.

Die neue Menü-Funktion aus WordPress 3.0 könnte hier eine Lösung sein. Da man hier den einzelnen Navigationselementen individuelle Menünamen vergeben kann … unabhängig von der Hauptüberschrift.

Aber ich persönlich finde die Idee der neuen Funktion zwar nett, sie ist aber noch lange nicht ausgereift. Die Erstellung von Menüs ist zumindest in meinen Backends sehr langwierig und imho umständlich. Nicht zu unterschätzen ist, dass die neue Menü-Funktion ganz gewaltig an der Datenbank saugt und ordentlich viele Abfragen produziert. Siehe dazu den Artikel von Michael Preuß. Ich habe es auch vorhin noch einmal getestet: nur zwei Menüpunkte der neuen Funktion verursachen sieben zusätzliche DB-Anfragen.

In meinem speziellen Beispiel wäre der Einsatz der neue Menüfunktion eh nicht hilfreich gewesen, da ich u. a. die Unterseiten nur anzeigen wollte wenn man sich auf entsprechenden Eltern- und Geschwister-Seiten befindet. Dafür gibt es zwar Plugins wie z. B. Flexi Pages, aber auch hier hat man das Problem, dass die Überschrift automatisch übernommen wird.

Die Lösung des Problems

Die Lösung des Problems ist recht einfach und so habe ich es auch bei dem Relaunch von Faszination Tolkien gemacht. Ich habe mich der Hilfe der benutzerdefinierten Felder bedient. Die Template-Dateien, die für die Ausgabe der Seiten zuständig sind, also page.php und die Seiten-Templates, habe ich folgendermaßen angepasst:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <?php $alternativ_titel = get_post_meta($post->ID, 'alternativ_titel', true);
    if ($alternativ_titel) { ?>
    <h2 class="storytitle"><?php echo $alternativ_titel; ?></h2>
    <?php } else { ?>
    <h2 class="storytitle"><?php the_title(); ?></h2>
    <?php } ?>

Der Code bewirkt folgendes: wurde der benutzerdefinierte Feld "alternativ_titel" gesetzt bzw. mit einem Wert belegt, dann wird im Frontend nicht die "normale" Überschrift ausgegeben sondern der Inhalt des benutzerdefinierten Feldes. Der Titel bzw. die Hauptüberschrift ist zwar für den Besucher unsichtbar, aber im System dennoch vorhanden und für die automatische Ausgabe der Pages (z. B. via wp_list_pages();) verfügbar.

Also einfach bei Bedarf, den kürzeren Titel da eintragen, wo man es immer macht:

Die kurze Hauptüberschrift

Und die längere, aussagekräftigere Überschrift im benutzerdefinierten Feld:

Die längere Überschrift

Und das Ergebnis schaut dann so wie in der folgenden Abbildung aus:

Das Ergebnis unterschiedlicher Hauptüberschriften

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Aber irgendwann muss man die Sachen angehen sonst kommt man auch in der Rente mit 80 nicht dazu, weil man dann den Garten umgraben muss. Also, dass Motto heißt: lieber sich zu ärgern dass man etwas gemacht hat, als sich sich zu ärgeren, dass man es nicht gemacht hat.

Daher habe ich auf Geld 2.0 ein Weblog zu diesem Thema gestartet. Ursprünglich war auf dieser Domain zu unserem Buch Geld 2.0 geplant.

Aber keine Sorge es werden keine Themen ala "4.000 Euro pro Monat in nur 3 Wochen" zu lesen geben. Und auch wird es nicht so sein, dass ich zwingend xy-Anzahl an Artikeln im z-Zeitraum schreiben muss bzw. werde. So zielgerichtet ist das ganze Projekt nicht.

Als Webmaster bzw. Blogger komme ich fast automatisch mit diversen Geld-Themen – VG Wort, Flattr, AdSense, Amazon, etc. – in Berührung und sollte es etwas interessantes zu berichten geben, dann wird es dort landen … quasi als Nebenprodukt meiner täglichen Arbeit. Wenn es jemandem hilft schön, wenn nicht auch gut.

Warum die Auslagerung der Themen?

Ich persönlich denke, man sollte nicht zu viel unterschiedliche Themen in einem Weblog packen, deswegen habe ich bzw. wir mehrere Weblogs:

• WordPress-Buch.de: Infos zu den Büchern und (meistens) Artikel für WordPress-Einsteiger
• Webwork-Tools: hilfreiche Tools und Dienste für Webworker
• perun.net: fortgeschrittene WordPress-Themen, CSS, Web 2.0
• Und nun Geld 2.0 mit der entsprechenden Thematik

So kann sich jeder als Leser die Themen aussuchen, für die er sich interessiert. Es ist einfacher zwei oder mehrere Weblogs zu abonnieren als die relevanten Themen aus einem Weblog herauszufischen.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Wir beide dachten, dass wir an einem frühen Donnerstag-Nachmittag gemütlich durch die Hallen schlendern könnten, vergaßen aber als werktätige Menschen, dass immer noch Ferien sind. Dem entsprechend voll war es in den Hallen. Überall wo es etwas interessantes zu sehen gab: seeehr lange Schlangen. Naja, schlecht für uns beide, gut für die Hersteller bzw. die Aussteller.

Nach etwa drei Stunden gab es für mich folgenden Fazit: die gamescom ist mir persönlich zu laut. OK, kann sein das ich mit meinen 37 Jahren nicht zu der angepeilten Zielgruppe gehöre, aber wenn es so sein sollte, dann macht die Spiele-Wirtschaft einen großen Fehler, da die Zocker, die in den 80er und 90ern angefangen haben mittlerweile hart auf die 40 zugehen bzw. diese Grenze längst überschritten haben.

Es war wirklich so laut, dass eine Unterhaltung in den Hallen nicht möglich war. Daher haben wir einen großen teil der Zeit draußen verbracht. Ein weiterer Kritikpunkt ist das viele interessante Sachen nur in speziellen, abgeschotteten Räumen zu sehen gab, ich vermute mal wegen FSK 16 und FSK 18 (Sichwort "Killerspiele"). Ich hätte es besser gefunden wenn man z. B. eine Halle extra für solche Sachen reserviert hätte und man nur reinkommt gegen Vorlage eines Personalausweises. Das würde imho die bereits erwähnte Schlangenbildung verhindern.

Auf welche Spiele freue ich mich

Neben den oben genannten Kritikpunkten kann ich der gamescom vieles positives abgewinnen. Neben dem Besuch des Standes wo Herr der Ringe Online * vorgestellt wurde – das Spiel was ich momentan noch spiele – habe ich einige interessante Spiele und Konzepte sehen können und ich freue mich sehr auf folgende Spiele.

Witcher 2

Witcher 2 soll irgendwann im ersten Quartal 2011 erscheinen:

Civilization 5

Und auf Civilization 5 * freue ich mich schon seit Monaten. 24. September 2010 soll auch die deutsche Version erscheinen:

War jemand von euch auf der gamescom und gibt es Spiele auf die ihr sehnsüchtig wartet?

* = Partnerlink

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Betreff: [perun.net] Bitte moderiere: "Update auf WordPress 3.0: automatisch oder manuell"
Ein neuer Kommentar zum Artikel "Update auf WordPress 3.0: automatisch oder manuell" wartet auf seine Freischaltung.

http://www.perun.net/2010/06/19/update-auf-wordpress-3-0-automatisch-oder-manuell/

Autor : Schuh Freundin (IP: 9x.xxx.xxx.xx4 , xxxxxxxxxx.xxxx.alicedsl.de)
E-Mail : xxx@xxxxxxx.de
URL : http://www.xxxshoe.xx
Whois : [...]
Kommentar:
Hallo zusammen,
habt ihr zufällig Erfahrung mit diesem Fehler? – Was kann ich tun?
Mit Mode und Schuhen kenne ich mich ja noch aus, aber hier bin ich verloren…
VG, Lea

Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 3325632 bytes) in /[...]/wp-includes/class-http.php on line 1402

Ich habe die IP und die E-Mail-Adresse anonymisiert. Aber achtet mal bitte auf die hervorgehobenen Stellen. Ich hatte nicht mal die Zeit mir den Betreff der E-Mail anzuschauen, da kam schon die zweite E-Mail rein:

Betreff: [perun.net] Bitte moderiere: "Update auf WordPress 3.0: automatisch oder manuell"
Ein neuer Kommentar zum Artikel "Update auf WordPress 3.0: automatisch oder manuell" wartet auf seine Freischaltung.

http://www.perun.net/2010/06/19/update-auf-wordpress-3-0-automatisch-oder-manuell/

Autor : Tour Hopper (IP: 9x.xxx.xxx.xx4 , xxxxxxxxxx.xxxx.alicedsl.de)
E-Mail : xxxxx@xxxx-xxxx.de
URL : http://www.tour-xxxx.de
Whois : [...]
Kommentar:
@Schuh Freundin: Dieser Fehler hängt mit deinem Webhoster zusammen. Aber mach dich doch selbst mal auf die Tour durch Google und schon findest du die Antwort vielleicht selbst!

Man beachte auch in der zweiten E-Mail, die hervorgehobene Stelle. Da ich mich nicht erinnern konnte das ich den besagten "Tour Hopper" als Admin eingestellt habe, gibt es nur eine Möglichkeit, wie er auf ein Kommentar antworten kann, das noch in der Moderation ist und somit für einen Besucher unsichtbar ist: der/die Fragesteller/in und der Antwortende ist die gleiche Person. Die identische IP hat dies nur bestätigt.

Das war doch mal eine Glanzleistung oder?

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Weil diese Direktnachrichten so wichtig sind, habe ich zwei Benachrichtigungen aktiviert: in TweetDeck erscheint ein kleines Infosfenster wenn eine neue Direktnachricht eintrifft und falls ich mal TweetDeck nicht aktiv haben sollte, bekomme ich auch eine E-Mail. Wie gesagt, die Direktnachrichten sind ein wichtiger Kanal für mich.

Nun hat leider irgendwo da draußen ein Social-Media-Beratungs-Dödel den Leuten erzählt, dass es ganz wichtig ist den Leuten auf'n Sack zu gehen. Und das geht folgendermaßen: auf irgendeinem Dienst erstellt man eine, in aller Regel sinnlose, Nachricht und diese wird automatisch auf die Leute losgelassen, die die sich entschieden haben dir zu folgen. Toll!

Meistens sind die Nachrichten unpersönlich, oder in englisch – obwohl derjenige nur auf deutsch twittert – und unnütz: "Vielen Dank das Sie mir folgen. Besuchen Sie auch unsere Websites. Die sind ganz toll". Und diese schlaue Nachricht bekomme ich dann schlimmstenfalls dreifach um die Ohren gehauen: in Twitter selber, per E-Mail und als TweetDeck-Popup. Vielen Dank!

Prinzipiell habe ich nix gegen Begrüßung von neuen Followern, aber dann bitte im öffentlichen Kanal und nicht bei jedem neuen Kontakt. Stellt euch mal vor, es ist eine Feier, so 70-80 Leute und jemand geht zu jedem der ihn freundlich anguckt, schüttelt die Hand und flüsstert ins Ohr: "Sehr erfreut Sie kennen lernen zu dürfen. Besuchen Sie mich in meinem Laden. Gebrauchtwagen vom feinsten".

In der Vergangenheit, habe ich mehrmals auf Twitter erwähnt, dass mich das stört und da bin ich nicht der einzige, dem das auf den Senkel geht. Da aber diese Leute anscheinend beratungsresistent sind, gibt es nur eine Möglichkeit: sie zu entfollowen (neudeutsch für: denen nicht mehr zu folgen).

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Bevor jetzt, die Hinweise kommen, das WordPress schon immer ein CMS war: ja, dass weiß ich. Aber "WordPress als 'klassisches' CMS" ist einfach griffiger als "WordPress im Einsatz auf Projekten ohne Blog-Charakter". Oder will mir hier jemand widersprechen?

Viel Spaß beim Lesen.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Das ich mit der Werbung, Partnerprogrammen (Amazon & Co.) und mit anderen Maßnahmen, wie zum Beispiel die Tantiemen von VG Wort, einen signifikanten Teil unseres Lebensunterhaltes erwirtschafte ist kein Geheimnis. Werbung auf einer und Internet und Blogs auf der anderen Seite sind für mich kein Widerspruch.

Ich weiß aber dass es auch Leute gibt, die das anders sehen und Werbung auf Websites nicht mögen und auch nicht ausstehen können. Ich finde das völlig in Ordnung und das meine ich ganz ernst. Wenn die Leute so etwas nicht mögen, dann muss man das akzeptieren. das einzige was ich fordere ist Ehrlichkeit.

Wo ist die Logik hinter den Adblockern?

Was ich aber bis jetzt immer noch nicht verstanden habe sind die Adblocker. Es gibt ein paar Websites, die besuche ich nicht mehr. Warum? Weil mir deren Werbung – in der Quantität und Qualität – auf den Sack geht. Genau so wie der Webmaster das Recht hat seine Seite zu verschandeln, genau so habe ich das recht und die Freiheit sein Website zu ignorieren.

Hat also eine Website, für meinen Geschmack zu viel und/oder falsche Werbung, dann besuche ich sie nicht mehr. Dafür brauche ich keinen Adblocker.

Hat die Website aber für mich interessanten und nützlichen Inhalt, dann ist das mindeste was ich machen kann, die Werbung auf der Website zu ertragen. Wo ist das Problem, das ganze Leben ist ein gegenseitiges Nehmen und Geben. Warum soll das im Internet anders sein? Oder wie nennt/behandelt man jemand im realen Leben, der nur nimmt und nicht bereit ist irgendetwas zurück zu geben. Ich glaube vielen Leuten ist das nicht ganz klar.

Das aller beste was ich vor ein paar Monaten erleben durfte, ich dachte ich spinne, da hat tatsächlich jemand in der Adblock-Liste, meinen Hinweis auf unsere Bücher in der Sidebar eingetragen, so dass wenn jemand Adblock nutzt und hier vorbeikommt, die beiden Links zu unseren Büchern nicht sieht. Hallo! Darf ich jetzt als Autor nicht auf meine eigenen Bücher hinweisen?

Viele Produkte im Web und außerhalb finanzieren sich durch Werbung, was meint ihr was zum Beispiel Spiegel, die c't & Co. kosten würden, wenn die Hefte gänzlich ohne Werbung daher kommen würden? Und wir reden hier von Zeitschriften, wo wir ohne zu überlegen Geld bezahlen um es zu erwerben. Und was meint ihr wie hoch die GEZ-Abgaben ausfallen würden, wenn die öffentlich-rechtlichen Sender nicht Werbung einblenden würden?

Bezahlmodelle im Web sind dagegen nur in ganz wenigen und speziellen Ausnahmefällen möglich. Daher ist die Masse der Webprojekte, und ich rede hier nicht nur Schmitz-Müllers Weblog, auf Werbung und Partnerprogramme angewiesen. Es gäbe da Alternativen, aber dazu komme ich noch weiter unten.

Früher und Heute

Ich bin schon seit mittlerweile 14 Jahren im Web unterwegs und habe daher die eine oder andere Diskussion zum Thema "Monetarisierung der Webprojekte" verfolgen dürfen.

Ganz am Anfang gab es afaik vielerorts die Diskussion bestimmte Inhalte nur gegen Bezahlung freizugeben. Aus vielerlei Gründen hat sich das glücklicherweise nicht durchgesetzt. Glücklicherweise deswegen da ich persönlich viel von einem frei zugänglichen Web halte.

Die Kritiker des Bezahlmodells sagten dann: "bindet doch einfach Werbung ein". Gesagt getan und das hat in vielen Beispielen funktioniert. Aber vergleichsweise schnell kam die Kritik, dass die Grafiken zu groß sind, dass die zappeln etc. Es wurden dann zunehmend statische Grafiken eingebaut, aber auch das störte die Kritiker.

Irgendwann kamen einige Webmaster auf die Idee Text-Links mit PR-Vererbung zu verkaufen. An sich war das System fast perfekt: diese Werbung störte den Besucher nicht, es war Ressourcensparend, der Kunde bekam den PageRank und auch die Webmaster von kleineren Websites waren in der Lage nennenswerte Einnahmen zu erzielen. Allerdings war Tante Guugle und deren Groupies dagegen und lange Rede kurzer Sinn ist der Text-Link-Verkauf, für die allermeisten Webmaster uninteressant, da das Risiko zu groß ist bei Tante Guugel in ewiger Ungnade zu fallen.

Ich habe mittlerweile das Gefühl, dass die Kritiker der verschiedenen Werbemaßnahmen, welche ich gerade erwähnt habe, eigentlich immer die gleichen Leute sind.

Die Alternativen: VG Wort, Flattr & Co.

Alternativen zur Werbung um ein Webprojekt zu finanzieren gibt und gab es schon seit längerem. Schon alleine weil, viele Segmente der Werbung sich für die meisten Webmaster nicht lohnen. Die Preise für die klassische Display-Werbung sind schon seit Jahren nicht im Keller sondern viel tiefer. Auch die Klickpreise für AdSense sinken seit längerem und das einzige was eine starke Entwicklung hat ist der Affiliate-Bereich – wo der Webmaster erst etwas verdient, wenn verkauft wird – und hier nützt nicht wenn jemand sagt: "Wenn die Werbung interessant ist, dann bin ich auch bereit zu klicken".

Aber wer denkt, dass bei den möglichen Alternativen der Widerstand der "ewigen Kritiker" aufhört, der hat sich getäuscht. Wenn alle Stricke reißen, dann wird das Datenschutz-Geschütz aufgefahren.

Ich habe vor ein paar Monaten für ein Portal einen Artikel zum Adventskalender geschrieben und habe höflich gebeten ob ich da nicht evtl. einen VG-Wort-Pixel einbinden könnte. Das wurde mir mit den Hinweis, dass der Zählpixel von der VG Wort in Bezug auf den Datenschutz bedenklich ist, verweigert.

Das die besagte Seite über zwei viel mächtigere Zählpixel von Google Analytics und WP-Stats verfügt, zählte da nicht. Hätte man mir gesagt "ne, dass gönnen wir dir nicht" hätte ich viel ehrlicher gefunden. Zum Thema VG Wort habe ich sowohl hier als auch neulich in einem meiner anderen Blogs berichtet.

Auch Flattr ist ein Kandidat, der auf lange Sicht das Potential hat ein wichtiger Mosaikstein bei der Monetarisierung einer Website zu sein. Aber auch hier meldeten sich die Kritiker sehr schnell zu Wort: Datenschutz, der Betreiber sympathisiert mit den Nazis, die Blogger sollten lieber etwas anständiges lernen anstatt zu betteln, die Flattr-Buttons sind hässlich etc.

Was sind die Möglichkeiten?

Eine Website zu monetarisieren ist nicht einfach und das ist eigentlich auch gut so. Neben der eigentlichen Aufgabe – guten Inhalt zu produzieren – muss man sich mit dem Thema SEO auseinandersetzen. Dann muss man Werbeformen finden, die einerseits den Aufwand lohnen und anderseits die Besucher nicht abschrecken oder Tante Guugle dazu bringen den Holzhammer zu schwingen. Dies sollte man einfach bedenken, bevor man wie manche Herrschaften fordert, dass die Werbung ihn "mit Witz und Charme verführt".

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Xubuntu: Xfce im Einsatz

Ich habe im letzten Blog-Artikel beschrieben, wie ich auf meinen alten Amilo-Notebook Ubuntu installiert habe. Ubuntu kommt mit dem GNOME-Desktop daher. Es ist zwar einerseits ein sehr verbreitetes Desktop-System, benötigt aber dafür logischerweise etwas mehr an Ressourcen als die schlankeren Alternativen.

Zur Auswahl standen zwei schlankere Desktop-Alternativen: Xubuntu mit dem Xfce- und lubuntu mit dem LXDE-Desktop. Zum einen weil mir Xfce eher zusagt hat und zum anderen weil Xubuntu zu der offiziellen Ubuntu-Familie gehört, habe ich mich für Xfce entschieden.

Der Wechsel von Ubuntu auf Xubuntu oder besser gesagt von GNOME auf Xfce gestaltete sich sehr einfach, schnell und unkompliziert. Auf Ubuntuusers.de gibt es eine Anleitung, wie man Xfce installiert. Im Grunde genommen muss man auf einem Rechner mit Ubuntu nur diesen Link im Browser aufrufen und die Installation von Xfce und die Deinstallation von GNOME wird automatisch erledigt.

Ich bin mit dem Wechsel sehr zufrieden. Mir sagt das Xfce mehr zu und auch der alte Schlepptop bedankt sich mit flüssigerer Arbeit. Daher würde ich aus meiner Erfahrung sagen, dass falls man einen Notebook hat, der älter als 3-4 Jahre und eine Desktop-PC der älter als 4-5 Jahre ist, es vielleicht direkt mit Xubuntu anstatt mit Ubuntu oder Kubuntu (KDE als Desktop) probieren soll. Zumindest hat man dann auf jeden Fall mehr Reserven um ein bis zwei Anwendungen zusätzlich zu betreiben.

Was mit an Xfce besser gefällt ist die gesamte Farbgebung, ist angenehmer und freundlicher, und die Fenster-Knöpfe sind an der richtigen Stelle: rechts oben … so wie bei Windows. Bei GNOME sind die standardmäßig links oben und das hat regelmäßig dazu geführt, dass ich ins Leere geklickt habe.

Damit man nicht dem Missverständnis verfällt, dass die Desktop-Systeme auf Linux sich nur über ein paar Farben, Hintergrundbilder und Icons unterscheiden, gibt es auf Ubuntuusers.de einen Vergleich zwischen den vier Desktopumgebungen und der Auflistung der Anwendungen, die sie mitbringen.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Desktop von Ubuntu 10.04

Ich habe es endlich nach mehreren Versuchen in den letzten Jahren geschafft auf einem meiner Rechner Linux komplett zu installieren. Bis jetzt habe ich mich begnügt diverse Distribution als Live-System zu testen oder unsere Rechner mit Knoppicillin zu checken.

Ich habe es auch ein paar mal versucht Ubuntu auf den Rechnern zu installieren, aber irgendwie gab es da immer das eine oder andere Problem. Entweder gab es da schon bei dem ersten Installationsschritt "ACPI-Fehlermeldungen", wo ich mir dann gedacht habe, wenn es schon hier Probleme gibt dann lass ich das lieber ganz.

Vor ein paar Wochen habe ich mehrfach versucht auf meinem Netbook Asus Eee PC 1000H, der auch nicht mehr der jüngste ist, EasyPeasy und Ubuntu Netbook Edition zu installieren. Beide sind grandios bei der Erkennung des eingebauten WLAN gescheitert. Wobei sich beide Systeme damit brüsten, dass sie für Netbooks konzipiert sind und der 1000h ein ausgereiftes und sehr verbreitetes Netbook ist. Ehrlich gesagt hat ich dann auch keine Lust auf Bastellösungen. Ich habe früher sehr gerne PCs zusammengeschraubt, Systeme ausgereizt, Übertaktet und auch mit Beta-Treibern experimentiert. Aber dafür habe ich keine Zeit mehr.

Amilo und Ubuntu sind nun ein Paar

Daher habe ich es jetzt mit meinem alten Amilo-Notebook und einer "normalen" Ubuntu-Distribution versucht. Die eigentliche Installation verlief vergleichsweise schnell: ca. 30 Minuten. Bis ich dann alles eingerichtet und die Updates eingespielt habe, vergingen allerdings etwas mehr als 1,5 Stunden.

Jetzt muss ich natürlich mit dem ganzen System erst mal warm werden. Glücklicherweise gibt es bei Firefox und Thunderbird, mal von einem anderen Schriftbild abgesehen, keine Unterschiede, so dass ich hier nicht bei "Adam und Eva" anfangen muss.

Auf der Suche nach einem geeigneten Code-Editor wurde mir von Frank Bültge die Anwendung mit dem Namen geany empfohlen. Das kommt an meinen Lieblingseditor WeBuilder * recht nah heran. Kate ist wiederum ein guter Texteditor der mich stark an den PSPad erinnert. Es wurde mir auch mehrfach Eclipse und Aptana empfohlen, aber in Anbetracht eines fünf Jahre alten Schlepptops, habe ich es sein lassen.

Nach dem ich die Editoren hatte, habe ich anschließend GIMP installiert und da wusste ich warum ich mir vor ein paar Jahren Photoshop CS2 gekauft habe. Sicher, auch GIMP ist sehr leistungsfähig, aber für mich auch extrem gewöhnungsbedürftig. Aber ich bin da sehr zuversichtlich.

Auf jeden Fall erlebt der alte Schlepptop seinen zweiten Frühling und findet ab jetzt den Einsatz als Maschine fürs Surfen, E-Mails und Bloggen. Ernsthaft wird man mit der alten Gurke nicht wirklich arbeiten können: mehrere Firefox-Fenster/Tab, GIMP, Editor, Thunderbird, Twitter etc. gleichzeitig im Einsatz machen leider keinen Spaß.

Was ich noch installieren muss ist TweetDeck. Der Standard-Client Gwibber ist zwar nett, aber mir fehlt da doch die Möglichkeit, wie bei TweetDeck, verschiedene Gruppe, Listen und Suchwörter spaltenweise zu verfolgen.

In den nächsten Tagen werde ich dann testen ob ich beim Wechsel von dem Gnome-Desktop auf Xfce irgendwelche Performance-Vorteile erkennen kann und ob sich das Aufrüsten des Arbeitsspeichers von ein auf zwei GByte auch wirklich lohnt. Immerhin würde das Aufrüsten knapp 47 Euro kosten (2×1 GByte-Riegel bei Amazon *).

* = Partnerlinks

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Hinweis: die folgenden Beispiele funktionieren nur in modernen Browsern: Firefox und andere aktuelle Mozilla-Geschwister, Safari, Google Chrome und Opera.

Bei RGBA handelt es sich um den RGB-Farbraum (Rot Grün Blau) mit einer zusätzlichen Information (Alpha, Wert der Durchsichtigkeit). Um das ganze etwas verständlicher zu beschreiben, werde ich hier direkt, ohne größere Theorie, ein paar Beispiele liefern. Zuerst ein Beispiel ohne jegliche Transparenz:

Hier der entsprechende CSS-Code:

div {
    background: url(test-verlauf.png);
    margin: 15px 0;
    padding: 9px 25px;
}

p {
    background: #008080;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding: 25px;
}

Die Sache ist so weit klar: Das komplette Konstrukt ist von einer div-Box mit einer Hintergrundgrafik umschlossen. Innerhalb der Box ist ein Absatz mit dunkelgrüner Farbe.

Der Einsatz von opacity

Nun weise ich dem Absatz eine Deckkraft von 60% zu:

Da sich an den CSS-Anweisungen für die div-Box nichts geändert hat, gibt es im folgenden nur der CSS-Code des Absatzes:

p {
    background: #008080;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding: 25px;
    opacity: .6;
}

Mit opacity: .6; erreiche ich eine 60%ige Deckkraft. hierbei handelt es sich um die verkürzte Schreibweise, wo auf die führende Null verzichtet wird. Mögliche Werte sind von 0 bis 1, was einer Deckkraft von 0-100% entspricht.

Das ganze ist auch für die aktuellen Versionen Internet Explorer möglich:

p {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 */
    filter: alpha(opacity=60); /*IE7 und kleiner*/
}

Wie man aber sieht, hat opacity einen Nachteil: die Eigenschaft wird an die Kind-Element vererbt. Damit hat auch die Schrift eine verringerte Deckkraft. Den Kind-Elementen einen Opacity-Wert von 100% zu geben wird nicht helfen, da sich diese 100% auf den Opacity-Wert des Eltern-Elements beziehen. Eine Möglichkeit, die man hier hätte, wäre wenn man das eigentliche Kind-Element außerhalb des Eltern-Elements unterbringt und dann mit Hilfe der absoluten Positionierung auf der teil-transparenten Fläche unterbringt.

RGBA und durchsichtiger Hintergrund

Das Problem mit der Vererbung hat RGBA nicht, hier eine 60%ige Deckkraft des grünen Hintergrundes:

Obwohl dieses Beispiel die gleiche Durchsichtigkeit, wie das vorhergehende aufweist, so bleibt hierbei die Schrift unangetastet. Hier der entsprechende Code:

p {
    background: #008080; /* Fallback IE 6-8 */
    background: rgba(0, 128, 128, .6);
    color: #fff;
    font-size: 30px;
    padding: 25px;
}

Mit dem was ich in den letzten beiden CSS3-Artikeln – Abgerundete Ecken und Schatten für Text und Boxen – geschrieben habe, kann man so einiges kombinieren:

Ich habe hier einfach mal an einem sehr einfachen Beispiel abgerundete Ecken, Schatten für die Schrift und die Box kombiniert. Und Dank RGBA hat alles eine verringerte Deckkraft … auch der Schatten der Box. Und wie gehabt folgt der Code:

p {
    background: #008080; /* Fallback IE 6-8 */
    background: rgba(0, 128, 128, .6);
    color: #fff;
    font-size: 30px;
    padding: 25px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: 3px 3px 5px #222;
    -moz-box-shadow: 3px 3px 5px #222;
    box-shadow: 5px 5px 7px #111;
    text-shadow: 2px 2px 1px #444;
}

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Textschatten mit text-shadow

Bei dem Schatten für Text gibt es freundlicherweise lediglich eine Eigenschaft text-shadow und man muss daher nicht browserspezifisches Gematsche berücksichtigen. Die Eigenschaft wird nach folgendem Muster notiert:

text-shadow: hV vV blur #xyz;

• hV = horizontale Verschiebung
• vV = vertikale Verschiebung
• blur = Unschärfe
• #xyz = der Farbwert für den Schatten

Hier ein Beispiel-Code:

.schatten {
    color: #444;
    font-size: 24px;
    text-shadow: 2px 2px 3px #333;
}

Und hier die Auswirkung:

Ich bin ein ganz toller Text mit Schatten!

Variiert man die Werte von Textschatten, so kann man einen "klassischen" Schlagschatten oder "Glüheffekte" auf dunklen Hintergründen erreichen. Hier ein kleines Beispiel, zuerst der Code:

.schatten {
    background: #000;
    color: #eee;
    font-size: 24px;
    padding: 12px;
    text-shadow: 4px 3px 9px #ffd700;
}

… und hier die Auswirkung:

Ich bin ein ganz toller Text mit Schatten!

Wer unbedingt auch die heutigen Internet-Explorer-Versionen ins Boot holen will, der kann auf die Filter von Microsoft zurückgreifen:

filter:dropshadow(color=#999999, offx=1, offy=1);

Ich finde allerdings das Ergebnis dieses Filters nicht so gut und würde empfehlen darauf zu verzichten.

Boxschatten mit box-shadow

Bei dieser CSS-Eigenschaft haben wir nicht so viel Glück und sind leider gezwungen auf die browserspezifische Präfixe zurückzugreifen:

• Standard: box-shadow
• Geckos/Mozilla: -moz-box-shadow
• Webkit: -webkit-box-shadow

Genau wie das oben beschriebene text-shadow wird auch box-shadow nach dem folgenden Muster notiert:

box-shadow: hV vV blur #xyz;

Hier ein einfaches Beispiel:

.schatten {
    background: #ddd; padding: 12px;
    -webkit-box-shadow: 3px 2px 5px #aaa;
    -moz-box-shadow: 3px 2px 5px #aaa;
    box-shadow: 3px 2px 5px #aaa;
}

… und hier die Auswirkung:

Schön schattig in der Box.

Auch hier kann man durch die Variation der einzelnen Werte unterschiedliche Schatten erreichen: vom "klassischen" Schlagschatten bis zu einem Glüheffekt. Man kann den Boxschatten auch mit den abgerundeten Ecken kombinieren:

.schatten {
    background: #ddd; padding: 12px;
    -webkit-box-shadow: 3px 2px 5px #aaa;
    -moz-box-shadow: 3px 2px 5px #aaa;
    box-shadow: 3px 2px 5px #aaa;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

Hier das Ergebnis des oberen Codes:

Voll rund hier.

Fazit

Sowohl Text- als auch Boxschatten sind interessante Eigenschaften, die es erlauben mit minimalen Einsatz eine Website aufzupeppen. Leider bleibt auch hier der Internet Explorer momentan außen vor. Der Hinweis auf den Internet Explorer 9 ist ein schwacher Trost, da die momentanen IE-Versionen noch auf Jahre hinaus, auf sehr vielen Websites eine signifikante Größe darstellen werden.

Ist der Anteil der IE-Nutzer auf einer Website, wie zum Beispiel auf dieser hier, eher gering, dann spricht nichts dagegen auch in diesem Fall auf CSS3 zu setzen, schließlich wird hier lediglich das Layout aufgewertet und es wird keiner vom Inhalt ausgesperrt.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Hier die Verteilung der Browser auf perun.net:

Die wichtigsten Browser auf perun.net

• Firefox 61,23%
• Internet Explorer 13,89%
• Safari 10,51%
• Google Chrome 7,61%
• Opera 3,92%
• andere Geckos bzw. Mozilla-basierte Brower, zum Beispiel SeaMonkey: 2,50%

Hier ist die Lage eindeutig, fast zwei Drittel der Besucher kommen auf Browser daher, der die Gecko-Engine als Unterbau hat: Firefox, SeaMonkey, Camino etc. erfreulicherweise ist der Anteil der IE-Nutzer erfreulich gering und daher kann ich auf perun.net bei CSS3 aus dem Vollen schöpfen.

Wenn ich mir die Anteile der einzelnen IE-Versionen anschaue, dann stelle ich fest, dass hier eine vergleichsweise hoher Updatewille herrscht:

Verteilung verschiedener IE-Versionen

Knapp drei Viertel der IE-Nutzer kommen mit IE8 vorbei und auf die ganzen Besucher umgerechnet, beläuft sich IE6 bei knapp 1,25% – also eine vernachlässigbare Größe.

Die Betriebssysteme

Und so schaut, die Verteilung der Betriebssysteme aus:

Verteilung der Betriebssysteme

auch auf diesem Blog, ist die Dominanz von Microsoft nicht zu übersehen: fast drei Viertel der Besucher haben Windows auf ihrem Rechner. Ich hab' da kein Problem damit, schließlich bin ich auch einer von denen.

Was mir persönlich etwas zu denken gibt ist das folgende Bild:

Verteilung verschiedener Windows-Versionen

45% der Windows-Nutzer (33,75% alle Besucher) setzen noch auf Windows XP. Bei den Blogs, die nicht auf Technik-Themen setzen, wird er Prozentsaz der XP-Nutzer noch höher sein. Das blöde an der ganzen Geschichte ist, dass der IE9, der einen sehr guten Support für CSS3 und HTML5 mitbringen wird, als Minimum Windows Vista voraussetzt. Somit wird recht bald, nicht der IE6 sondern Win XP die Webdesign-Bremse sein mit IE8 als dem neuen IE6.

Welcher Browser auf welchem Betriebssystem?

Interessant finde ich immer die Frage, welcher Browser auf welchen Betriebssystem benutzt wird:

Browser-/Betriebsystemkombinationen auf perun.net

Die erste stelle geht klar an Firefox/Windows und der 2. Platz an IE/Windows. An der dritten und vierten Stelle folgen Mac-User, einmal mit Safari und einmal mit Firefox. Nimmt man noch die anderen Browser, die hinter ferner liefen aufgelistet werden, dann setzt rund die Hälfte der Mac-Nutzer auf alternative Browser.

Die Linux-User setzen so gut wie alle auf Browser aus dem haue Mozilla (Geckos). Wie schaut es bei euch aus?

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Auch hier gilt es den Hinweis zu beachten den ich im ursprünglichen Artikel abgegeben haben.

Viel Spaß beim Lesen.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Es könnte aber sein, dass die Startseite vom Rest sehr stark abweicht und da könnte es schnell unübersichtlich werden, wenn man mit Conditional-Tags arbeitet. Deswegen gibt es schon seit längerem die Möglichkeit eine Template-Datei mit dem Namen home.php zu erstellen. Diese Datei kümmert sich ausschließlich um die Ausgabe der Startseite und den folgenden Unterseiten der Startseite und "überschreibt" dabei die Angaben in der index.php.

Die home.php wirkt aber nur so lange auch die Auflistung der aktuellen Blog-Artikel auf der Startseite erscheinen. Bestimmt man unter Einstellungen → Lesen → Startseite eine Seite (Page) als Startseite, dann kommt die home.php gar nicht zum Zuge.

Deswegen gibt es seit WordPress 3.0 die Möglichkeit eine Template-Datei mit dem Namen front-page.php zu erstellen. Angaben in dieser Datei beziehen sich auf die Startseite egal ob hier eine Seite bzw. Page oder ob klassischerweise, die Auflistung der letzten Blog-Artikel zum Einsatz kommt.

Die Angaben in der front-page.php "überschreiben", die Angaben in der home.php und in der index.php.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Hier eine Auflistung der gefunden Schwachstellen

1. phpBB – 100% der untersuchten Installationen zeigen kritische Schwachstellen
2. Mediawiki – 95% der untersuchten Installationen zeigen kritische Schwachstellen
3. Joomla! – 92% der untersuchten Installationen zeigen kritische Schwachstellen
4. Movable Type – 91% der untersuchten Installationen zeigen kritische Schwachstellen
5. phpMyAdmin – 85% der untersuchten Installationen zeigen kritische Schwachstellen
6. Moodle – 74% der untersuchten Installationen zeigen kritische Schwachstellen
7. Drupal – 70% der untersuchten Installationen zeigen kritische Schwachstellen
8. SPIP – 65% der untersuchten Installationen zeigen kritische Schwachstellen
9. WordPress – 4% (in Worten "vier"!) der untersuchten Installationen zeigen kritische Schwachstellen

Quelle: Netzgeist.org

Das ist ein vergleichsweise gutes Ergebnis … wenn man der Studie glauben soll. Dieses vergleichsweise guter Ergebnis resultiert meiner Meinung nach aus vielen Faktoren.

Zum einen sind die einfachen Update-Mechanismen für Plugins und für WP zu nennen, zum anderen die standardmäßige Deaktivierung der XML-RPC-Schnittstelle und die vielen Sicherheits-Tipps, die in vielen Weblogs publiziert wurden.

Vor allem der letzte Punkt schafft, nach einer Weile, auch bei einfachen Nutzern ein Sicherheitsbewusstsein und somit beschäftigen sich auch solche Nutzer zunehmend mit den Sicherheitsaspekten.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Wie dem auch sei, als ich neulich mir den Verlauf von perun.net in den letzten Jahren angeschaut habe, kam mir der Spruch "Auferstanden aus Ruinen" in den Sinn.

Hier zuerst die Anzahl der von Jens gezählten Backlinks:

Die Anzahl der »gültigen« Backlinks von perun.net

Und hier die daraus resultierende Positionierung in der Liste:

Positionierung von perun.net in den dt. Blogcharts

Schau'n mer mal ob ich es wieder in die Top-25 schaffe.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen