WordPress Magazin #4 by Pascal Birchler

Ausgabe 4 / WordPress Magazin

WordPress Magazin

FACEBOOK

Landing Page erstellen Kontakt: wp-magazin.ch

SEO

Tricks f端r Experten

WIDGETS Aufklapp-Effekt

Inhalt 03 Editorial 06 Kurznachrichten 08

WebMatrix: Webentwicklung leicht gemacht!

How-To: Facebook IFrame Landing Page Anwendung erstellen

14 add_theme_support: Das ideale Werkzeug, um Plugins durch Code zu konfigurieren 16

WordPress 3.2 – schneller, besser, schlanker

WordPress SEO-Tricks für Experten

WordCamp Switzerland

Auf- und zuklapp-Effekt für WordPress-Widgets

WordPress Video-Training von video2brain

Theme Showcase

WordPress-Profis gesucht

WordPress Magazin

Editorial mals her. Das muss jetzt auch im Blog geschehen: Stimmt die Themenausrichtung, wo man immer wieder zwischen News und Coding-Tipps hin und her wankt, stimmt das Angebot als Gesamtpaket?

Es ist Frühling! Mehr Sonne, kein Schnee, grüne Wiesen und viel Gelati. Aber auch Frühjahrsputz ist wieder angesagt, nicht nur zuhause sondern auch im Blog. Bei uns zum Beispiel sind einige Änderungen geplant, allerdings werde ich bestimmt das meiste wieder prokrastinieren. Was für Änderungen das sind? Nun, das WordPress Magazin war schon so eine Änderung - etwas Neues, Frisches musste da-

Mit dem WordPress Netzwerk haben wir beispielsweise schon ein interessantes Werkzeug, wir müssen nur noch die richtige Art finden, wie es der Community am meisten nützt. Inputs sind hier selbstverständlich immer gerne willkommen! Hoffen wir aber, dass es plötzlich «Klick» macht und die zündende Idee da ist. Bis dahin wünsche ich viel Spass beim Lesen, Recherchieren, Probieren und vielleicht sogar Kritisieren. Pascal Birchler Editor-in-chief

Impressum Redaktion Pascal Birchler

Twitter http://twitter.com/wpmch/

Gestaltung 08EINS, Haempa Maissen

Facebook http://facebook.com/wpmagazin/ Website http://wp-magazin.ch/

WordPress Magazin

Kurznachrichten Attacken auf WordPress.com Anfangs März gab es eine gross angelegte DDoS Attacke auf Automattics Hosting Service WordPress.com. Betroffen waren gleich alle drei Rechenzentren, was sogar zu einem kurzzeitigen Ausfall führte. Mitte April wurden dann auch noch die Server gehackt und Quelltext gestohlen. Mittlerweile hat man die Infrastruktur von WordPress.com stark ausgebaut, damit so etwas so schnell nicht mehr passiert. Mehr Infos: http://wpmag.org/eu Statify – Datenschutz-konforme Statistik für WordPress Sergej Müller scheint Plugins ab Laufband zu produzieren. Diesmal schüttelte er mit Statify ein kompaktes Tool aus dem Ärmel, welches komplett auf die Verarbeitung der Besucher IP-Adressen verzichtet. Man hat nun zwar Datenschutz-mässig unbedenkliche Statistiken, jedoch zählt Statify auch dementsprechend jeden Seitenaufruf. Mehr Infos: http://wpmag.org/statify Jetpack – WordPress.com Features für selbstgehostete Blogs Jetpack ist ein neues WordPress Plugin aus dem Haus Automattic, welches verschiedene Features von WordPress.com auch für «Normalo-Blogs» freischaltet. Dazu gehören bis jetzt unter anderem Gravatar Hovercards, Sharedaddy und die Rechtschreibprüfung After the Deadline. Weitere sollen noch kommen. Mehr Infos: http://wpmag.org/ew

WordPress Magazin

WordPress für Kundenprojekte WordPress ist eines der bekanntesten Blogsysteme, wird aber immer häufiger auch für gewöhnliches Content Management verwendet. Bei der Umsetzung von Kundenprojekten mit WordPress gibt es jedoch einige Dinge zu beachten. Ellen von elmastudio.de erklärt, was man am besten schon von Beginn weg regeln sollte. Mehr Infos: http://wpmag.org/wpkundenprojekte

WPCandy Theme Madness Anstelle eines Basketball-Turniers (March Madness) gibt es bei WPCandy aktuell ein Turnier mit ganzen 64 Premium Theme Anbieter. Voten kann man dann unter anderem im WPCandy Blog, in seinem eigenen oder über Twitter. Für weitere Details und die genauen Teilnahmebedingungen sollte man den Blog lesen. Gewinnen kann man eine handgemachte WPCandy-Trophäe.

WooThemes mit Neuausrichtung WooThemes kennen bestimmt alle: Es ist der grösste Anbieter von WordPress Themes, die etwas kosten. Bisher gab es vereinzelt auch Templates für Drupal, Magento, Expression Engine und Tumblr. Allerdings werden diese ab sofort nicht mehr angeboten, da man die erforderlichen Kapazitäten nicht hat und man sich lieber auf das Kerngeschäft konzentriert.

Mehr Infos: http://wpmag.org/wpmadness

Mehr Infos: http://wpmag.org/woorefocus

Guided Transfers von WordPress.com zu .org Blogs Nach dem Launch von Jetpack bietet Automattic nun auch noch einen Umzugsdienst an. Für einmalige 99 Dollar kann man sich von den Profis den Blog von

WordPress.com auf seinen eigenen Server (eines empfohlenen Anbieteres) umziehen lassen. Jetpack wird dabei vorinstalliert sein, sodass man keine Features verliert. Mehr Infos: http://wpmag.org/ey

WordPress Magazin

Updates Mobile Im März erschien Version 2.7 der WordPress iOS-App, welche endlich die vielen Bugs beheben soll, durch welche die App bisweilen auf sich aufmerksam gemacht hat. Für Version 2.8 plant man bereits ein paar spannende Features. Auch die WordPress BlackBerry-App bekam ein Update, jedoch ein sicherheitstechnisches. Version 1.4.6.1 wird u.a. wegen der neuen Passwort-Verschlüsselung empfohlen. Mehr Infos: http://wordpress.org/extend/mobile/ Automattic Mitte April hat Automattic alle Mitarbeiter und auch WordPress-Fans aufgefordert, aus Gründen der Gesundheit einen 5 Kilometer Lauf zu absolvieren. Das Schwierige dabei: 80 Leute rund um den Globus für diesen «5k» zu organisieren. Mehr Infos: http://wp.me/pf2B5-1JY Das bekannte Anti-Spam Plugin Akismet hat am 8. April den 25 Milliarsten SpamKommentar beseitigt. Dazu gab es auch einige Statistiken, z.B. sind Spammer eher an einem Freitagabend aktiv, sonntags weniger. WordPress.com Durch eine Partnerschaft mit dem Startup OnSwipe kann man nun sein WordPress. com Blog in einem iPad-optimierten Magazin-Stil anzeigen lassen. OnSwipe ist auch für selbst gehostete Blogs erhältlich. Mehr Infos: http://wpmag.org/onswipedotcom

WordPress Magazin

