…war ursprünglich für hier geplant, erscheint aber jetzt in der neuen Thesis World, die ich eurer Aufmerksamkeit und euren Feedreadern bei der Gelegenheit gleich mal empfehlen möchte. .

Thesis World – Die deutschsprachige Ressource zum Thesis Theme für WordPress

Der Beitrag Thesis und SEO… is a post from: FirstDayBlack

Welches der beiden Blogs läuft mit dem Thesis-Theme für WordPress? Building Camelot oder Ben Bleikamp? Die Antwort gibt es unten…

www.buildingcamelot.com

www.bleikamp.com

Richtig. Beide. Das nenne ich ein flexibles Theme. Thesis rockt! Get Thesis · Live Demo

Showcase Sunday: Welches der beiden Blogs läuft mit dem Thesis-Theme? is a post from: FirstDayBlack

Seit heute gibt es bei Firstdayblack eine grafische Seitennavigation, die die häßlichen wordpress-eigenen “previous/next post links” auf den Archivseiten (Homepage, Kategorien, Tags, Archive) ersetzt hat. Realisiert wird die Navigation durch das WordPress-Plugin WP-PageNavi 2.40 von Lester Chan, das man auch im WordPress-Plugin-Directory herunterladen kann.

So sieht das Ergebnis aus

Das Plugin wird wie jedes andere Plugin auch in das Plugin-Verzeichnis der WordPress-Installation geladen – per FTP oder über die WordPress-2.7-interne Installationsroutine – und aktiviert. Wenn man das geschafft hat, muss man die PHP-Codezeile<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?> in sein Template einfügen. Genau an der Stelle, an der die Navigation später erscheinen soll, d.h. am Ende des Contentbereichs, kurz vor dem Footer.

Wenn man Thesis als Theme verwendet, funktioniert das etwas anders, denn händische Änderungen an den Quelltexten des Themes scheiden von vorneherein aus, denn man hat ja eine lebenslange kostenlose Update-Garantie und will nicht nach dem nächsten Theme-Update alle Änderungen wieder nachpflegen.

Bei Thesis fügt man die Codezeile in die Datei custom-functions.php ein, die im Unterordner custom des Themes liegt. Die Stelle, an der die Navigation erscheinen soll, bestimmt man mit einem der 31 Thesis-Hooks. Und zwar so:

add_action('thesis_hook_after_content', 'wp_pagenavi');

Gleichzeitig muss man aber die alte previous/next-Navigation noch abschalten. Das macht man mit dem Befehl

remove_action('thesis_hook_after_content', 'thesis_post_navigation');

den man ebenfalls in die Datei custom_functions-php einfügt.

Thesis rockt! Get it now! · Live Demo

Thesis-Thursday: Seitennavigation in Thesis einbauen is a post from: FirstDayBlack

Da der Artikel über die fünf mit dem WordPress-Theme »Thesis« gestalteten Websites relativ viele Leser hatte, habe ich hier noch einmal fünf Beispielseiten zusammengestellt, die ebenfalls alle mit Thesis realisiert wurden.

The Recliner GM

The Recliner GM

My Designer Handbags

My Designer Handbags

My Designer Handbags stellt Designer-Handtaschen international bekannter Luxusmarken wie Coach, Gucci, Kate Spade, Marc Jacobs u.a. vor. Das auf drei Farben reduzierte Farbschema bietet ein elegantes Look and Feel, das die Handtaschen genauso in den Vordergrund stellt wie die Multimediabox oben rechts, die die verschiedenen Modelle in Großaufnahmen zeigt. Integriert in die Site ist ein durch ein Ebay-Plugin (?) realisierter Webshop, der Handtaschen in verschiedenen Preisstufen zum Kauf anbietet. Eine sehr ansprechende Website, die die Taschen in angemessener Umgebung präsentiert.

The Inspired Room

The Inspired Room

The Home Office Organizer

The Home Office Organizer

In ihrem Blog The Home Office Organizer gibt Brandie Kajino ihren Lesern Tips und Hilfen zur Organisation des täglichen Chaos im eigenen Büro. Die Abbildungen eines Telefons, einer Aktenablage und einer Schreibmaschine im Seitenkopf machen das Thema der Site schnell auch visuell klar. Die Multimediabox bleibt für Grafiken reserviert, die auf eigene Angebote innerhalb der Website hinweisen. Wer will, kann einen Newsletter abonnieren oder ein E-Book herunterladen.

The Land of Gracious Living

Life in Yorba Linda – Land of Gracious Living

