Wer sich zwischen den Jahren zu den Themen WordPress, Social Media und Schriftgestaltung und -Einbettung weiterbilden möchte, dem empfehle ich folgende Online-Ressourcen.

Dennis Knake: WP Super Cache Plug-In: WordPress beschleunigen, Webserver entlasten

WordPress ist ein dynamisches System, das bei jedem Seitenaufruf die auszuliefernden Ressourcen neu generiert. Dabei ruft WordPress mehrere PHP-Skripte auf und nimmt zahlreiche Datenbankabfragen vor. Je mehr Inhalte aus unterschiedlichen Quellen berücksichtigt werden müssen, desto langwieriger und rechenintensiver wird dieser Vorgang und desto länger dauert die Auslieferung der Inhalte.

Andere Content-Management-Systeme verfügen über einen Cache, der dieses Problem löst. Dabei legen sie die berechneten Ergebnisse in einen Speicher ab, beispielsweise fertig erstellte HTML-Dateien oder – je nach System – auch Zwischenergebnisse und andere Fragmente. Beim wiederholten Besuch einer Seite liefert das System die gecachte Version der Seite aus. Auf diese Weise entfallen wiederholte Berechnungen und Abfragen derselben Inhalte, was die Geschwindigkeit der Website spürbar erhöht.

Für kleinere WordPress-Websites ist häufig kein Cache nötig, daher bringt WordPress selbst auch kein Caching mit. Mittlerweile setzen Webentwickler WordPress allerdings auch für größere Websites mit hohen Besucherzahlen ein, bei denen ein Caching sinnvoll sein könnte. Das Plugin »WP Super Cache« rüstet einen solchen nach. Dennis Knake zeigt in seinem Artikel, wie Sie das Plugin installieren und Fallstricke bei der Konfiguration vermeiden.

WP Super Cache Plug-In: WordPress beschleunigen, Webserver entlasten

Zum Seitenanfang

Videointerview mit Nicole Simon: Social Media wird Alltag

Jan Tißler vom t3n-Magazin befragte die Social-Media-Expertin Nicole Simon während der stARTconference im September 2010 zu Problemen und Missverständnissen im Zusammenhang mit Social Media. Ein typisches Interview am Rande einer Konferenz, keine sensationellen Erkenntnisse, aber sehenswert und gut zusammengefasst. Man merkt, dass Nicole das beruflich macht. ;-)

Zum Seitenanfang

Ralf Herrmann: Artikelreihe über Webfonts (@font-face)

Mit der Möglichkeit, beliebige Schriften per @font-face in Webseiten einzubinden, steht Webentwicklern ein Stilmittel zur Verfügung, dass die gewohnte Eintönigkeit der Systemschriften ablösen soll. Ralf Herrmann beleuchtet in einer fünf Teile umfassenden Artikelreihe im Dr. Web Magazin die Entwicklung und vor allem die heutigen Möglichkeiten dieser Technik ausführlich.

• @font-face: Im zweiten Anlauf erfolgreich – Geschichte der Webfonts
• Webfont-Formate: Beschaffenheit und Einsatzmöglichkeiten im Webdesign
• Webfonts »mieten« – Auswahl aktueller Webfont-Dienste
• Web-Typografie: @font-face-Einbindung selbst gemacht
• Schrift im Web: Stolperfallen, Workarounds und neue Möglichkeiten

Zum Seitenanfang

Markus Schlegel: Font-Size-Adjust und Text-Size-Adjust: Viel Verwirrung um zwei neue CSS3-Eigenschaften

Auch in Markus Schlegels Artikel, der ebenfalls im Dr. Web Magazin erschienen ist, geht es um das Thema Schriftgestaltung, genauer gesagt um die CSS-Eigenschaften font-size-adjust und text-size-adjust, die einander orthografisch ähneln, aber darüber hinaus komplett voneinander unterscheiden. font-size-adjust bietet Webentwicklern die Möglichkeit, Buchstabengrößen über verschiedenen Schriften hinweg zu vereinheitlichen. Mehr dazu auch bei Peter Kröner. text-size-adjust hingegen sorgt dafür, dass Schrift auf kleinen Displays, beispielsweise auf Smartphones, automatisch skaliert (vergrößert) wird, um die Lesbarkeit zu erhöhen bzw. zu gewährleisten.

Der Artikel wirkt ein wenig unrund und insgesamt zu oberflächlich, aber er hilft dabei, sich den Zweck der beiden Eigenschaften wieder in Erinnerung zu rufen (oder ihn neu zu lernen).

Font-Size-Adjust und Text-Size-Adjust: Viel Verwirrung um zwei neue CSS3-Eigenschaften
(unbedingt auch Erics Kommentar lesen)

Frank Bültge: WordPress Child-Themes verstehen