WordPress.org Kurz nach dem Release von WordPress 3.1 gibt es bereits eine neue Version: 3.1.1 behebt einige kleine Fehler. Ein Update ist übers Backend zum Glück schnell durchgeführt. Mehr Infos: http://wordpress.org/news/2011/04/wordpress-3-1-1/ Wie jedes Jahr ist auch WordPress wieder am Google Summer of Code dabei. Studenten aus aller Welt können an bestimmten und wichtigen Projekten arbeiten. Bei erfolgreicher Fertigstellung winken 5000 Dollar – kein schlechter Sommerjob also. Mehr Infos: http://wordpress.org/news/2011/03/wordpress-summer-of-code-2011/ BuddyPress BuddyPress 1.2.8 erschien Ende Februar und beinhaltet einige kleine Bug Fixes. Zudem ist das Plugin mit den neusten bbPress- und WordPress-Versionen kompatibel. bbPress Die erwähnte bbPress Version ist 1.0.3 und hauptsächlich ein Sicherheitsupdate. Ein Update wird dringend empfohlen.

WordCamps Es ist schon faszinierend, wie viele WordCamps es mittlerweile gibt. Von A-Z, von Amerika über Portugal bis Neuseeland ist etwas dabei, also hat man schnell einmal die Möglichkeit, eines zu besuchen. Die WordPress-Veranstaltungen bieten eine tolle Gelegenheit, sich mit Gleichgesinnten auszutauschen und die einen oder anderen Kniffe zu lösen.

WordCamp Orange County 14. Mai Orange County, Kalifornien http://www.ocwordcamp.com/

Wie immer haben wir für euch eine Liste an aktuellen WordCamps vorbereitet, darunter ist selbstverständlich auch das am 7. Mai stattfindende WordCamp Switzerland!

WordCamp Reno-Lake Tahoe 4. - 5. Juni Reno, Nevada http://2011.reno.wordcamp.org/

WordCamp Atlanta 6. - 7. Mai Atlanta, Georgia http://atlantawordcamp.com/ WordCamp Switzerland 7. Mai Brugg http://wordcamp-switzerland.ch/

WordCamp Raleigh 21. - 22. Mai Raleigh, North Carolina http://wordcampraleigh.com/

WordCamp Columbus 17. - 19. Juni Columbus, Ohio http://wordcampcolumbus.com/ WordCamp Montreal 9. - 10. Juli Montreal, Quebec http://wcmtl.org/

WordPress Magazin

WebMatrix: Webentwicklung leicht gemacht! Im Dezember wurde auf wp-magazin.ch das neue kostenlose Web-Entwicklungstool WebMatrix vorgestellt. Mit diesem Tool erhält man alles zum schnellen Erstellen, Bearbeiten und Veröffentlichen von Webseiten auf Basis von OpenSource Tools wie WordPress, oder man hat die Möglichkeit gleich selbst seinen eigenen Code zu schreiben. WordPress und WebMatrix: Erste Schritte Da es schon unzählige „Erste Schritte“ mit WebMatrix im Web gibt, geben wir hier nur einen kurzen Einstieg und verweisen auf diese einschlägige Seiten. 1. Konstenlos auf der Microsoft Produkteseite WebMatrix Download holen und in stallieren.

2. WordPress-Benutzer wählen nun die Option «Site From Web Gallery» und WebMatrix installiert alles automatisch: Web Matrix identifiziert die erforderlichen Komponenten, die auf Ihrem lokalen Entwick lungsrechner benötigt werden, und zwar unabhängig davon, ob es sich um ASP.NET Anwendungen auf der Basis eines SQL-Servers oder um PHP-Anwendungen auf der Basis von MySQL handelt.

WordPress Magazin

3. Für detaillierte Installations und Setup-Schritte gibt es diese WebMatrix-Anleitung hier. Webseite aus Web Gallery Anschliessend können Sie Ihre WordPresse Seite mit dem integrierten Codeund Datenbankeditor bearbeiten. Dank der farblichen Syntax-Hervorhebung sind Theme-Anpassungen ein Leichtes. Kleiner Tipp am Rand:

Mit den in Internet Explorer 9 integrierten Entwicklertools (aufgerufen per F12Knopfdruck) kann man Webseiten-Elemente anklicken und gleich analysieren. Diese Werkzeuge sparen viel Zeit bei der Fehlerbehebung und machen die Umsetzung der persönlichen Änderungen einfacher (siehe Abbildung 3). Erfassen von Anfragen und SEO-Berichten Neben den reinen Entwicklungs-Werkzeugen, enthält WebMatrix ein praktisches Tool, das sämtliche Anfragen an

Ihre lokale Website nachverfolgt. Sie erhalten Informationen darüber, ob die Anfrage erfolgreich war oder nicht, wie lange die Verarbeitung gedauert hat usw. Eine weitere praktische Funktion von WebMatrix ist die Suchmaschinenoptimierung. Anhand eines integrierten Berichts erfahren Sie, wie Sie Ihrer Website die nötige Relevanz verleihen und für Suchmaschinen optimieren können.

Ken Casada ist ein Developer Evangelist bei Microsoft Schweiz. Er hat mehr als 10 Jahre Erfahrung in der Entwicklung von Lösungen auf der MS Plattform für mittlere und kleine Firmen.

Veröffentlichen Nach dem Erstellen und Testen Ihrer Anwendung können Sie die Webseite zusammen mit der Datenbank in einem Klick im Internet veröffentlichen. Hierzu steht die in WebMatrix integrierte Veröffentlichungsfunktion mit Unterstützung von FTP, FTPS und WebDeploy zur Verfügung. WebMatrix hilft den passenden Hoster zu finden, welcher die gewählte Technologie Ihrer Web-Anwendung auch tatsächlich unterstützt - die Webseite wird dann gleich direkt aus WebMatrix ins Netz publiziert. So einfach geht das! Last but not least, alle Studenten können von einem einjährigen kostenlosen Schweizer Webhosting Angebot profitieren. Details sind unter www.academiczone.ch zu finden.

WordPress Magazin

How-To: Facebook IFrame Landing Page Anwendung erstellen Heute möchte ich euch zeigen, wie einfach man eine Facebook Landing Page mit PHP, HTML/CSS und Javascript erstellen kann. Wir mutieren zwar nicht zum Social Media Blog, diese Anleitung ist aber bestimmt sehr nützlich für einige von euch! Hintergrund Doch was versteht man eigentlich unter einer Facebook Landing Page? Genau genommen meint man damit einen speziellen Reiter einer Fanseite, die neuen Besuchern angezeigt werden. Man kann aber auch spezielle Landing Pages für Aktionen oder Wettbewerbe nutzen. Normalerweise hat eine Fanseite die Standard-Reiter Pinnwand, Fotos und vielleicht noch Veranstaltungen. Weitere können durch Facebook Applikationen aus dem öffentlichen Verzeichnis hinzugefügt werden. Besonders beliebt ist die Anwendung Static FBML, mit der man bis anhin sehr viele Landing Pages umgesetzt hat. Mit ihr kann man gewöhnliches HTML in Kombination mit speziellen Facebook-Tags für Landing Pages verwenden. In der Nutzung ist man aber sehr eingeschränkt, beispielsweise bei Javascript. In einigen Tagen, genauer gesagt am 11. März, wird es nicht mehr möglich sein, Static FBML auf seiner Fanpage zu nutzen. Stattdessen sollen eigene Applikationen - in IFrames - genutzt werden. Diese haben viele Vorteile: Man kann nun problemlos Javascript und somit auch Google Analytics einsetzen, ist im Design nicht mehr beschränkt und kann seine Seiten noch besser in Facebook integrieren.

WordPress Magazin

Erste Schritte

Als Erstes muss man die Facebook Developer Applikation installieren, danach kann man seine erste Anwendung erstellen. Als Erstes gibt man den Namen ein und akzeptiert die AGB von Facebook. Der Name darf übrigens nicht an eine Facebook-eigene Anwendung wie Diskussionen oder Veranstaltungen angelehnt sein.