Yorba Linda ist eine Stadt in Kalifornien, die sich den Slogan »Land of Gracious Living« zugelegt hat. Unter diesem Namen betreiben Loren Nason & Gracious Living Media ein Placeblog, »powered by WordPress, Caffeine, and Swearing« und natürlich Thesis. Die Site verzichtet weitgehend auf große Fotos, erreicht aber alleine durch ihr Signet, die Schriften im Header und die pastellige Farbgebung ein frisches, verspieltes Erscheinungsbild.

So, das sollte für heute genug Inspiration sein. Bitte schreibt mir in den Kommentarbereich, was ihr davon haltet. Interessiert euch das? Inspiriert euch das? Langweilt euch das?

Thesis rockt! Get Thesis · Live Demo

Thesis-Showroom II: Fünf neue Thesis-Highlights is a post from: FirstDayBlack

Gestern abend ist ein minor update von Thesis erschienen. Da es nur kleinere Anpassungen an neue Funktionen von WordPress 2.7 beinhaltet, wäre das an sich nicht der Rede wert. Interessant ist aber, wie sich hier der Vorteil der durchdachten Struktur zeigt. Da alle User-Anpassungen in Dateien außerhalb der Core-Dateien stecken, kann man das update einfach über die vorhandene Installation drüberbügeln. Die Zeiten, in denen man die Anpassungen mühsam wieder von Hand in den Quelltext frickeln musste, sind vorbei.

Man muss beim Update nur aufpassen, dass man die Ordner custom und rotator nicht überschreibt, sonst sind die Anpassungen doch futsch.

Thesis 1.3.3 erschienen is a post from: FirstDayBlack

Drop-Down-Menüs sind beliebt, weil man damit die Links zu ›tiefen‹ Seiten auf wenig Platz gut unterbringen kann und die Leser sich nicht erst durch den Navigationsbaum hangeln müssen, bis sie zur gesuchten Seite finden.

Das fertige Drop-Down-Menü

Beispiele dafür gibt es genug, WordPress-PlugIns ebenfalls. Ich will hier an einem Beispiel zeigen, wie man so ein plugin-generiertes DropDown-Menü in ein mit dem Framework Thesis realisierten Blog einbaut – ohne im Quelltext von Thesis rumfummeln zu müssen.

Suckerfish zwar ist sehr beliebt, ich habe mich hier aber für das auf dem Ultimate-CSS-only-Menü von Stu Nichols basierende PlugIn von Zackdesign entschieden, weil es ohne Javascript auskommt.