Mit der Version 3.0 haben die WordPress-Entwickler die Funktion der Child-Themes integriert. Darüber können Sie ein bestehendes Theme anpassen oder als »Framework« nutzen und dabei komplett eigene Ideen umsetzen. Das eigentliche Theme bleibt dabei unangetastet. Frank Bültge zeigt am Beispiel des neuen Standard-Themes TwentyTen, wie Sie ein Child-Theme aufbauen.

WordPress Child-Themes verstehen

Zum Seitenanfang

Peter-Paul Koch: Combining media queries and JavaScript

Mit CSS3 Media Queries ist es möglich, die Einbindung von CSS nicht nur von einem bestimmten Medium abhängig zu machen, sondern auch davon, ob das Medium oder Ausgabegerät bestimmte Merkmale aufweist oder nicht. Dadurch kann eine Website abhängig von der Art und Größe des Geräts komplett unterschiedlich aussehen, auf einem 24-Zoll-Bildschirm beispielsweise ganz anders als auf einem Smartphone. Mit CSS Media Queries können Webentwickler allerdings keine Skripte oder Grafiken medienabhängig ausliefern, d.h. ein Smartphone lädt dieselben Ressourcen wie ein Desktop-Browser, obwohl das vielleicht nicht notwendig ist. Peter-Paul Koch erklärt in seinem Artikel, wie die Kombination von Media Queries und JavaScript dabei helfen kann, das Problem anzugehen.

Combining media queries and JavaScript

Zum Seitenanfang

Nico Brünjes: Die iPad Webseite

Zu Peter-Paul Kochs Artikel passt Nico Brünjes’ Bericht über seine Erfahrungen bei der Implementierung der iPad-Version von ZEIT ONLINE. Sein Fazit:

»CSS media queries sind im Moment eine schicke und elegante Lösung, wenn man seine bestehende Website mit ein paar Handgriffen an die Gegebenheiten verschiedener, zumeist kleinerer, Displays anpassen will. […] Für eine große Contentwebsite, die zweigleisig unter der gleichen Adresse unterschiedliche Styles an Desktopbrowser und Tablets ausliefert, sind sie jedoch (zumindest im Moment) nicht zu gebrauchen.«

Die iPad Webseite

Zum Seitenanfang

Frank Bültge: Eigenes CDN in WordPress nutzen

Sämtliche Analysewerkzeuge wie YSlow oder Google PageSpeed empfehlen die Nutzung eines Content Delivery Networks (CDN), um die Performance einer Website zu erhöhen. Frank Bültge erklärt in seinem Artikel, wie Sie in einer WordPress-Website ein CDN auf dem eigenen Webspace mit Hilfe von Subdomains anlegen können.

Eigenes CDN in WordPress nutzen

Der zu Beginn erwähnte Artikel Contao für Google Page Speed optimieren von Leo Feyer ist übrigens auch lesenswert. Er ist keine reine Anleitung zur Performance-Optimierung von Contao-Websites, sondern enthält viele Tipps, die sich auf andere Websites und Systeme übertragen lassen.

Zum Seitenanfang

PL002: HTML5

poly:logo ist ein Podcast von Markus Schlegel und Gabriel Shazad. In der zweiten Folge haben sie sich mit Mathias Schäfer und Peter Kröner über HTML5 unterhalten. In dem zweieinhalbstündigen Podcast geht es um die Hintergründe und die Bedeutung von HTML5, den Standardisisierungsprozess und die maßgeblichen Arbeitsgruppen, Neuerungen, Vor- und Nachteile, Browserkompatibilität, Flash, Audio- und Video und vieles mehr.

PL002: HTML5

Das letzte WordCamp, damals noch im Intershop-Tower in Jena, habe ich noch als WordPress-Interessierter besucht, der außer seinem eigene Blog keine weiteren Projekte mit WordPress unterhielt. Dazu war WordPress zu unausgereift. Mittlerweile allerdings ist WordPress verdammt gut geworden! Früher habe ich mich gefragt: Kann ich WordPress in diesem Projekt einsetzen? Heute denke ich mir: Gibt es irgendwas, was dagegen sprechen könnte, WordPress in diesem Projekt einzusetzen? Es ist lange her, dass die Antwort »Ja« lautete. WordPress ist erwachsen geworden, ein ernst zu nehmendes Web-Content-Management-System, für das sich eine immer größer werdende Community engangiert, auch oder gerade in Deutschland. Ein Teil dieser Community hat sich am Samstag getroffen, um zusammen eine Unkonferenz mit dem Schwerpunkt WordPress abzuhalten – das WordCamp. Mittlerweile zum dritten Mal, aber zum ersten Mal in Berlin.