Da der Name öffentlich ist, sollte man etwas Sinnvolles wählen, wie z.B. WordPress Magazin oder dercooleblog.com. Danach kommt man zur eigentlichen Einstellungs-Seite der Anwendung, wo es allerhand einzustellen gibt.

Wichtig ist auf dieser ersten Einstellungsseite, dass man ein Logo (75x75px) sowie ein Icon (16x16px) hochlädt. Am besten eignen sich GIF-Bilder mit transparentem Hintergrund. Auch die Sprache schaltet man vorsichtshalber lieber auf Deutsch um, ich konnte allerdings beim Einrichten keinen Unterschied zu Englisch feststellen. Diese Einstellung dürfte wohl nur wichtig sein, wenn man seine Anwendung ins offizielle Verzeichnis stellen möchte. In unserem Fall bleibt die Anwendung jedoch privat.

• URL des Reiters - Hier kommt dann die Datei, meistens index.php • Canvas-Typ / Reiter-Typ - IFrame • Name des Reiters - Kurz und bündig, maximal 16 Zeichen

Das nächste und letzte Register hat den Namen Facebook-Einbindung. Hier stellen wir ein, welche Seite im IFrame eingebunden werden soll. Zudem wird hier die Anwendungs-ID und der Anwendungs-Geheimcode angegeben, welche wir später für die Authentifizierung benötigen.

Allerdings wird die Anwendung noch nicht standardmässig allen Nutzern angezeigt. Dazu muss man noch die entsprechende Fanseite bearbeiten und unter dem Punkt Genehmigungen verwalten den StandardReiter für Nicht-Fans definieren.

Jetzt kann man die Änderungen speichern, wodurch man auf die Übersichtsseite gelangt. Dort klickt man auf die AnwendungsProfilseite und anschliessend auf Zu meiner Seite hinzufügen. Im folgenden Menü wählt man dann die gewünschte Fanseite aus.

Der Code Jetzt können wir uns nun der eigentlichen Applikation widmen. Dazu erstellt man im Programm seiner Wahl eine PHP Datei mit einfachem HTML-Grundgerüst - dazu reicht beispielsweise schon Dreamweaver. Als Nächstes bindet man das PHPSDK, bestehend aus einer einzigen Datei, von Facebook ein, welches man bei GitHub herunterladen kann. Dort gibt es auch ein entsprechendes Beispiel zur Nutzung:

• Canvas-URL - Die URL zur Applikation auf dem eigenen Server, ohne jedoch eine explizite Datei anzugeben. Beispiel: http://example.com/wpcontent/facebook/

WordPress Magazin

How-To: Facebook IFrame Landing Page Anwendung erstellen Damit initialisieren wir die Klasse und laden die aktuelle Session. So erhalten wir nämlich bereits einige Basics über den aktuellen Besucher, ob er eingeloggt ist oder nicht und ob er bereits Fan der Seite ist. Da wir jedoch weitere Features wie den Like-Button und die Möglichkeit, Freunde einzuladen, nutzen wollen, benötigen wir die Daten auch in Javascript. Dazu laden wir zusätzlich noch die JSSDK direkt nach dem öffnenden <body>Tag:

Jetzt muss man - gleich im Anschluss nur noch alle Javascript-Funktionen initialisieren, die Session-Daten haben wir dabei schon aus dem PHP-Teil.

Danach kommt das eigentliche Layout, wo man sich nach Lust und Laune austoben kann. Zum Beispiel kann die Landing Page an Facebook angelehnt oder so kunterbunt wie die Website sein. Einzige Limitierung ist die Breite von 520 Pixel. Die Höhe sollte variabel sein, wie wir das vorhin in den Einstellungen definiert haben. Dazu bedarf es allerdings noch einer Zeile Code...

WordPress Magazin

Auto-Resize Wir haben in den Anwendungs-Einstellungen angegeben, dass die IFrameGrösse automatisch angepasst werden soll, schliesslich will man ja keine Scrollbalken, welche das mit 520 Pixel schon schmale Layout je nach Browser nochmals um einige Pixel reduzieren würden. Zusätzlich zu dieser Einstellung muss man aber noch in der selben window.fbAsyncInit Funktion folgende Zeile einfügen:

Hat man allerdings ein jQuery-Slider oder -Accordion, so verändert sich ja immer die Grösse des IFrames. FB.Canvas.setAutoResize() ist deshalb nur für die Initialisierung des Tabs sinnvoll. Anschließende Vergrösserungen sollten besser manuell mit FB.Canvas.setSize() durchgeführt werden. Ein Beispiel:

Events Facebooks Javascript-SDK erlaubt es, sich in bestimmte Events einzuklinken. Auf diesem Weg kann man die Applikation bei Login/Logout oder bei einem Gefällt mir neu laden. Mit Hilfe des GET-Parameters app_data kann man beim Reload bestimmte Werte an die Applikation übergeben, z.B. um eine Nachricht für den neuen Fan anzuzeigen.

Folgende Schnipsel kommen ebenfalls in die Init-Funktion: Teilen Ein weiterer Vorteil einer eigenen Anwendung gegenüber Static FBML ist die Möglichkeit, dass man dem User Dialoge anzeigen kann. So lassen sich unter anderem Nachrichten an seine Pinnwand posten, wie dieses Beispiel zeigt:

Fazit Schlussendlich könnte die Landing Page so aussehen wie die des WordPress Magazins, auch wenn unsere noch etwas minimalistisch daherkommt. An dieser Stelle seid ihr gefragt! Erstellt eure eigene Landing Page anhand dieses Beispiels und liest weiterführende Dokumentationen von Facebook: • Signed Request • Social Plugins (Gefällt mir Buttons, etc.) • Graph API • Javascript SDK Übersicht • Facebook OAuth Implementierung

Hier kommt für den Element-Selektor $('#share') jQuery zum Einsatz. Dieser ganze Code-Block sollte am besten in einem $(document).ready(function () { ... }); untergebracht werden, damit sichergestellt ist, dass die Facebook-SDK vollständig geladen ist. Am Ende sieht das dann ungefähr so aus:

WordPress Magazin

add_theme_support:

Das ideale Werkzeug, um Plugins durch Code zu konfigurieren Mit Wordpress 2.9 wurden die Funktionen rund um die Funktion add_theme_ support eingeführt. Die Idee ist simpel: Plugins (oder auch Wordpress selbst) stellen neue Funktionalitäten bereit, die vom Theme unterstützt werden müssen, damit sie funktionieren. Das Theme macht einen add_theme_support-Aufruf in der functions.php und teilt so mit, dass es die neue Erweiterung darstellen kann. Das erste Beispiel für so eine Anwendung war das Artikelminiaturbild in Wordpress 2.9. Hat das ausgewählte Theme einen add_theme_support('post-thumbnail')Aufruf gemacht, erscheint im Backend beim Erfassen von Artikeln eine neue Metabox, um das Bild auszuwählen. Das Tolle an dieser Funktion ist, dass sie nicht auf das Theme begrenzt ist. Theoretisch können sich so auch andere Plugins steuern lassen. Und add_theme_support hat noch einen zweiten Parameter mit dem Einstellungen übergeben werden können. Wir bei Blogwerk benutzen add_theme_ support vor allem, um unsere Bildergalerie oder spezielle Widgets für Themes freizuschalten. Alle unsere Erweiterungen sind so programmiert, dass sie Einstellungen benötigen, zum Beispiel welche CSS-Klasse vergeben werden soll oder ob noch erweiterte Funktionen freizuschalten sind. Im Vergleich: Der Einstellungsdialog Einige werden jetzt aufstehen und sagen, dass sie auch sehr einfach einen Einstellungsdialog im Backend mit der Settings API erstellen können. Richtig, aber am Ziel vorbei. Es kann durchaus Situationen geben, in denen man noch nicht mal einem Administrator etwas einstellen las-