Die Installation des PlugIns funktioniert so wie immer. Nach dem Download entpackt man das ZIP-Archiv, lädt die PlugIn-Datei nach Anleitung in das PlugIn-Verzeichnis auf den Server und aktiviert das PlugIn im Admin-Bereich von WordPress. Zusätzlich kopiert man den kompletten Inhalt der beigepackten Datei menu.css in die Datei custom.css von Thesis und lädt sie ebenfalls auf den Server (Verzeichnis custom im Thesis-Ordner.

Bei normalen Themes würde man jetzt wie in der Anleitung des PlugIns beschrieben den PHP-Schnipsel

<?php wp_css_dropdownmenu(); ?>

an der Stelle in den Quelldateien einfügen, an der man das Menü später haben will. Bei Thesis geht es etwas anders, nämlich über die ausgelagerte Datei custom_functions.php, die ebenfalls im Verzeichnis custom von Thesis liegt.

Dort knipst man zunächst mal mit der Zeile

remove_action('thesis_hook_before_header', 'thesis_nav_menu');

die vorhandene Navigationsleiste aus. Und mit der Zeile

add_action('thesis_hook_before_header', 'wp_css_dropdownmenu');

schaltet man die neue Drop-Down-Navigation an der selben Stelle an. Und das war’s dann auch schon.

Wer die Navigationsleiste lieber unter dem Header statt darüber hat, der verwendet den Thesis-Hook thesis_hook_after_header

add_action('thesis_hook_after_header', 'wp_css_dropdownmenu');

Thesis rockt! Get Thesis · Live Demo

Ein Drop-Down-Menü im Thesis-Framework is a post from: FirstDayBlack

Was das WordPress-Framework Thesis ist und welche verschiedenen Layouts mit Thesis möglich sind, habe ich schon gezeigt. Deshalb will ich heute mal kurz erklären, wie man seinem Theme und damit seinem Weblog zusätzliche Funktionen hinzufügt. Da es hier nur darum geht, das Prinzip zu verdeutlichen, habe ich zur Einführung eine einfache Funktion ausgewählt: Ich möchte jedem Kommentar einen Link zum Löschen hinzufügen.

Ein Delete-Link im Frontend ist eine praktische Sache. Man muss sich nicht erst im Backend durch die Liste der Kommentare wühlen, wenn man einen Spam-Kommentar löschen will, sondern kann direkt dem Link beim Kommentar folgen. Es versteht sich von selbst, dass dieser Link nur für den eingeloggten Benutzer mit Administratorrechten sichtbar ist. Der normale Leser sieht ihn nicht.

Natürlich ging sowas bisher auch schon. Man musste sich die passende Template-Datei seines Themes suchen (meistens single.php), dort die richtige Stelle im Quelltext finden und seine PHP-Funktion genau dort einfügen, wo man sie haben wollte. Und wenn man sie nicht mehr haben wollte, musste man sie wiederfinden und löschen, denn die Funktion stand ja hardcodiert im Theme-Template.

Bei Thesis funktioniert das anders. Die mitgelieferten Thesis-Core-Dateien braucht man nicht anzufassen. Alle selbstgebauten Funktionen sind in einer einzigen Datei custom-functions.php zusammengefasst und können nach Bedarf zu- und abgeschaltet werden. Einfacher gehts kaum.

Aber zunächst mal der Quellcode der Funktion:

function delete_comment_link() {
  if (current_user_can('edit_post')) {
    global $post;
    $id =  get_comment_id();
    echo ' <span class=\"edit_comment\"><a href="'.admin_url("comment.php?action=cdc&c=$id&redirect_to=/".$post->post_name."/").'">[delete]</a></span> ';
  }
}

Was die Funktion beim Aufruf tut, ist leicht zu erkennen. Sie fragt ab, ob der Benutzer das Recht zum Editieren hat und schreibt, wenn das so ist, den Delete-Link in die HTML-Seite. Diese sehr einfache Funktion schreibt man sich jetzt per copy&paste in die Datei custom-functions.php, die im Ordner custom des Thesis-Themes liegt. An welche Stelle man sie dort einfügt, spielt keine Rolle. Hauptsache, man lässt die Struktur der Datei intakt. Der Einfachheit halber kann man sie ganz ans Ende setzen.

Wenn man dann die Datei per FTP auf den Server hochgeladen hat, hat man den ersten Schritt geschafft. Aber es passiert noch nichts. Man muss seinem Thesis erst noch sagen, an welcher Stelle genau die Funktion eingebunden und ausgeführt werden soll. Dazu bringt Thesis 31 zusätzliche Hooks mit. Das sind ganz bestimmte Stellen, man könnte auch sagen Anfasser, im Theme, die im Quelltext markiert sind und an die man beliebige zusätzliche Funktionalitäten einfügen kann. Eine Übersicht der Thesis-Hooks findet man im Handbuch.

Für unseren Fall hier habe ich mal den Hook thesis_hook_after_comment_meta ausgesucht, damit der delete-Link direkt neben den schon vorhanden Edit-Link kommt. Der Name des hooks erklärt gleich auch genau die Stelle, an der er sitzt: Innerhalb des Kommentarbereichs, unmittelbar nach den Kommentar-Meta-Informationen (also Datum, Autor usw.). Hat man mehrere Kommentare auf einer Seite, wird der Hook mehrfach gesetzt.

Wie bekommt man jetzt die Funktion angehängt? Man schreibt einfach die folgende Zeile in die schon bekannte Datei custom_functions.php, direkt unter die zugehörige Funktion:

add_action('thesis_hook_after_comment_meta', 'delete_comment_link');

Das Prinzip ist bei allen Funktionen gleich: der erste Parameter ist der Hook, der zweite der Funktionsname.

Lädt man jetzt die Datei wieder hoch und schaut sich seine Kommentare an, findet man bei jedem Kommentar an der oben definierten Stelle hinter den Meta-Informationen einen Delete-Link (evtl. muss man einen reload oder refresh machen).

Das Ergebnis

So einfach ist das. Egal, ob man einen kleinen Link einfügt oder seine komplette Briefmarkensammlung oder ein Forum. Das Prinzip ist immer das selbe.

Thesis rockt! Get Thesis · Live Demo

Thesis-Hooks und selbstdefinierte Funktionen– ein Anwendungsbeispiel is a post from: FirstDayBlack

Schon länger hatte ich vor, mal einen Post darüber zu machen, was man mit dem Theme Thesis alles anstellen kann. Martin Waiss hat mich gestern noch mal dran erinnert. Drei Blogs, die das neue Framework bereits verwenden, hatte ich ja schon kurz gezeigt. Wie man sieht, kann Thesis alles andere sein als ein langweiliges, tausendmal gesehenes Standard-Theme. Obwohl es das ja auch im normalen Zustand nicht ist.

Zum Vergleich: Das unveränderte Thesis-Default-Theme

Alle diese unterschiedlichen Layouts, die mal mehr mal weniger weit weg vom Standard-Layout sind, können realisiert werden, ohne die Dateien des Themes selber anzufassen. Der große Vorteil daran ist, dass bei einem Theme-Update nicht alle mühsam in den Quelltext gefrickelten Anpassungen wieder überschrieben werden.

Aber seht selbst, welche unterschiedlichen Wirkungen man erzielen kann, wenn man eine Headergrafik oder einen Hintergund einfügt oder einfach nur die Multimediabox abschaltet:

Cushions & Umbrellas

Cushions & Umbrellas Blog

LoveCoachBlog.com

Love Coach Blog

ChrisBrogan.com

ChrisBrogan.com

SomeStrangeIdeas.com

SomeStrangeIdeas.com

PhoenixRealEstateGuy.com

PhoenixRealEstateGuy

Soviel erst mal für heute. Wenn ihr mehr davon sehen wollt, schreibt mir in den Kommentarbereich. Und wenn nicht, dann auch.

Thesis rockt! Get Thesis · Live Demo

Showcase: Was man mit Thesis alles machen kann is a post from: FirstDayBlack

Dass WordPress 2.7 das Options-Panel von Thesis 1.3.2 optisch zerschießt, war mir auch schon aufgefallen. Ich hatte mir aber nicht viel dabei gedacht, denn die Funktion ist dadurch nicht eingeschränkt. Es sieht eben einfach nicht mehr so schön dreispaltig-farbig aus wie vorher. Die Lösung ist einfach.

Thesis Options vorher

Chris Pearson hat sie heute gepostet. Sagte ich nicht gestern schon, dass es guten Support gibt? Und die Lösung ist auch ganz einfach. Man braucht nicht mal den Quelltext anzufassen.

In die Datei custom-functions.php fügt man folgende Codezeilen ein:

if (is_admin()) {
	function custom_options_js() {
		$date = date('mdy');
		echo '<script type="text/javascript" src="' . THESIS_JS_FOLDER . '/thesis.js?d=' . $date . '" /></script>';
	}

	add_action('admin_head', 'thesis_options_stylesheet');
	add_action('admin_head', 'custom_options_js');
}

Nach dem Hochladen der Datei und einem Reload des Admin-Bereichs sieht alles wieder aus wie immer:

Thesis Options nachher

Und der große »Big Ass Save Button« ist dann auch wieder da. Man kann seine Beschriftung ändern. Aber wer will das schon?

Big Ass Save Button

Update: Mit dem Update auf Thesis 1.3.3 ist das Problem behoben.

Thesis rockt! Get Thesis · Live Demo

Wie man das Thesis Options Panel bei WordPress 2.7 verschönert is a post from: FirstDayBlack

Wie schon länger versprochen und von Oliver angemahnt möchte ich heute endlich das hier bei FirstDayBlack verwendete WordPress-Theme Thesis (Live Demo) vorstellen. Was ist so besonderes daran, dass es 87 US-Dollar wert ist? Denn die will der Entwickler Chris Pearson für eine Einzellizenz haben. Es sind mehrere Punkte, die mir an diesem Theme – eigentlich sollte man besser sagen Framework – besser gefallen als an anderen Premium-Themes.

Hervorragende Lesbarkeit

Die wirklich herausragende Lesbarkeit ist für mich der wichtigste Punkt. Die Schriften, Zeilendurchschüsse und das Verhältnis zum Weißraum sind so gut voreingestellt, dass Thesis das am besten lesbarste Theme ist, dass ich kenne. Auch bei großen Bildschirmauflösungen. Ich ertappe mich in letzter Zeit immer öfter dabei, dass ich Beiträge in anderen Blogs nicht mehr zuende lese oder überhaupt nicht erst anfange, weil mich die Winzschriften, die engen Zeilen und der dichtgedrängte Kram um den Text herum schon so sehr nerven, dass ich schnell weiterklicke.

Klar kann man eine bessere Lesbarkeit, wenn man will und viel Zeit hat, durch Bearbeitung der Stylesheets bei anderen Themes auch erreichen. Aber oft zerschießt der Text dann das Grid-Layout und es ist auch nicht jedermanns Sache. Viele möchten sich lieber auf den Inhalt konzentrieren oder trauen sich an die Technik nicht ran.

Eine Auswahl an Blogs, die mit Thesis realisiert wurden (draufklicken zum Vergößern):

Flexibilität und Erweiterbarkeit

Das Thesis-Framework hat eine durchdachte Programmstruktur und ist deshalb leicht an individuelle Anforderungen anzupassen. Das Options-Panel im Admin-Bereich bietet viele Designvarianten an, die man per Knopfdruck auswählen kann. Egal, ob man ein einspaltiges, ein zweispaltiges oder ein dreispaltiges Layout wählt, das Ergebnis sieht immer gleich gut aus.

Besonders intelligent gelöst ist der Mechanismus für individuelle Anpassungen, die über die im Options-Panel auswählbaren Einstellungen hinausgehen. Anfänger können das Theme so wie es ist, out of the box, verwenden und haben ein Blog, das, tja, wie soll man sagen – elegant, clean und aufgeräumt aussieht. Wer höhere Ansprüche an ein individuelles Layout hat, kann Thesis als Site-Framework verwenden und das Design komplett umkrempeln. Dazu verwendet man für das CSS eine separate Datei custom.css und für selbstgeschriebene Funktionen die Datei custom_functions.php. Der Clou daran ist, dass man umfangreiche Änderungen vornehmen kann, ohne an die Thesis-Core-Dateien ran zu müssen. Auch bei späteren Theme-Updates (die man kostenlos bekommt) gehen so die Individualisierungen nicht durch Überschreiben der Dateien verloren. prominentestes Beispiel eines Blogs, das mit Thesis realisiert wurde, ist wohl der Copyblogger.

Interessant ist auch die Flexibilität der Multimediabox. Das ist die Box oben rechts. In der Standardeinstellung zeigt sie wechselnde Bilder an, aber sie kann im Admin-Bereich auch für andere Zwecke (Videos, Google Adsense etc.) konfiguriert werden. Man kann sie für jeden Post und jede Seite separat einstellen. Dazu gibt es aber einen separaten Beitrag.

Und natürlich die Hooks. Jetzt hätte ich doch fast die Hooks vergessen. Hooks, deutsch Haken, sind besonders markierte Stellen im Quelltext, in die Programmerweiterungen eingehängt werden können. Meistens passiert das durch PlugIns. WordPress hat selbst schon einige Hooks an Bord, aber Thesis hat noch weitere 32 Thesis-Hooks mit dabei. Auf die Hooks kann mittels selbst geschriebener Funktionen (keine Angst, das ist einfacher als es klingt) zugegriffen und zusätzliche Inhalte in das Theme eingefügt und auch wieder herausgenommen werden – ohne die Quelldateien selbst anfassen zu müssen. Natürlich gibt es zu den Hooks, wie auch zu anderen Themen, umfangreiche Hilfe im Thesis-Handbuch und im Forum.

Suchmaschinenfreundlichkeit

Thesis hat einen sehr schlanken, gut strukturierten HTML-Quellcode, der von den Suchmaschinen problemlos gecrawlt und indiziert werden kann. Das Wichtigste, der Content-Bereich, steht im Quelltext ganz oben, egal welche Layout-Variante man wählt. Allein dadurch ist schon eine hohe SEO-Optimierung gegeben, die man vergleichbar oft nur bei anderen hochwertigen WordPress-Themes findet (z.B. bei Brian Gardners Revolution-Themes). Verbessern kann man die Suchmaschinenfreundlichkeit von Thesis noch durch SEO-Plugins. Auch dazu folgt ein weiterer Post (→ Das Thesis-Theme aus SEO-Sicht).

Support

Wer stolzer Besitzer einer Thesis-Lizenz ist, bekommt die weiteren Updates umsonst (z.B. steht die Auslieferung von Cosmo, der alternativen Theme-Oberfläche im Magazin-Stil, bevor) und natürlich Support. Es gibt eine sehr aktive Thesis-Community, die bei Problemen schnell weiterhilft (Forum), und nicht zuletzt ist auch Chris Pearsons ansteckende Begeisterung ein Grund, auf Thesis umzusteigen und das Framework nie mehr zu wechseln – nur noch das Layout. Oder um es an einem Auto zu verdeutlichen: Karosserie und Lackierung wechseln, Chassis und Motor bleiben.

Fazit

Thesis ist ein gut durchdachtes und strukturiertes WordPress-Framework, das für Anfänger leicht zu bedienen ist, aber auch dem fortgeschrittenen Anwender kaum Wünsche offen lässt. Es kostet zwar 87 US-Dollar, ist aber wegen seiner guten Ausstattung, seiner Suchmaschinenfreundlichkeit und seiner hohen Flexibilität seinen Preis wert. Wer es einmal hat, möchte kein anderes mehr haben.

Thesis rockt! Get Thesis · Live Demo

Thesis – eines der besten Premium-Themes für WordPress is a post from: FirstDayBlack