Einige der rund 200 Teilnehmer sind bereits am Freitag angereist und hatten am Abend im Brauhaus Mitte am Alexanderplatz bei deftiger Berliner Küche als Grundlage für das leckere, selbstgebraute Bier die Gelegenheit, sich kennen zu lernen. Dieses vorabendliche Treffen gehört mittlerweile zur Tradition des WordCamps. Für alle anderen begann das WordCamp am Samstag ab 08:30 Uhr – um 10:00 Uhr begannen die ersten Sessions.

Zum Seitenanfang

Sessions

Viele Teilnehmer waren mit den angebotenen Sessions nicht zufrieden und beschwerten sich über die geringe Themenvielfalt, das niedrige Niveau oder schlechte Sessions, nachzulesen bei Twitter (#wcb10) oder in einigen Berichten, unter anderem von Thomas Langel oder Kai Thrun.

Ich halte es bei Konferenzen so, dass ich mich im Vorfeld über die Vortragenden informiere – kompetente Leute halten zumeist auch gute Vorträge. Auf diese Weise kann ich ganz gut einschätzen, welche Sessions sich lohnen könnten und welche nicht. So war das auch beim WordCamp, auf dem – diese Ansicht muss ich leider teilen – die Auswahl an interessanten Sessions leider eher »übersichtlich« war.

Ich habe die folgenden Session besucht.

Performance-Optimierung von (WordPress-)Websites

Vladimir Simovic ist aufgrund seiner Bücher, Fachartikel und vor allem seine Website perun.net einer der bekanntesten deutschen WordPress-Experten. Darüber hinaus ist er ein sehr angenehmer, freundlicher und humorvoller Typ, wovon sich jeder bereits in der letzten Technikwürze-Folge überzeugen konnte.

In seiner Session zeigte Vladimir die häufigsten Performance-Bremsen und einfache, aber wirkungsvolle Strategien, sie zu umgehen. Tatsächlich ist alles, was Vladimir zeigte, einfach umzusetzen: Wahl der richtigen Plugins, Optimierung von Grafiken, Reduzierung von HTTP-Requests, Komprimierung und Caching. Nicht viel Neues, aber gut zusammengefasst und kompetent vorgestellt. Danke, Vlad!

Barrierefreiheit in WordPress optimieren

Die WordPress-Entwickler haben schon immer Wert darauf gelegt, aktuelle Standards zu integrieren, semantische Elemente korrekt zu verwenden und aktuelle Trends aufzugreifen. So geht WordPress mit dem neuen Standardtheme TwentyTen die ersten Schritte in Richtung HTML5 und sorgt mit zaghaftem Einsatz von WAI ARIA für ein wenig mehr Barrierefreiheit.

Sylvia Egger warf einen Blick unter die Haube und demonstrierte die Stärken und Schwächen des neuen Standardthemes in Bezug auf Barrierefreiheit. Fazit: Das Theme ist ähnlich wie seine Vorgänger gut, aber noch weit von barrierefrei entfernt. Als Hauptkritikpunkte hängen geblieben sind bei mir vor allem die mangelnden Kontraste, der kaum erkennbare Tastaturfokus und Skiplinks, die für Tastaturnutzer nicht zugänglich sind. Klasse Session, sehr interessant, sehr dynamisch und lebhaft vorgetragen.

WordPress als CMS – aber richtig? Arbeiten in der Cloud

Frank Bültge und Olaf Schmitz, zwei der Organisatoren des WordCamps, plauderten in dieser Session aus dem Nähkästchen. In der als Workshop konzipierten Session erlaubten sie uns einen Einblick in ihre Arbeit mit WordPress, beantworten Fragen und gaben Tipps. Frank hat wie bereits bei Technikwürze seine Skepsis über den Gebrauch von Plugins dargestellt, die häufig zwar die bequemere, aber ich Bezug auf Performance und Sicherheit schlechtere Lösung sind im Vergleich zu eigenen Lösungen mit WordPress-Bordmitteln. An einigen Stellen konnte er anknüpfen an Vladimirs Session vom Vormittag; Performance ist bei WordPress ein großes Thema. Kompliment an Frank und Olaf – eure Kunden sind bei euch kompetenten und professionellen Leuten hervorragend aufgehoben!

WM-Viertelfinale Deutschland gegen Argentinien

Ein Klassiker des Weltfußballs, das Duell der beiden ehemaligen Weltmeister, Deutschlands junges, begeisterndes Team gegen Maradonas Wundersturm – keine Unkonferenz dieser Welt kann interessanter sein als ein solches WM-Viertelfinale! Aus diesem Grund haben die Organisatoren das WordCamp auch geschickt um das Spiel herum geplant. Die Sessions gingen bis 16:00 Uhr und erst nach dem Spiel ging es weiter mit Workshops. In der Zeit dazwischen: Fußball, Bratwurst und Bier im Innenhof des Betahauses. Aufgrund des begeisternden 4:0 die mit Abstand beste Session aller Zeiten, besser noch als die Chatroulette-Session auf dem BarCampRuhr. ;-)