WordPress Magazin

sen möchte, aber Konfigurationsmöglichkeiten, z.B. für Wiederverwendbarkeit in anderen Blogs, sinnvoll erscheinen. Ausserdem kann auch beides kombiniert werden. Erst wenn der add_theme_support-Aufruf getätigt wurde, wird ein Administrationsinterface im Backend bereitgestellt. Im Detail: Wie funktioniert es? Zunächst muss man als Pluginentwickler die Erweiterung eines Plugins dafür vorbereiten, dass sie nur manchmal aktiviert wird. Die beste Lösung dafür ist, die Erweiterung in eine eigene PHP-Datei zu verpacken. Danach kann man in der Hauptdatei des Plugins folgende zwei Zeilen einfügen: if (current_theme_supports('super_funktion')) include('functions/super_funktion.php'); Jetzt lädt unsere Plugin den Code nur, wenn das Theme vorher gesagt hat, dass es damit auch was anzufangen weiss. Als nächstes fügen wir den Aufruf dafür in die functions.php des Themes ein: add_theme_support('super_funktion'); Jetzt wird die Erweiterung geladen. Stellen wir uns vor, unsere Erweiterung braucht zwei Parameter, dann wäre der Aufruf in der functions.php wie folgt: add_theme_support('super_ funktion',array( 'parameter_a' => 'Wert Parameter A', 'parameter_b' => 'Wert Parameter B' )); Wie zu sehen ist, kann man die Parame-

ter einfach im zweiten Parameter von add_theme_support als Array übergeben. Theoretisch könnte der zweite Parameter auch nur ein String sein, das macht aber in Zukunft möglicherweise Probleme, wenn man die Erweiterung modifizieren möchte und einen zweiten Parameter benötigt. Jetzt ist noch die Frage offen, wie die Parameter wieder ausgelesen werden können. Seit Wordpress 3.1 gibt es dafür eine Funktion. Vorher musste man auf ein globales Array zugreifen: $settings_temp = get_theme_ support('super_funktion'); $settings = $settings_temp[0]; Danach ist $settings ein Array und beinhaltet die Parameter, die beim add_theme_support-Aufruf angegeben worden. Fazit add_theme_support ist ein guter Weg, wenn nicht alle Funktionalitäten eines Plugins immer benötigt werden. Es ist sehr einfach, den Code für die Erweiterung komplett auszulassen und gar nicht zu laden, wenn er nicht benötigt wird. Auch die Übergabe von Parametern für den Code ist leicht zu bewerkstelligen und schneller als alles anderen Parameterspeicher in Wordpress, wie zum Beispiel eine «Option», die trotz Caching mehr Aufrufe macht. Ausserdem eignet sich add_theme_support hervorragend für parametrisierten Code, den nicht mal ein Administrator eines Blogs ändern sollte.

WordPress Magazin

WordPress 3.2 – schneller, besser, schlanker Kaum wurde WordPress 3.1 veröffentlicht, hat man sich schon Gedanken um WordPress 3.2 gemacht. Die Features sind eher unspektakulär, trotzdem möchte ich auf die eher kurze Liste vom WordPress Development Blog eingehen. Das Gleiche haben übrigens auch schon Perun und WordPress Deutschland in wenigen Sätzen gemacht. Dabei möchte ich anmerken, dass wir bei der Titelwahl alle sehr unkreativ waren und bloss den Titel aus dem Development Blog adaptiert haben: WordPress 3.2, the plan: faster, lighter. Die Timeline für WordPress 3.2 steht noch aus, doch mit Sicherheit dürfte dieser Release weniger lange dauern als WordPress 3.1. Und zwar nicht nur, weil es wirklich lange genug gedauert hat, sondern weil auch die Features kaum an der Oberfläche passieren. Aber sehen wir uns die Liste einmal genauer an: Das bringt WordPress 3.2 Generalüberholung Alte Sachen schmeisst man raus, neues kommt aber nicht hinzu. Der ganze Adminbereich soll somit schneller und besser werden. Auch der Internet Explorer 6 gehört zu diesen Altlasten und wird nun nicht mehr unterstützt. Bezüglich Schnelligkeit soll vor allem auch im PHP-Teil einiges optimiert werden. Tabellen Die Schnittstelle für die verschiedenen Daten-Tabellen wie z.B. für Beiträge, Seiten, Benutzer soll fertiggestellt werden, sodass man z.B. in Plugins ohne grossen Aufwand solche Tabellen umsetzen kann. Falls dies schnell gelingt, werden auch die Ajax Features wieder integriert, da man dort noch einige Probleme hatte.

WordPress Magazin

PHP5, MySQL5 WordPress knüpft, wie schon lange vorher bekannt, endlich an Drupal & Co. an und benötigt fortan mindestens PHP 5.2.4 und MySQL5. Allerdings werden hier vorerst bloss die Zahlen geändert und nicht etwa ganze Datenbankabfragen. Upgrades Der Upgrade-Prozess soll für den Benutzer schneller werden, indem beispielsweise nur noch die wichtigen Dateien, welche auch bei einem Release geändert wurden, ausgetauscht werden. Zudem soll Twenty Ten oder Akismet nicht mehr automatisch aktualisiert werden. Hier hat man nämlich oft den unschönen Effekt eines Downgrades gehabt. Fullscreen-Editor Der WYSIWYG-Editor TinyMCE hat zwar einen integrierten Vollbild-Modus, doch der ist ziemlich unschön und hilft nicht so sehr beim Schreiben. Man hat sich bereits ein paar Plugins angeschaut, welche ein besseres Schreiberlebnis bieten und möchte nun selbst so eine Lösung implementieren.

WordPress Magazin

WordPress SEO-Tricks für Experten Die meisten Leute, die sich mit WordPress SEO beschäftigt haben, kennen die ganz normalen Plugins die man für die Suchmaschinenoptimierung von WordPress Blogs benutzt. Sehr oft wird zum Beispiel Headspace 2, all-in-one SEO oder das WordPress SEO Plugin von Joost de Valk eingesetzt. Auf deutschen Blogs kommt auch sehr oft wpSEO zum Einsatz. Wichtigste SEO Aktion: Das Ziel definieren! All diese Plugins erfüllen ganz unterschiedliche Anforderungen. Man muss jeweils gucken, welches Ziel man erreichen will und das entsprechende Plugin dazu auswählen. Perfekte Onpage-Linkstruktur erstellen Heute möchte ich aber eine ganz besondere Strategie vorstellen, die viel weniger zur Onpage-Optimierung gedacht ist, als zur Struktur-Optimierung des WordPress Blogs. SEO Voraussetzung: Keyword Research & saubere semantische Struktur Ich gehe davon aus, dass es eine Keyword-Research gibt, die die entsprechenden Keywords identifiziert hat, und dass es eine sehr saubere Struktur gibt vom Blog, die in Silo-Form aufgebaut ist. Die entsprechenden semantischen Unterpunkte sind gut begrenzt und semantische Unterpunkte tauchen jeweils auch in der URL auf. Ein Beispiel hierfür könnte sein: Blog.de/Deutschland/NRW/Essen. Hier sind die Elemente in der URL sowohl semantisch als auch logisch-hierarchisch geordnet. Dies ist eine Grundvoraussetzung für die Strategie die ich jetzt vorstellen werde.

