So, das leidige Thema „Bachelor Thesis“ hat sich auch erledigt, ich habe endlich ein Thema. ­čÖé Und ich werde Furtwangen noch ein Semester l├Ąnger erhalten bleiben, das wird besonders meine Kommilitonen aus dem Ausland freuen/├Ąrgern.

Da mir die neuen XFN Icons von Wolfgang Bartelme und Chris Messina recht gut gefallen, hab ich sie mal in mein CSS eingebaut. Das schwierige daran war, kombinationen von XFN Beziehungen mit CSS abzubilden. Ein Beispiel:

<a href=“https://notiz.blog“ rel=“friend met colleague“>…</a>

Deshalb hab ich f├╝r mich die Hierarchie festgelegt:

  • me
  • professional: co-worker, colleague
  • friendship (at most one): friend, acquaintance, contact
  • romantic: muse crush date sweetheart

Das hei├čt im Klartext: Wenn ich einen rel-tag wie z.B. rel="friend met colleague" wird nur friend und met ber├╝cksichtigt weil das f├╝r mich h├Âherwertig is. Wenn ihr ne andere Reihenfolge wollt, k├Ânnt ihr das ganze einfach in der CSS Datei umstellen (das Wichtigste unten).

Ich habe das ganze mit den in CSS 2.1 definierten Selectors realisiert und mit Firefox 2.0 und IE7 getestet.

Beispiel CSS Code:

a:hover[rel~="me"] {
	background: url(images/xfn-me.png) 
no-repeat right;
	padding-right: 25px;
	}

a:hover[rel~="co-worker"], 
a:hover[rel~="colleague"] {
	background: url(images/xfn-colleague.png) 
no-repeat right;
	padding-right: 25px;
	}
	
a:hover[rel~="co-worker"][rel~="met"], 
a:hover[rel~="colleague"][rel~="met"] {
	background: url(images/xfn-colleague.png) 
no-repeat right;
	padding-right: 25px;
	}

Komplette CSS Datei runterladen

Beispiele: ME, FRIEND COLLEAGUE, COLLEAGUE, COLLEAGUE MET, FRIEND MUSE, FRIEND MUSE MET.

W├╝rde mich sehr ├╝ber Kommentare und Anregungen freuen…

Wer braucht schon das bl├Âde www vor der URL, sieht doch ohne viel sch├Âner aus…
Das ganze hat aber auch noch einen wirtschaftlichen Aspekt (SEO). Um einen guten Pagerank bei Google zu erreichen sollte man nur unter einer URL gelistet (Canonical URL Problem) sein (z.B. https://notiz.blog und http://www.notiz.blog).

Google empfielt einen 301 Redirect einzurichten, hierzu 2 Vorschl├Ąge:

HTACCESS

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\.domain\.com$ [NC]
RewriteRule ^(.*)$ http://domain.com/$1 [R=301,L]

Mehr Infos auf no-www.org

PHP

<?php
Header( „HTTP/1.1 301 Moved Permanently“ );
Header( „Location: http://www.domain.de“ );
?>

Mehr Infos auf webmaster-verzeichnis.de

Wer WordPress benutzt und zu faul das ganze selber zu machen, der sollte das no-www Plugin von Matt einsetzen.

Wer zu faul ist seine Blog-Posts im richtigen Microformat zu formatieren oder es in sein Theme zu implementieren, der bekommt hier ein paar Erleichterungen.

Plugins

hReview WordPress Plugin ist ein simples Plugin um hReviews in normalen Eintr├Ągen zu erstellen. Nach dem aktivieren erscheint in „Write Posts“ ein neuer Butten ├╝ber dem Textfeld. Also zuerst den normalen Text schreiben, dann hReview Knopf dr├╝cken Formular ausf├╝llen und ab damit. Andrew E. Scott hatte gerne R├╝ckmeldung ob alles sauber funktioniert, also macht ihm doch den gefallen.

WP Microformatted Blogroll 0.2 l├Ąsst euch Linklisten (Blogrollen), gekennzeichnet durch XOXO, hCard und XFN erstellen.

MicroID Plugin for WordPress Von MicroID hatte ich bisher noch nicht geh├Ârt, aber es ist ziemlich simpel. Es erstellt einen Hash-Wert aus der E-Mail Adresse und der eigenen URL, welchen man zur Identifizierung verwenden kann. Also im Prinzip so ├Ąhnlich wie die Gravatare. Meiner z.B. ist 9198c94d942fa09454fa84b2ce447362d70abc1a. Das Plugin, schreibt diesen Wert in die Metatags von WordPress

<meta name="microid" content="9198c94d942fa09454fa84b2ce447362d70abc1a" />

zum Kennzeichnen des Blogs oder von Autoren eines einzelnen Eintrags.

Und zu GEO-Informationen gibt es ne ganze Menge Plugins.

Themes

Folgende Themes unterst├╝tzen hAtom:

Das K2 Theme von Michael Heilemann zeigt die Autoren aller Eintr├Ąge im hCard Format an und das Datum in Form der abbr-design-pattern.

Oder f├╝r die, die ihre Microformats mit einem StyleSheet selbst formatieren wollen gibt es unter mindgarden.de ein sch├Ânes CSS Template.

Abschlie├čend noch: Die Technorati Microformats-Suche funktioniert mittlerweile einwandfrei.