Ich habe zudem selbst eine Session über CSS Media Queries gehalten – natürlich vor dem Spiel.

Zum Seitenanfang

Zu wenig Unkonferenz

Das WordCamp war sehr gut organisiert. Es war genügend, aber nicht zu viel Raum vorhanden, es gab Obst, Gebäck, Kaffee, Wasser und Apfelsaftschorle kostenlos und viele weitere Getränke und Snacks gegen Bezahlung an der Bar. Während des WM-Spiels wurde draußen gegrillt. Auch das WLAN hielt, wenngleich es zwischenzeitlich weniger verfügbare IP-Adressen als onlinefähige Geräte im Haus gab.

Betahaus? Höchstens eine frühe Alpha

Dennoch fand ich das WordCamp nicht so gelungen wie das BarCampRuhr in Essen, das ich vor einiger Zeit besucht und über das ich an dieser Stelle berichtet habe. Allerdings lag das nicht an der Organisation und schon gar nicht an den Leuten, eher an der Location. Das Betahaus ist konzeptionell ähnlich offen, liebenswert chaotisch, locker und rustikal wie das Unperfekthaus, aber nun mal weit weniger perfekt für die Durchführung einer Unkonferenz. Das Betahaus strahlt nicht so viel Charme aus; es ist ziemlich abgewrackt; die Räume, in denen die Sessions stattfanden, waren zum großen Teil leer und ungemütlich; die Wege waren zu weit; die Akkustik in einigen Räumen inakzeptabel schlecht. Hinzu kommt, dass die Temperatur fast unerträglich hoch war, aber nun gut, dafür kann niemand etwas. ;-)

Warum nicht zwei Tage?

Ich bin ein Freund von mehrtätigen Konferenzen, und ich habe das Gefühl, dass eine Auslegung auf zwei Tage auch diesem WordCamp aus mehreren Gründen gut getan hätte.

Ich habe die Vorstellungsrunde vermisst, die sonst dafür sorgt, dass man einige bekannte Namen direkt zu Beginn der Unkonferenz Gesichtern zuordnen konnte.

Mir fehlte die Sessionplanung, statt dessen konnten im Vorfeld Sessions auf der WordCamp-Website angemeldet werden, und jeder Teilnehmer konnte sein Interesse an der Session dadurch bekannt geben, dass er der entsprechenden Gruppe beigetreten ist – ein umständliches Verfahren, unzuverlässig und zudem überflüssig, wenn man mehr Zeit zur Verfügung hat.

Die angemeldeten Session wurden bereits im Vorfeld auf einem Sessionplan angeordnet, dessen Verbindlichkeit offenbar überschätzt wurde. Anders kann ich mir die vehemente Kritik daran, dass ich meine Session aufgrund mehrfacher Nachfrage von 10:00 Uhr auf 11:00 Uhr verlegt habe, nicht erklären. Wo bleibt das die Spontaneität, die eine Unkonferenz ausmacht?

Zum Seitenanfang

Alte und neue Bekannte

Das dritte WordCamp hatte einige Schwächen, aber hey, es war eine Unkonferenz mit interessanten Leuten zu einem spannenden Thema! Wer lieber meckern möchte, kann es vielleicht auch einfach so sehen: Ihr habt 10,00 € bezahlt, dafür gab es ein T-Shirt, eine Tragetasche, Möhren, Obst, Gebäck, Brezeln und Eis … und doch sicher das eine oder andere gute Gespräch, diese oder jene gute Session.

Unkonferenzen empfinde ich stets als inspirierend und motivierend, und das war dieses Mal nicht anderes. Das lag daran, dass ein Element einer jeden Konferenz auch beim WordCamp nicht zu kurz kam: das »Networking«. Neben Vladimir habe ich auch Thomas Scholz erstmalig persönlich getroffen, was wirklich bemerkenswert kurios ist, da wir schon vor einigen Jahren zusammen an einem Projekt gearbeitet haben und Thomas einige Texte zu meiner Einführung in XHTML, CSS und Webdesign beigesteuert hat. Gefreut habe ich nicht auch, Jens Grochtdreis und Dirk Jesse mal wieder zu sehen. Das gilt auch für Frank Bültge und Michael Preuß, dessen Session über sein kommerzielles WordPress-Framework »Xtreme One« ich leider verpasst habe. Mit Christoph Bach habe ich das 2:0, 3:0 und 4.0 der deutschen Mannschaft bejubelt.

(Foto von Karsten Kneese)