WordPress Magazin

WordPress Plugin : SEO Search Terms Tagging 2 Um diese SEO-Strategie umzusetzen benötigt man zwei Plugins. Das eine Plugin heißt SEO Search Terms Tagging 2, das zweite Plugin heißt SEO Smartlinks. Mit dem SEO Search Term Tagging 2 Plugin ist es möglich ganz automatisch auszulesen, was Benutzer in Google eingegeben haben, bevor sie auf der entsprechenden Seite oder dem Artikel im WordPress Blog gelandet sind. Diese Searchterms kann man dann innerhalb des Blogs anzeigen lassen, wodurch der Blog für die entsprechenden Begriffe relevanter wird. Hierdurch kann man eine bestimmte URL für das focus keyword weiter optimieren. Nur 1 Keyword pro URL! Oft ist es jedoch so, dass hierbei der entsprechende Blogtitel auch für Begriffe rankt, die man eigentlich gar nicht möchte, beziehungsweise wo Google eigentlich auf einen anderen Artikel zeigen sollten. Hier kommt das Tool SEO Smartlinks zum Einsatz. Für jedes Keyword, beziehungsweise für jede Keyword-Kombination, sollte es genau eine URL des jeweiligen Blogs geben, die hierfür hoch in Google ranken soll. Es ist sehr wichtig, dass es immer nur eine URL gibt auf die man optimiert, da man sich ansonsten selber ein hohes Ranking vermasselt. Ein Ranking an Nummer eins, zwei oder drei ist nämlich besser als Position sieben, acht und neun gleichzeitig. WordPress Plugin: SEO Smartlinks Sobald man nun entdeckt, dass das Tool SEO Search Terms Tagging 2 Begriffe anzeigt die nicht zu der Seite passen, auf der die Besucher gelandet sind, kommt

das Tool SEO Smartlinks zum Einsatz. Man stellt das Tool so ein, das der entsprechende Begriff auf die Seite linkt, auf der man die Besucher gerne haben möchte. Das Plugin SEO Smartlink wandelt nun ganz automatisch diese Begriffe in einen Link um. So erfährt Google wo man auf seiner eigenen Seite gerne die Besucher für das entsprechende Keyword haben möchte. Zusätzlich einen Ranktracker benutzen Richtig performant wird das Ganze, wenn man dies mit einem Ranking Tracker, zum Beispiel von seomoz.org, zusammen benutzt. Hier kann man genau sehen, welche Seiten des eigenen Blogs es für ein bestimmtes Keyword ranken, und kann das so optimieren, dass tatsächlich nur eine Seite weiter rankt. Powerful Tool = Spamgefahr Die gerade vorgestellte Strategie ist natürlich bestens geeignet um riesige Spam-Blogs aufzubauen. Ich bitte euch natürlich das nicht zu tun. Google erkennt Spam immer besser. Und wer die Strategie missbraucht, wird von Google abstraft und aus dem Index verbannt. Wer diese Strategie aber ganz gezielt einsetzt, nämlich zum Nutzen der eigenen Besucher, so wird Google dies mit einem sehr hohen Ranking honorieren. Der große Vorteil dieser Methode ist, dass sie fast automatisch funktioniert. Man muss sich nur ab und zu die Incoming Searchterms angucken und eventuell eingreifen wenn diese nicht zur Seite passen.

WordPress Magazin

WordCamp Switzerland Mit Ausblick auf das bald stattfindende WordCamp Switzerland möchten wir euch gerne ein paar Infos bezüglich des BarCamps mitgeben. Beginnen wir einmal mit den Fakten: Über das WordCamp Das WordCamp Switzerland findet am Samstag, 7. Mai in der Fachhochschule Nordwestschweiz in Brugg statt. Das Gebäude ist wenige Gehminuten vom Bahnhof SBB und dem Bahnhof Brugg entfernt und kann mit dem Zug via Basel SBB, Zürich HB oder Bern in weniger als einer Stunde erreicht werden. Per Auto nimmt man am besten auf der A3 die Ausfahrt 19 Birr/Windisch/Schinznach/ Lupfig/Brugg, Parkplätze sind auf dem Areal der Fachhochschule vorhanden. [Karte von http://www.fhnw.ch/campusbrugg-windisch/orientierung einfügen?]

den Artikeleditor. In dem Workshop ist genug Raum um eigene Fragen und Anregungen einzubringen. WordPress on steroids Philip Hetjens Dieser Workshop konzentriert sich auf WordPress-spezifische Möglichkeiten und zeigt welche und wie wir bei der Blogwerk AG Performanceoptimierungen an unseren Blogs vorgenommen haben. Wichtige Themen dabei sind der Object-Cache mit verschiedenen Caching-Backends, Full-SiteCachinglösungen, wie WP Super Cache und PHP-Optimierungen. Ein Rant über Snippets Philip Hetjens

Die Begrüssung erfolgt um 9:00 Uhr, inklusive Vorstellungsrunde. Danach geht es weiter mit den Sessions. Diese werden im BarCamp-Stil meist vor Ort bekannt, für das WordCamp gibt es allerdings bereits eine kleine Liste an definierten Sessions!

In der WordPress-Community sind kurze, angeblich direkt einsetzbare Snippets sehr beliebt. Es ist aber wichtig, dass man als Administrator oder Entwickler eines Blogs das ganze Projekt im Fokus hat und nicht blind auf 20 verschiedene Snippets vertraut. Die Copy&Paste-Kultur produziert schlechte WordPress-Blogs und ist deswegen gefährlich für den Ruf von WordPress.

Die Sessions Workshop: WordPress für Einsteiger Olaf Baumann

Webmatrix - Webseiten-Entwicklung einfacher gemacht Ken Casada

Das WordCamp soll auch für WordPressEinsteiger etwas zu bieten haben, deshalb gibt Olaf Baumann eine Einführung in die Grundlagen. In der Session wird erläutert wie WordPress installiert wird, welche Voraussetzungen erfüllt sein müssen, was beachtet werden muss und welche Werkzeuge dafür benötigt werden. Anschliessend gibt es einen Rundgang durch den Administrationsbereich und eine Einführung in

Mit zahlreichen Live-Demos präsentieren wir Ihnen WebMatrix: ein brandneues kostenloses Web-Entwicklungs-Werkzeug von Microsoft. Es enthält alles um Webseiten in einfachen und wenigen Schritten zu kreieren, anzupassen und schliesslich zu publizieren. Starten Sie mit Open-Source WebApplikationen wie WordPress und deren vorinstallierten Web-Vorlagen oder schreiben Sie Ihren Code gleich selbst. WebMat-

WordPress Magazin

rix kommt mit IIS Express, PHP-Unterstützung, SQL Server Compact 4, einer eingebetteten Datenbank, die 1 zu 1 auf dem Server kopiert werden kann und vielem mehr. Hands-On Screencasting Axel Becker Von der Idee zum fertigen Video zeige ich den Ablauf von der Anfangsidee über ein Storyboard, die eigentliche Aufnahme, die Nachbearbeitung, die Produktion des Videos und das Hochladen und Einbinden in einen WordPress-Artikel am Besispiel von Camtasia Studio (Win). Ein paar Tipps zu Mikrofonen kann ich den Teilnehmern mit auf den Weg geben und als Zuckerl noch das kostenlose Tool Jing, was bei den Bloggern sehr gut ankam! Eine Camtasia-Lizenz werde ich verlosen (Wahlweise Camtasia Studio (Win) oder Camtasia for Mac. Inpsyde - Einblick in eine WordPress-Agentur Inpsyde Team Wir sind ein Startup, das sich ohne Kapitalinvestment und ohne klassische Unternehmenshierarchien erfolgreich im Webentwicklungs-Sektor etabliert hat und sind im deutschsprachigen Raum die führende Agentur für WordPress. Inpsyde ist aus der Arbeit in der Open-Source-Community entstanden, wir lieben die Open-Source-Philosophie und wir beschäftigen uns aus Leidenschaft mit WordPress. Unser Team besteht aus WordPress-Profis, die sich teilweise seit 2004 mit WordPress beschäftigen und auf eine lange Erfahrung zurückgreifen können.

The Power of Xtreme One Michael Preuss, Alex Frison Anhand von praxisnahen Beispielen möchten wir die unendlichen Möglichkeiten von Xtreme One, einem professionellen WordPress Framework, demonstrieren. Nach einem schnellen Überblick zeigen wir die Erstellung und Verwaltung unterschiedlicher Seitenlayouts mit dem Layout-Manager, Einsatz und Platzierung verschiedener Navigationen nur mit ein paar Klicks sowie die Gestaltung einer Startseite mit den Xtreme Widgets. Entwickeln mit WordPress Michael Sebel Die Kunst bei WordPress ist, bei all den verschiedenen Methoden den Überblick zu bewahren und gerade bei grossen Projekten noch zu wissen wo welche Features untergebracht sind. Michael Sebel hat mit WordPress zwei Jahre Programmiererfahrung und zeigt wie man ein Blog mit Shortcodes, Filtern, Actions, Widgets, Themes und Theme Features sowie eigenen Admin-Menüstrukturen, Backends, Page Templates und ein bisschen Ajax individualisieren. Workshop: Frag den Profi! Robert Windisch Robert Windisch, einer der Hauptprogrammierer der Inpsyde GmbH, steht im themenfreien WordPress-Workshop zur freien Verfügung. Wer Tipps zur Optimierung, Pluginentwicklung oder Problembehebung sucht, ist in diesem Workshop richtig. Sollte der Workshop gut besucht sein, werden sich weitere Entwickler anschliessen.

WordPress Magazin

Auf- und zuklapp-Effekt für WordPress-Widgets Wer sein WordPress-Design durch Effekte glänzen lassen will, muss nicht denken es wäre Hexenwerk und somit unmöglich. WordPress liefert von Haus aus das JavaScript Framework jQuery, welches für beispielsweise eben diese Technik relativ einfach eingesetzt werden kann. Die folgenden beschriebenen Schritte, werden anhand des Standard-Theme von WordPress 3.1 (Twenty Ten 1.1) durchgeführt und demonstriert. Widget-Aufbau Der Widget-Aufbau spielt eine zentrale Rolle, wenn das Auf- bzw. Zuklappen von Widgets ermöglicht werden soll. Es ist sehr wichtig, dass es einen WidgetTitel und zwei Symbole für Auf- oder Zuklappen gibt. Der Benutzer soll ja schließlich immer wissen, ob er mit dem klick das Widget jetzt auf- oder zuklappt. Da jedes Widget vom jeweiligen Programmierer beeinflusst wird, macht es Sinn, HTML-Klassen für ein Widget und dessen Titel zu vergeben, über diese Klassen kann dann per CSS und jQuery zugegriffen werden. Der Aufbau sollte auf der HTML-Seite also wie folgt aussehen (es müssen nicht zwingend SPAN-Elemente sein): <li class=“widget-container“> <h3 class=“widget-title“></h3> <span class=“exp hide“>+</span> <span class=“col hide“>-</span> </li> Die Klasse widget-container schildert in dem Fall, dass das Listenelement ein neues Widget ist. Die Klasse widget-title definiert, dass das SPAN-Element der Titel des Widget ist. Die zwei SPAN-Elemente mit der Klasse exp und col sind die

WordPress Magazin

Auf- und Zuklapp-Markierungen, die Klasse hide wird verwendet um diese Elemente prinzipiell zu verstecken. Sie werden erst über jQuery wieder eingeblendet. Da jedes Design einen andern Aufbau aufweist, muss sehr wahrscheinlich die functions.php im jeweiligen Theme-Ordner angepasst werden, dort werden die verschiedenen Sidebars, in denen die Widgets angezeigt werden, definiert. In der functions.php wird nach dem Aufruf der Funktion register_sidebar gesucht um die Einstellungen zu manipulieren. Wichtige Array-Felder sind before_widget, before_title und after_title. 'before_widget' => '<li id=“%1$s“ class=“widget-container %2$s“>', 'after_ widget' => '</li>', 'before_title' => '<h3 class=“widgettitle“>','after_title' => '</h3>', Das in before_widget definierte Listenelement wird um die Klasse widget-container erweitert (wenn nicht vorhanden), die in before_title definierte Überschrift bekommt die Klasse widget-title (wenn nicht vorhanden) und das Array-Feld after_title wird um die zwei SPAN-Elemente erweitert. Schlussendlich sehen die oben erwähnten vier Zeilen nach unserer Manipulation so aus: 'before_widget' => '<li id=“%1$s“ class=“widget-container %2$s“>', 'after_ widget' => '</li>', 'before_title' => '<h3 class=“widgettitle“>','after_title' => '</h3> <span class=“exp hide“>+</span> <span class=“col hide“>-</span>',

Das Meta-Widget dürfte jetzt so aussehen:

Abbildung 1: Meta-Widget nach Anpassung der Funktion register_sidebar CSS-Definitionen Das '+' bzw. '–' soll rechts in der selben Zeile wie der Widget-Titel, hier also ‚Meta’ stehen, dafür bedarf es einiger CSS-Definitionen, welche in die style.css des jeweiligen Theme angefügt werden. .widget-container{ position: relative; } .widget-container .widget-title{ cursor: pointer; } .widget-container .exp, .widget-container .col { position: absolute; top: 0; right: 0; } .widget-container .hide{ visibility: hidden; } Somit liegen jetzt die Symbole zum Auf- bzw. Zuklappen direkt übereinander, das ist aber nicht schlimm, denn im nächsten Schritt werden beide ausgeblendet: Nun sieht das Meta-Widget wieder wie original aus.

Das Ein- und Ausblenden der Symbole regelt die JavaScript-Datei, denn sollte jemand JavaScript deaktiviert haben, braucht er diese Symbole auch nicht zu sehen. Sie wären dann ja ohne Bedeutung / Funktion. JavaScript aktivieren Um mit dem eigentlichen JavaScript anfangen zu können, muss erst einmal die header.php erweitert werden. Zuerst muss jQuery aktiviert werden, über diese JavaScript-Bibliothek lassen sich Effekte oder Funktionalitäten ohne große JavaScript-Kenntnisse per CSSSelektoren sehr einfach umsetzen. Vor dem wp_head();-Aufruf müssen zwei Zeilen eingefügt werden, um jQuery zu <?php wp_enqueue_script('jquery'); ?> <?php wp_enqueue_script('custom', get_ bloginfo('stylesheet_directory') . '/jq.js'); ?> aktivieren und die eigene JavaScript-Datei einzubinden. Je nach gewähltem Namen für die JavaScript-Datei muss jq.js durch bspw. meineJSEffekte.js ersetzt werden. JavaScript-Datei Zu allererst muss eine Instanz von jQuery erzeugt werden, damit andere eventuell var $j = jQuery.noConflict(); ebenfalls aktive JavaScript-Codes, die jQuery benutzen, sich nicht gegenseitig stören. Das erzeugen einer jQuery-Instanz gelingt über die Zeile: Das zweite und ausschlaggebende Kriterium ist, dass unser JavaScript-Code nur laufen soll, wenn das Dokument bereits geladen wurde, schließlich müssen wir ja

WordPress Magazin

Auf- und zuklapp-Effekt für WordPress-Widgets Elemente einblenden, was schlecht geht, wenn sie noch gar nicht existieren. Der oben angegebenen Zeile folgt also das folgende Konstrukt: $j(document).ready(function() { //mein Code kommt hier }); Der Code, der anstelle von //mein Code kommt hier eingefügt wird, wird automatisch dann ausgeführt, wenn die Webseite komplett geladen wurde. Als drittes sollte sozusagen zentral festgelegt werden, wie die hide-Klasse tituliert wurde und welche Elemente einoder ausgeblendet werden sollten. Dazu können zwei Variablen anstelle der obigen Kommentar-Zeile angelegt werden: var hideThem = „> *:not(.widget-title, .exp, .col)“; var hideClass= „hide“; Jetzt geht es schon an die wirkliche Funktionalität, dem Klick-Ereignis der WidgetTitel: $j(„.widget-container .widget-title“).click( function(){ //Der Klick-Code kommt hier }); Zwei Dinge müssen bei einem Überschriften-Klick ausgelöst werden: Einoder Ausblenden des Widget-Inhaltes und das umswitchen der Ein- oder Ausblend-Symbole. Beides lässt sich in insgesamt zwei Zeilen erreichen. Selektiert wird vom angeklickten Objekt, in dessen Parent (Vater)

WordPress Magazin

wird nach den auszublendenden Elementen gesucht, danach wird nach den Elementen mit den Klassen exp und col gesucht, diese werden ebenfalls ein- bzw. ausgeblendet. Was sich so drastisch kompliziert anhört ist es eigentlich gar nicht: $j(this).parent().find(hideThem).toggle( 'slow'); $j(this).parent().find(„.exp, .col“). toggleClass(hideClass); Einmal wird die Klasse hide de- bzw. aktiviert und einmal wird die Sichtbarkeit eines Elementes / mehrerer Elemente gewechselt. Im letzten Schritt müssen die Widgets noch ausgeblendet werden: $j(„.widget-container .widget- title“).parent().find(hideThem).hide(); $j(„.widget-container .exp“). toggleClass(hideClass); Der gesamte JavaScript-Code sollte nun wie folgt aussehen: var $j = jQuery.noConflict(); $j(document). ready(function() { var hideThem = „> *:not(.widget- title, . exp, .col)“; var hideClass= „hide“; $j(„.widget-container .widgettitle“). click(function(){ $j(this).parent().find(hideThem). toggle('slow'); $j(this).parent().find(„.exp, .col“). toggleClass(hideClass); }); $j(„.widget-container .widget- title“).parent().find(hideThem).hide(); $j(„.widget-container .exp“). toggleClass(hideClass); });

Alternativ können die Widgets standardmäßig auch eingeblendet sein, dazu müssen die letzten beiden Zeilen angepasst werden: //$j(„.widget-container .widget- title“).parent().find(hideThem).hide(); $j(„.widget-container .col“). toggleClass(hideClass); Die auskommentierte Zeile kann natürlich auch gelöscht werden.

Fazit Jedes Widget hat nach den Modifizierungen zwei Anzeigemöglichkeiten, entweder nur die Kopfzeile oder das gesamte Widget. Hier beispielsweise das Meta-Widget:

Abbildung 2: Meta-Widget zugeklappt

Abbildung 3: Meta-Widget aufgeklappt

Oliver Lippert Ich bin Oliver Lippert, 20 Jahre, Anwendungsentwickler und komme aus Braunschweig. Internetseiten sind eine meiner großen Leidenschaften, ob nun selber eine Webseite zu leiten und mit Inhalten zu befüllen oder eine Webseite einfach zu betreuen. Seit März habe ich aus Olis Computerblog dann endlich Alles IT gemacht. Dort schreibe ich immer montags um 13:00 Uhr über alles, was mir in meinem IT-Alltag über den Weg rennt.

WordPress Magazin

WordPress Video-Training von video2brain Die österreichische Firma video2brain bietet eine grosse Anzahl (500!) VideoTrainings in den verschiedensten Bereichen an. Videos können entweder aus dem Netz heruntergeladen oder als DVD erworben werden und führen einen interaktiv in die jeweilige Materie ein.

Im Web-Bereich gibt es bereits viele Tutorials von video2brain, z.B. für HTML und CSS oder etwa Drupal. Seit März gibt es nun auch ein WordPress Video-Training. In «WordPress - Websites mit WordPress umsetzen und pflegen» erklärt Olaf Baumann, WordPress-Entwickler und Team-Mitglied von WordPress Deutschland, 6 Stunden lang alle Facetten der Blog Software. Wie ihr wisst, gibt es auch von Teamkollege Frank Bültge ein Video-Tutorial, welches bei Galileo Computing erschienen ist. Ein kurzer Vergleich: Franks umfassendes Training enthält 72 Lektionen in 9 Stunden, Olafs ganze 78 Lektionen in nur 6 Stunden. Ich habe nun Das WordPress Video-Training von video2brain einmal genauer unter die Lupe genommen. Erster Eindruck

WordPress Magazin

video2brain hat mir freundlicherweise 4 Exemplare zukommen lassen. Eines davon zum Rezensieren, die anderen werden noch im Blog verlost. Ich war ob der Verpackung etwas erstaunt, die DVD-Hülle ist nämlich ganze 2cm breit. Zu bestaunen gibt es da allerdings nur die Rückseite sowie ein Kurzübersicht über die Kapitel. Diese Informationen lesen sich schon mal gut, kommen wir aber zur Disc. Ich bin zwar seit kurzem Mac-User, muss deshalb aber nicht auf den Genuss des Videos verzichten - die DVD ist Plattform-unabhängig: Mac, Windows und Linux werden unterstützt. Das Video-Tutorial öffnet sich über eine kleine Applikation und sieht ziemlich schick aus. Auf der Seite gibt es eine Liste mit den Kapiteln sowie meiner Lesezeichen, in der Mitte das jeweilige Video und rechts Zusatzinfos wie etwa Links zu Übungsdateien.

Einstieg Das Willkommens-Video verspricht schon viel und über die erste Erklärung von WordPress und dessen Lizenz und Historie kann man nicht meckern. Was mir dabei allerdings aufgefallen ist: Der Ton: Mit Kopfhörern hörte ich immer Hintergrundgeräusche, der Trainer wirkte

sehr heiser. Mit den System-Lautsprechern war es dann wieder einigermassen in Ordnung.

Kapitel 6.5 «Shops in WordPress» stellt Olaf das kostenpflichtige Plugin wpSHopGermany vor.

Die einzelnen Videos sind eher kurz (jeweils um die 5 Minuten), die Informationen kommen aber trotzdem gut rüber. Die Zeit vergeht damit wie im Flug.

Hier merkt man allerdings auch, dass nur an der Oberfläche gekratzt wird. Code-Beispiele in den Videos beschränken sich auf das Wesentliche. Allerdings befinden sich vorgestellte Themes, Plugins, WordPress selbst und sogar benutzte Software wie FileZilla zum Mitmachen auf der DVD. Sogar ein paar Infografiken finden sich darauf, man kann sich also nicht beklagen.

Tiefergehende Anpassungen Da ich mich mit WordPress gut auskenne, habe ich das Kapitel über das Backend nur überflogen. Allerdings klingt dieses Thema schon viel interessanter. Olaf zeigt, wie man sich vor KommentarSpam schützen, die Performance optimieren und die Sicherheit des Blogs prüfen kann.

Themes verstehen und erstellen Auf die WordPress Themes geht Olaf detailliert ein. Die Funktionsweise und Anatomie eines Themes wird ausführlich erklärt. Auch Post Formats werden behandelt, wozu sie gut sind und wie man sie nutzt. Im Kapitel 5.10 «Theme für Smartphones» stellt Olaf übrigens auch das Ari-Theme von elmastudio.de vor. CMS-Tuning Im sechsten Kapitel werden Custom Post Types und Taxonomies vorgestellt. Als Beispiel dient die Darstellung von Büchern. Im

Weiteres Im siebten und letzten Kapitel werden WordPress Multisite und BuddyPress vorgestellt. Auch hier finde ich die Erklärungen äusserst hilfreich und verständlich. Und die schriftliche Zusammenfassung der jeweiligen Kapitel dient als Nachschlagewerk und kann auch ausgedruckt werden. Fazit Nachdem ich mir das Video-Tutorial angesehen habe, kann ich es euch nur weiterempfehlen. Denn es hält was es verspricht: Am Ende ist man in der Lage, Websites mit WordPress umzusetzen und zu pflegen. Wer mit Videos von video2brain vertraut ist, wird auch von diesem hier begeistert sein. Das Video ist ziemlich aktuell (für WordPress 3.1 konzipiert), schlägt allerdings gleich mit 40 Euro zu Buche. Dafür hat man jedoch auch iPad-kompatible Videos - coole Sache für unterwegs! WordPress - Websites mit WordPress umsetzen und pflegen Von: video2brain Laufzeit: 6 Stunden Lektionen: 78 Preis: 39.95 Euro

WordPress Magazin

Theme Showcase Space Color Space Color ist ein Leichtgewicht, was das Design anbelangt. Trotz des für Premium Themes typischen Aufbaus mit vielen Extras und übergrosser Slideshow weiss dieses Theme zu gefallen. Der Preis ist deswegen auch nicht allzu hoch.

Responsive Twenty Ten Die Macher dieses Child Themes verpassen Twenty Ten einen flexiblen Look. Und dies lediglich mit CSS, sogar das Headerbild passt sich der Bildschirmgrösse an. So macht Responsive Twenty Ten auch auf kleineren Geräten wie etwa dem iPad und dem iPhone eine gute Figur.

URL: http://wpmag.org/spacecolor Preis: 48 Dollar

URL: http://wpmag.org/responsive2010 Preis: kostenlos

ChaosTheory Dieses dunkle Theme stammt von Automattic, besser gesagt dem WordPress Theme Team. Dieses Team pflegt die Themes auf WordPress.com und erstellt welche – wie auch in diesem Fall. Man muss also bestimmt keine Angst vor schädlichem oder veraltetem Code haben.

Pretty Young Thing So niedlich wie der Name klingt, so elegant kommt dieses Child Theme für das Genesis Theme Framework daher. Allerdings passt dieser stylische Hingucker wohl nur in die Kategorie „Women’s Interest“.

URL: http://wpmag.org/chaostheory Preis: kostenlos

WordPress Magazin

URL: http://wpmag.org/pyctheme Preis: 80 Dollar

Platform Pro Platform Pro ist ein hochwertigs Drag & Drop Framework von PageLines. Nahezu das komplette Layout kann per Mausbewegung umgestellt werden. Ergänzt wird dieses Feature durch integrierte bbPress und BuddyPress Layouts, was den etwas hohen Preis etwas mehr rechtfertigt.

Placeholder Bevor eine Website online geht, verstreicht eine gewisse Zeit. Mit dem Placeholder Theme kann man den Besucher darauf aufmerksam machen. Das schicke Design sowie die Aufforderung zum Folgen via Twitter oder Facebook ergänzen den Javascript Counter.

URL: http://wpmag.org/platformpro Preis: 95 Dollar

URL: http://wpmag.org/placeholder Preis: kostenlos

Bones Ausnahmsweise reden wir hier nicht von der bekannten TV-Serie, sondern über ein WordPress Development Theme. Was das heisst? Bones hilft beim Einstieg in die Theme-Entwicklung, bietet sauber dokumentierten Quellcode und nutzt HTML5 Boilerplate. Zudem ist es bloss 246KB gross.

Classica Der Autor beschreibt sein Theme selbst als minimalistisches Portfolio Theme, frei von unnötigem Schnickschnack. Und Minimalismus-Kritiker können das Aussehen schliesslich immer noch ändern. Für den Einsteiger sicher gut geeignet und auch eher ein Schnäppchen.

URL: http://wpmag.org/bonestheme Preis: kostenlos

URL: http://wpmag.org/classica Preis: 35 Dollar

WordPress Magazin

Theme Showcase BroadScope Das aktuellste Theme des erfolgreichsten ThemeForest Users Kriesi erfüllt wieder einmal alle Erwartungen an seine Werke. BroadScope kommt mit einer Vielzahl an Features, welche Kriesis neu entwickeltes Avia Framework zur Verfügung stellt.

URL: http://wpmag.org/broadscope Preis: 35 Dollar Grey Opaque Grey Opaque ist ein schlichtes aber elegantes Theme für WordPress. Dieses Theme ist optimiert auf die Verwendung mit WordPress 3.x und unterstützt alle Funktionen, welche WordPress 3.1 bietet. Das Aussehen ist schlicht aber dennoch ansprechend. Achja, kostenlos ist das Theme auch noch.

URL: http://wpmag.org/greyopaque Preis: kostenlos

WordPress Magazin

Roots Dieses kleine Ding ist ähnlich wie das Bones Theme: Roots hilft bei der Entwicklung von WordPress Themes, basiert auf HTML5 Boilerplate, Starkers und unterstützt sogar zwei verschiedene Grid Frameworks. Ausserdem hat es noch ein paar Besonderheiten und schreibt alle URLs um, für angeblich schöneren Quelltext. Probieren kann man es ja mal.

URL: http://wpmag.org/roots Preis: kostenlos ShowOff ShowOff ist das erste Theme des neuen Premium Theme Anbieters BioThemes. Es nutzt ein grosses Bild auf der Startseite, welches die Aufmerksamkeit auf sich lenkt. Ohne geniales Bild ist ShowOff etwas unspektakulärer. Auch im Inhaltsbereich werden die Beitragsbilder besonders hervorgehoben.

URL: http://wpmag.org/biothemes Preis: 39 Dollar

WordPress Magazin

In eigener Sache: WordPress-Profis gesucht

Wir erhalten laufend Anfragen von unseren Lesern, die gerne einen WordPress Kurs besuchen möchten, Hilfe bei der Umsetzung eines Projekts brauchen oder massgeschneiderte Themes suchen. Wir können uns leider zurzeit nicht um diese Anfragen kümmern, aber wir wissen, dass es sehr viele WordPress-Profis, Programmierer, Designer und Agenturen im WWW gibt. Aus diesem Grund möchten wir ein Netzwerk an Experten aufbauen, an welche wir bei solchen Anfragen Aufträge vermitteln können. Da es meist etwas grössere Aufträge sind, verdient man selbstverständlich auch daran. Interessiert? Dann melde dich einfach bei uns! Maile uns deine Kontaktangaben sowie deine Skills an: netzwerk@wp-magazin.ch.