WordPress Magazin #7

WordPress
Magazin 7

Community Social Media WordPress 2011

Wer steckt dahinter? WordPress vernetzt – Das Ein Best-of aller erschienenen
Was muss man beachten? nächste Social Network? Artikel von uns und anderen

Blog Twitter Facebook

wp-magazin.ch @wpmch facebook.com/wpmagazin
Inhalt
04 Web-Fundstücke

08 Updates

09 WordCamps

10 Die WordPress Macher

12 Automattic sperrt Plugins mit Spende-Buttons

13 Domain-Richtlinien

14 Video Thumbnails automatisch laden mit oEmbed

16 WordPress.com vs. WordPress.org

18 WordPress – Das Social Network

20 10 Social Media Plugins für den täglichen Einsatz

22 Im Interview mit der Blogwerk AG

26 How-To: Facebook IFrame Landing Page erstellen

32 Best-of WordPress 2011

36 Rezension:
WordPress 3 -— Das umfassende Handbuch

38 Theme Showcase

2 WordPress Magazin
Editorial
Zu Beginn eines neuen Jahres wird man
für gewöhnlich mit vielen Rückblicken
und rührenden Worten überhäuft. Hier ist
es nicht anders, ich halte mich aber kurz.
2011 war ein tolles Jahr, das Magazin
wurde rege gelesen und auch im Blog
gab es die einen oder anderen Highlights.
Ich möchte mich bei allen Lesern ganz
herzlich für ihre Treue und ihr Engagement
danken. Oder wie man hier auf Romanisch
sagen würde: Grazia fitg!
Die Arbeiten für diese Ausgabe haben
wie immer relativ spät begonnen und so
war ich ziemlich im Stress, diese für den
Januar fertigzustellen. Es gibt neben dem
Magazin nämlich noch viele Baustellen,
die Website ist nur eine davon.
Impressum
Herausgeber / Redaktion
Pascal Birchler
Layout Facebook
Haempa Maissen, 08eins GmbH
Schon lange hegte ich den Gedanken,
dem Thema Social Media etwas mehr
Platz im WordPress Magazin einzuräu-
men, was ich mit dieser Ausgabe auch
endlich umsetzen konnte.
Ich wünsche viel Spass beim Lesen und
hoffe, ihr freut euch so auf diese Ausgabe
und was 2012 noch kommt wie ich..
Ps. Ein besseres Foto folgt bald ;-)
Pascal Birchler
Editor-in-chief
Twitter
twitter.com/wpmch
facebook.com/wpmagazin
Website
wp-magazin.ch
WordPress Magazin 3
Web-Fundstücke
WordAds
WordAds ist das neue Werbesystem von
WordPress.com, welches so funktioniert
wie Google AdSense, aber so klingt wie
AdWords. Blogger erhalten damit die
Möglichkeit, mit ihren Blogs auf der Blog-
plattform nebenbei Geld zu verdienen.

Quelle: http://wpmag.org/wordads

XML-RPC Modernization Plugin

Toolbox Plugin für Code Snippets
Es scheint, als ob modulbasierte Plugins
in Mode sind. In Sergej Müllers Toolbox
Plugin wird jedes Code Snippet als Modul
eingebunden und nur geladen, wenn es
auch benötigt wird.
An manchen Stellen ist die XML-RPC
Schnittstelle von WordPress noch ziem-
lich unausgereift, vieles fehlt. Max Cutler
will das ändern, und hat seine Vorschläge
in ein Plugin zusammengefasst.
Quelle: http://wpmag.org/gs

Quelle: http://wpmag.org/toolbox

Editorial Calender Plugin

Der Editorial Calender stellt vergangene
und zukünftige Beiträge in einem Kalen-
der dar. Per Drag & Drop können die Ver-
öffentlichungszeiten geändert werden.
Einfacher gehts nicht!

Quelle: http://wpmag.org/gq
Simple Image Sizes
Mit diesem Plugin kann man die diversen
Bildgrössen ganz einfach im Backend de-
finieren und verwalten.
Quelle: http://wpmag.org/gp
WordPress und echte Cronjobs
Artur Weigandt zeigt in seinem Blog, wie
man die bereits in Linux verfügbaren
Cronjobs in Verbindung mit WordPress
nutzen kann. Denn bekanntlich sind
WordPress-interne Cronjobs an Seiten-
aufrufe gekoppelt, also nie ganz genau.l

Die WordPress Rewrite API Quelle: http://wpmag.org/gt

Bei Theme.fm wird ausführlich erklärt,
wie die URL Rewrites in WordPress funk-
tionieren. Nützlich für jeden einsteigen-
den Entwickler.

Quelle: http://wpmag.org/tfmrewrite

4 WordPress Magazin
Mime Type bei Uploads einschränken
Frank Bültge zeigt, wie man beim Datei-
Upload nur bestimmte Dateitypen wie
etwa Word- und PDF-Dokumente zulas-
sen kann.
Quelle: http://wpmag.org/gu
PHP Fehlermeldungen erklärt
Ein Gastartikel im Smashing Magazine
erklärt die unterschiedlichen Error Level,
und Steuerungsmöglichkeiten insbeson-
dere für Designer
Quelle: http://wpmag.org/gn
Sichere Redirects in WordPress
Dominik zeigt bei wpGrafie.de, wie man
innerhalb von WordPress auf sichere Art
und Weise auf andere URLs weiterleiten
kann.
Quelle: http://wpmag.org/gv
WordPress Konstanten im Überblick
Dominik Schilling hat in seinem Blog eine
nützliche Auflistung aller verfügbarer
PHP-Konstanten in WordPress veröffent-
licht. Erstaunlich, was man alles ändern
kann.
Quelle: http://wpmag.org/gz
WooThemes Merchandise
Die Macher von WooThemes, einem
grossen Theme Marktplatz, verkaufen
neuerdings auch Plüschninjas. Von den
bloss 100 verfügbaren Stück konnten
aber erst wenige an den Mann gebracht
werden.
Quelle: http://wpmag.org/gy
Matt Mullenweg im Interview
Ein japanisches Magazin hat ein Inter-
view mit Matt durchgeführt zum Thema
Automattic und WordPress. Zum Glück
aber in Englisch. Das Lesen lohnt sich.
Quelle: http://wpmag.org/g-
Warum Optionen schlecht sind
Ein ausführlicher Artikel bei WP Tavern
erläutert, warum WordPress weniger Op-
tionen hat, sondern Entscheidungen ge-
fragt sind. Das können sich oft auch The-
me Frameworks zu Herzen nehmen,
denn es geht nicht um viele Optionen,
sondern um die richtigen.
Quelle: http://wpmag.org/h0
WordPress Magazin 5
Web-Fundstücke
Twitter mit oEmbed Support
Gut zu wissen: Twitter unterstützt seit
Kurzem oEmbed, mit welchem man
Tweets nur anhand der URL auf einer
Website einbinden kann. Wird voraus-
sichtlich in WordPress 3.4 eingebaut,
kann aber schon vorher genutzt werden.
Quelle: http://wpmag.org/twoembed
Twitter Profil als Photoshop Datei
Wer sein Web-Profil bei Twitter aufhüb-
schen will, kann nun zuerst in Photoshop
experimentieren. Im Smashing Magazine
hat man nämlich eine aktuelle Version
des PSD Files zur Verfügung gestellt.
Quelle: http://wpmag.org/go
LiveReload
LiveReload ist eine kostenlose Mac App,
die bestimmte Ordner auf Änderungen
überwacht. SASS-; LESS- und weitere
unterstützte Dateien werden automatisch
umgewandelt und das Browserfenster
neu geladen.
Quelle: http://wpmag.org/livereload
6 WordPress Magazin
Einführung in Objektorientiertes CSS
Objektorientiertes Arbeiten ist nicht nur
bei Programmiersprachen wie PHP von
Vorteil, sondern auch in CSS. Unter dem
Prinzip der Wiederverwendung kann man
sich einiges an Arbeit sparen.
Quelle: http://wpmag.org/smoocss
CSS leicht gemacht
Passend zu OOCSS und LiveReload
zeigt Stefand Neufeind bei t3n.de, wie
einfach und nützlich CSS Erweiterungen
wie SASS und SCSS sind.
Quelle: http://wpmag.org/h2
linkRiss! Newsletter
Der Schweizer Christian Leu, besser be-
kannt als Leumund, schreibt eine wö-
chentliche Kolumne rund um das Leben
im Netz. Immer kurz und bündig - und ab-
solut lesenswert.
Quelle: http://wpmag.org/linkriss
Web Design Trends 2012
Was gibt es Besseres, als mit tollen Web
Design Trends ins neue Jahr zu starten?
Genau, darum gibt es hier eine Liste mit
10 tollen Trends.
Quelle: http://wpmag.org/wdt2012
facturandum
Ein paar Schweizer Web Entwickler ha-
ben sich zum Ziel gesetzt, mit facturan-
dum eine neue Web App zu erstellen, mit
der man Projekte verwalten und Rech-
nungen erstellen kann.
Quelle: http://wpmag.org/facturandum
«Simon würde diesen Beitrag am
liebsten abknutschen»
Nach einer Anleitung von Sebastian hat
Kevin Walker alias Walkeezy die Technik
etwas weiterentwickelt, mit der Besucher
ganz einfach sagen können, dass sie ei-
nen Artikel gelesen haben und ihn gut fin-
den.
Quelle: http://wpmag.org/gr
Samuel L Ipsum
Fans des Hollywood-Stars Samuel L.
Jackson werden sich freuen, denn es gibt
einen speziellen Blindtext-Generator, der
Filmzitate zum Füllen benutzt. Zwar
sprachlich etwas unter der Gürtellinie,
aber witzig ist es allemal.
Quelle: http://wpmag.org/gx
Der Social-Networks-Posting-Planer
für das ganze Jahr
Was soll man denn bloss das ganze Jahr
lang auf den verschiedenen Kanälen pos-
ten? Maximilian Buddenbohm hat die
Antwort in Form eines umfangreichen
Planers, wo garantiert für jeden was zum
Schmunzeln dabei ist.
Quelle: http://wpmag.org/h1
CSS Alert Bar
Joshua Hibbert zeigt, wie man nur mit
CSS eine Benachrichtigungsleiste erstel-
len kann, die automatisch erscheint und
auch wieder weggeklickt werden kann.
Quelle: http://wpmag.org/cssalertbar
Bottlenose
Auf dem eigentlich schon sehr unüber-
sichtlichen Markt der Social Media Analy-
se und Monitoring Tools gibt es einen
weiteren Mitstreiter. Bottlenose verfolgt
aber eine bislang noch nicht existierende
Angeheensweise, mit sehr interessanten
Grafiken und mehr.
Quelle: http://wpmag.org/bottlenose
WordPress Magazin 7
Updates
WordPress.com
Wie der Blog Hoster kürzlich bekannt
gab, ist man eine Partnerschaft mit dem
Werbeunternehmen Federated Medie
eingegangen. Diese soll es Bloggern er-
lauben, mit ihren Beiträgen Geld zu ver-
dienen. Die Anzeigen sollen gezielter
sein als bei Google Anzeigen.

Quelle: http://wpmag.org/g0

WordPress.org
Die aktuellste WordPress Version ist der-
zeit 3.3.1, welche bereits über 5.5 Millio-
nen mal heruntergeladen wurde.
Das WordPress Plugin-Verzeichnis wur-
de etwas überarbeitet, bietet ein aufge-
frischtes Design und aktualisiert jeweils
beinahe in Echtzeit.
Mehr Infos: http://wordpress.org/
BuddyPess
Am 10. Januar wurde mit BuddyPress
1.5.3.1 ein Kompatibilitäts-Update für
WordPress 3.3 veröffentlicht.
Kurz vor Weihnachten wurde die Buddy-
Press Website einem Redesign unterzo-
gen. Das neue Layout kann sich definitiv
sehen lassen.
bbPress
bbPress 2.0.2 ist die aktuellste Version
und wurde Ende November veröffentlicht.
Über Probleme mit WordPress 3.3 ist lei-
der nichts bekannt
Mehr Infos: http://bbpress.org/
Mobile
WordPress für iOS liegt in der aktuellen
Version 2.9.3 vor, welche vor allem Bugs
behoben hat.
Mehr Infos: http://wpmag.org/wpios
Bei Android brachte Version 2.0 jedoch
massive Änderungen: Die App erhielt ein
neues Dashboard, einen neuen Editor
und den lang ersehnten Support für Tab-
lets.

Mehr Infos: http://buddypress.org/ Mehr Infos: http://wpmag.org/gw

8 WordPress Magazin
WordCamps
WordCamp Atlanta WordCamp Niederlande
3. – 4. Februar 24. – 25. März
Atlanta, USA Utrecht, Niederlande
2012.atlanta.wordcamp.org 2012.netherlands.wordcamp.org

WordCamp Cuttack WordCamp San Diego

11. – 12. Februar 24. März
Cuttack, Indien Kalifornien, USA
2012.cuttack.wordcamp.org 2012.sandiego.wordcamp.org

WordCamp Miami Es gibt noch viele mehr, doch leider sind

17. – 18. Februar die Daten oft noch nicht bekannt! Weitere
Miami, USA WordCamps findet man unter:
2012.miami.wordcamp.org central.wordcamp.org/schedule/

WordCamp Phoenix Wer lieber einen kleineren Rahmen hat,

24. – 26. Februar findet unter wordpress.meetup.com eine
Phoenix, USA Vielzahl an WordPress-Treffen - auch in
2012.phoenix.wordcamp.org Deutschland!

WordCamp Slowakei
17. März
Zilina, Slowakei
2012.slovakia.wordcamp.org

WordPress Magazin 9
Die WordPress Macher
Vorgeschichte
Die Open Source Software WordPress
kann auf eine langjährige Vergangenheit
zurückblicken. Die erste offizielle Version
0.70 erschien am 27. Mai 2003, herunter-
laden kann man aber nur noch Version
0.71-gold.
Ins Leben gerufen wurde WordPress von
Matt Mullenweg, der auch heute noch der
Lead Developer ist, jedoch mehr eine be-
ratende Funktion inne hat. Das Projekt
stammt eigentlich von der Blog Software
b2 ab, doch deren Autor Michel Valdrighi
hatte kaum mehr Zeit für das Tool, wes-
halb Matt zusammen mit Mike Little die
Arbeiten an WordPress startete.
Geschichte von WordPress:
http://wordpress.org/about/
Matts Blog: http://ma.tt/
10 WordPress Magazin
Automattic
Der Name Automattic taucht im Zusam-
menhang mit WordPress immer wieder
auf. Matt Mullenweg hat die Firma 2004
gegründet, um damit WordPress.com zu
starten. Mit den Erlösen der Blog-Platt-
form wird auch direkt die Entwicklung von
WordPress finanziert und vorangetrie-
ben.
Dabei gab es aber immer wieder Kritik an
der Firma, da sie als Machthaberin über
WordPress angesehen wird. Aus diesem
Grund wurde anfangs 2010 auch die
WordPress Foundation gegründet, wel-
che mittlerweile die Markenrechte besitzt
und WordPress.org betreibt.
Website: http://automattic.com/
(Man beachte das Doppel-T im Namen)
WordPress Foundation
Kurz nach der Gründung der Foundation
durch Matt Mullenweg konnten bereits
die ersten Spenden verzeichnet werden.
Automattic hat z.B. die Marke Word-
Press symbolisch an die neu geschaffe-
ne WordPress Foundation übertragen.
Erste Projekte waren dann die Bereit-
stellung von Equipment zum Filmen von
WordCamp Sessions, welches man bei
Bedarf ausleihen konnte.
Leider stammt die letzte News im Blog
von vor einem Jahr, das meiste passiert
also eher hinter den Kulissen. Ein Fokus
auf die Unterstützung der zahlreichen
WordCamps ist aber ersichtlich.
Mehr Infos:
http://wordpressfoundation.org/
Mitwirkende
Im Endefekkt kriegt man als Nutzer nicht
viel von den ganzen Hintergründen mit.
Der Name Automattic taucht zwangsläu-
fig ab und zu auf, schliesslich finanziert
das Unternehmen die Entwicklung.
Seit WordPress 3.2 gibt es eine spezielle
Seite im Backend, auf der die verschiede-
nen Entwickler vorgestellt werden. Die
Liste reicht von den Projektleitern bis hin
zu Personen, die auch nur einen einzel-
nen Patch beigesteuert haben. In Word-
Press 3.3 wurde dann diese Seite etwas
präsenter dargestellt, nämlich als Menü-
punkt in der neuen Toolbar.
Neben Chefentwickler Matt Mullenweg
gibt es 4 weitere Lead Developer und
eine Leiterin UI/UX in der Person von
Jane Wells. Danach folgen weitere Ent-
wickler, etwa Andrew Nacin, der wohl ei-
ner der bekanntesten bzw. aktivsten sein
dürfte. Mit Dominik Schilling gibt es übri-
gens auch einen fleissigen deutschspra-
chigen Entwickler.
Nicht zu vergessen: Jeder kann an Word-
Press mitarbeiten und etwas dazu beitra-
gen, sei es im Support Forum, als Ent-
wickler oder Designer. So kann man auch
etwas dagegen unternehmen, wenn man
mit etwas an der Software nicht ganz zu-
frieden ist.
WordPress Magazin 11
Automattic sperrt Plugins mit
Spende-Buttons
Hinweis: Dieser Artikel wurde am 5. De-
zember im Blog veröffentlicht, darauf fol-
gende gab es diverse Diskussionen um
die Thematik und einige Klarstellungen.
Zur Verwaltung der Downloads im Blog
nutze ich das kostenlose WordPress
Download Monitor Plugin. Als ich das
Changelog des letzten Updates ange-
schaut habe, staunte ich nicht schlecht.
Da stand nämlich, dass der Autor nicht
nur Hinweise auf Spendemöglichkeiten
entfernen musste, sondern sogar Links
zu den Websites von Personen, welche
das Plugin freiwillig übersetzt haben.
Nach Hause telefonieren - verboten?
Wie Plugin-Autor Mike Little mir versi-
cherte, wurde er von Automattic dazu auf-
gefordert, die eingebundene Werbeflä-
chen von PluginSponsors.com per sofort
zu entfernen. PluginSponsors.com ist ein
speziell für Plugin-Autoren errichtetes
Werbenetzwerk. Wer Plugin-Autoren un-
terstützen will, kann über die Website
Werbung in den Einstellungsseiten des
Plugins schalten.
Greg Mulhauser, der Gründer des Diens-
tes, hat offenber ähnliche Forderungen
erhalten mit der Begründung, dass die
Plugins mit dieser Lösung nach Hause te-
lefonieren, sprich Daten von einem exter-
nen Server laden.
12 WordPress Magazin
In einem ausführlichen Blogbeitrag er-
klärt er die ganze Sache aus seiner Sicht.
PluginSponsors.com wurde mittlerweile
eingestellt, da es unter diesen Umstän-
den schliesslich nicht weiter betrieben
werden kann.
Meinungen
David Decker hat zur gleichen Zeit Gregs
Artikel bei Google+ geteilt, was prompt zu
einigen Reaktionen führte. So scheint Au-
tomattic die Plugin-Autoren nicht auf ei-
gene Faust angeschrieben zu haben,
sondern auf Grund von Beschwerden von
Nutzern, die sich durch die ständige Wer-
bung gestört fühlten.
WordPress-Entwickler Dominik Schilling
hat später ein offizielles Statement dazu
erhalten. So gelten offenbar diese Regeln
vor allem, um das Spamaufkommen zu
vermindern. Hält man sich daran, darf
das Plugin auch „nach Hause telefonie-
ren“, allerdings muss der Nutzer dies ex-
plizit erlauben und natürlich im bestimm-
ten Rahmen. Die Richtlinien gibt es
offenbar schon länger, wurden aber erst
jetzt teilweise veröffentlicht.
Somit gilt: Wer in Zukunft ein Plugin im
offiziellen Verzeichnis veröffentlichen will,
muss zuerst die Plugin Guidelines lesen
und erfüllen.
Domain-Richtlinien
Aus wordpress-deutschland.org wird WordPress Domain-Richtlinien
wpde.org Weitere Informationen zu den Marken-
Ähnlich ergangen wie bei den Plugins ist und Domain-Richtlinien findet man unter
es WordPress Deutschland, allerdings WordPress.org Dort heisst es, dass etwa
ging es dabei um die Domain. Denn die die Verwendung des kompletten Namens
WordPress Foundation duldet keine Pro- in einer Subdomain ok ist, sollte man aber
jekte, die WordPress ausgeschrieben in eine nicht Richtlinien-konformen Website
ihren Internetadressen nutzen. sehen, müsse man den Anbieter
kontaktieren und ihn darauf hinweisen.
Für WordPress Deutschland, die vorher Weiterleitungen sind, wie der Fall von
unter wordpress-deutschland.org ope- WordPress Deutschland zeigt, erlaubt.
rierten, hat man wohl bis vor Kurzem eine
Ausnahme gemacht bzw. dies geduldet.
Am 6. Dezember mussten die Communi-
ty-Verantwortlichen jedoch bekanntge-
ben, dass das Projekt neuerdings nur
noch unter wpde.org erreichbar sein wird.
Zitat aus dem Blogpost:

Die Foundation hat uns gebeten unseren

Domainnamen umzustellen, dieser For-
derung müssen wir – ebenso wie andere
WordPress-Communitys – nachkommen.
Wir haben uns bemüht die alte Domain
zu behalten, aber die Foundation lässt
diesbezüglich nicht mit sich reden – die
einzigen Projekte, die den Namen offiziell
im Domainnamen führen dürfen sind
WordPress.org und WordPess.com.

Diese Massnahme betrifft in Zukunft auch

noch andere Projekte, wobei man wahr-
scheinlich momentan noch geringe Be-
denken haben muss, wenn man nicht ge-
rade so gross und bekannt ist wie
WordPress Deutschland.

WordPress Magazin 13
Video Thumbnails automatisch
laden mit oEmbed
Mit WordPress 2.9 wurde die Möglich-
keit eingeführt, Videos einer Vielzahl von
Websites ohne grossen Aufwand einzu-
binden. Dazu muss man lediglich die URL
eines Videos auf einer einzelnen Zeile
einfügen, danach kann man ganz normal
mit dem Schreiben fortfahren. Das Ganze
funktioniert mit der sogenannten oEmbed
Technik. Diese habe ich mir für die folgen-
de Herausforderung zu Nutzen gemacht.
Anforderung
Für eine aktuelle Aufgabe suchte ich ei-
nen Weg, um einfach Vimeo Videos auf
einem Blog zu veröffentlichen. Die Um-
setzung erforderte einige Details, sodass
rasch Custom Post Types eingesetzt wur-
den. Bei diesem Post Type gibt es dann
eine Meta Box, bei welchem einfach
die URL zum Video angegeben werden
kann. Diese wird dann verwendet, um ei-
nerseits das Video auszugeben und an-
dererseits auch direkt das Standbild des
Videos als Post Thumbnail zu speichern.
14 WordPress Magazin
oEmbed
oEmbed ist ein Format für die eingebet-
tete Darstellung einer URL auf anderen
Websites. Mit seiner simplen API können
Websites eingebettete Inhalte wie Fotos
und Videos einfügen, indem ein User
bloss den Link dazu einfügen muss. Dazu
definiert der Anbieter ein Muster, wie sei-
ne URLs aufgebaut sind, auf welches
dann WordPress die URL untersuchen
kann. Wird festgestellt, dass es eine gül-
tige URL zu einem Vimeo Video ist, wird
deren API aufgerufen.
Weitere Informationen zum Einfügen von
Videos in WordPress gibt es im Word-
Press Codex. Es gibt auch eine Doku-
mentation der Vimeo oEmbed API.
Umsetzung
Bei der Umsetzung war ich darüber er-
staunt, wie viele Zeilen Code es schluss-
endlich benötigte, um das Ganze zum
Laufen zu bringen. Doch fangen wir ein-
mal von vorne an. Zu Beginn habe ich
ein neues Must-Use Plugin (PHP-Datei
im mu-plugins Ordner) erstellt und dort
eine neue Funktion wpm_publish_video
eingefügt:
Mit dieser Funktion klinken wir uns erst in
den Publizierungs-Vorgang des Beitrags
(in diesem Fall vom Post Type video) ein
und laden das WordPress Datenbank-
Objekt. Mit der zweiten If-Abfrage stellen
wir sicher, dass noch kein Post Thumb-
nail gesetzt wurde und dass eine Video
URL angegeben wurde. Danach lädt man
via API die Informationen zum Video. und
wandelt den JSON String in ein PHP Ob-
jekt um.
Jetzt muss man ja eigentlich nur noch
das Bild laden und als Post Thumbnail
speichern. Klingt zwar einfach, aber es
war doch umfangreicher als ich zuerst
gedacht habe. Ich habe das deshalb in
eine zweite Funktion ausgelagert.

Und wie diese zweite Funktion aussieht,

das sieht ihr am besten im Blog ;-)

Ganzer Artikel und Diskussionen im Blog:

http://wpmag.org/h3

WordPress Magazin 15
WordPress.com vs.
WordPress.org
Der Blogger-Neuling ist meist etwas ver-
wirrt, wenn er nach WordPress googeln
möchte: Es gibt da einerseits das grosse
Portal WordPress.com und dann gibt es
noch WordPress.org. Vom Namen her
sind die Seiten natürlich gleich, doch die
Inhalte sind ziemlich verschieden. Was
steckt also wirklich dahinter, und welche
Website ist die richtige für den Otto Nor-
malblogger?
WordPress.com - Der Bloghoster
Nach dem ersten Release der Open
Source Software WordPress verging rund
ein Jahr, bis WordPress.com seine Pfor-
ten öffnete. Das Ziel war einfach: Den Be-
nutzern eine Plattform zum einfachen Pu-
blizieren ihrer Inhalte geben - und über
kurz oder lang auch Geld verdienen.
Das Prozedere ist einfach: Man meldet
sich an, gibt dafür Namen und E-Mail Ad-
resse an und schon ist man dabei. Ent-
weder man beginnt sofort mit Bloggen an
oder wählt vielleicht zuerst noch eines
von Hunderten verfügbaren Themes aus.
Der eigene Blog ist dann z.B. über die Ad-
resse meincoolerblog.wordpress.com im
Netz erreichbar.
16 WordPress Magazin
Zwar ist dies alles kostenlos und für den
einfachen Blogger auch ausreichend,
doch es gibt zahlreiche Zusatzinhalte, für
die man dann eben zahlen muss. So kos-
tet eine eigene Domain ganze 12 Dollar
pro Jahr, für extra Designanpassungen
(CSS) zahlt man ganze 30 Dollar pro
Jahr. Rechnet man alle Kosten zusam-
men, kommt man auch bereits an die
Kosten für einen eigenen Hoster heran.
Wäre das der bessere Weg?
WordPress.org - Do It Yourself Blog
Redet man von WordPress, so meint man
eigentlich immer die Software, welche
man herunterladen und auf dem eigenen
Server intallieren kann. Bis auf die vielen
Extras von WordPress.com hat man nach
dem Aufsetzen das gleiche Produkt in
den Händen.
Dafür kann man jedoch alles damit an-
stellen, was das Herz begehrt. So kann
man eines von über 17'500 verfügbaren
kostenlosen Plugins installieren oder
auch eines kaufen. Auch Themes gibt es
Tausende, welche man dann nach Lust
und Laune an seine eigenen Wünsche
anpassen kann.
Vorteile von WordPress.com
Wer innert wenigen Minuten mit Bloggen
beginnen will und dies auch nur so ne-
benbei verfolgt, der ist mit WordPress.
com sicher gut bedient. Es gibt bereits
von Beginn weg viele Widgets und man
kann aus einer Vielzahl von verfügbaren
Themes wählen. In diesem Sinne muss
man keine Zeit für die Einrichtung und
technische Konfiguration des Blogs auf-
wenden.

Ein WordPress.com kann auch ideal als

Spielwiese genutzt werden und ist im
Zweifelsfall schnell gelöscht. Das gute an
dieser Spielwiese: Die Updates werden
jeweils automatisch vorgenommen, man
muss sich also erst gar nicht darum küm-
mern.
Darum WordPress.org
Aus meiner Sicht ist die selbst gehostete
Variante der Blog-Plattform vorzuziehen,
sobald man etwas Professionelles aufzie-
hen möchte und keine Schranken will.
Möglich ist natürlich auch, sich bei der
Technik helfen zu lassen, so hat man
dann genau das Blog, das einem gefällt.

Fazit
Je grösser der Blog ist, desto schwieriger
ist ein Wechsel von WordPress.com auf
WordPress.org. Also überlegt euch schon
am Anfang sehr gut, was ihr vorhabt! Dies
sagte ich übrigens bereits 2009 in einem
Meiner Meinung nach ist WordPress.com ähnlichen Vergleichsbeitrag.
geeignet für Einsteiger, die sich mit Word-
Press auf Neuland bewegen. Ernsthafte
Blogs sind so natürlich auch möglich,
aber ohne das nötige Kleingeld geht nicht
viel.

WordPress Magazin 17
WordPress
Das Social Network
Die Idee zu diesem Artikel kam mir, als
die Arbeiten an WordPress 3.3 immer
weiter voran kamen. Genauer gesagt die
Arbeiten an der neuen Admin Bar
(Toolbar). Diese ähnelt nämlich den
bekannten Navigationen von Social
Networks wie etwa Twitter. WordPress
hat dabei aber selbst das Potenzial zum
Social Network.

Das Diaspora-Konzept
Als Ende 2010 das dezentralisierte Social
Network Diaspora mit 200'000 Dollar
Startkapital in einer ersten Alpha-Version
Das riesige WordPress.com
veröffentlicht wurde, gab es schon viele
Wie man auf der Statistik-Seite von
Skeptiker. Wer würde schon einen
WordPress.com erfährt, heisst es bei um
eigenen Diaspora-Server (sog. Pods)
die 70 Millionen Websites „Powered by
betreiben wollen? Manche sagten auch,
WordPress“. Etwas weniger als die Hälfte
dass WordPress User die ideale
liegt dabei auf den Servern von
Zielgruppe für das Projekt wären, da
WordPress.com. Dort gibt es täglich rund
diese oft schon eigene Server hätten und
500'000 Beiträge und beachtliche 400'000
auch eher noch einigermassen die
Kommentare. Wow!
Technik verstünden.
Der Dienst wird desöfteren mit dem
WordPress 3.3 wurde bereits über 2.5
rasant wachsenden tumblr verglichen,
Millionen mal heruntergeladen und es
welches eben nicht nur Blog-Hoster
laufen noch tausende weitere Websites
sondern auch Social Network ist. User
damit. Alles potenzielle Pods, die
können anderen Blogs folgen, Beiträge
miteinander verbunden werden könnten.
rebloggen und dies alles mit demselben
Jeder behält dabei seine Daten auf
Benutzernamen. Unlängst hat man bei
seinem Serverplatz, könnte aber von der
ähnliche Features bei der Konkurrenz
gegenseitigen Vernetzung profitieren.
auch eingeführt, denn es ist ein Schritt in
die richtige Richtung.
Die Interaktion zwischen den Nutzern ist
wichtig und wird so gefördert. Man kann
Freuden Blogs empfehlen, wie man
lustige Katzenvideos auf Facebook teilt.
Doch was macht die andere Hälfte der 70
Millionen WordPress-Blogs?

18 WordPress Magazin
Ist Jetpack die Antwort?
Wer die Entwicklung von WordPress.com
etwas mitverfolgt hat, dem dürfte Jetpack
ein Begriff sein. Es ist eine Sammlung
von mehreren Plugins unter einem Hut,
die auch künftig nur noch unter diesem
Label auftreten werden. Das bekannte
WordPress.com Stats Plugin ist nun ein
Statistik-Modul in Jetpack. Daneben gibt
es weitere Module für Blog-Abos,
Shortcode-Embeds für Videos oder auch
ein Modul für die Rechtschreibprüfung.
Dank Verträgem mit grossen Hosting-
Anbietern (vor allem in den USA), stellt
Automattic sicher, dass Jetpack bei jedem
neu installierten Blog bereits vorinstalliert
ist. Und wer das Jetpack-Plugin installiert,
muss sein Blog zuerst mit WordPress.
com verknüpfen, braucht dort also ein
Benutzerkonto. Bei manchen macht's
jetzt vielleicht Klick, denn dank Jetpack
landen alle User im selben Topf, befinden
sich somit im selben Social Network.
Weitere Möglichkeiten
Beim Social Network und WordPress
dachte ich sofort auch an das Plugin
BuddyPress, welches ja aus WP eine Art
Social Network machen soll. Natürlich
nicht in dieser Art, wie ich es hier
beschrieben habe. Doch es kam durchaus
auch schon von anderen Leuten die Idee,
BuddyPress-Seiten miteinander zu
verknüpfen.
Unter dem Namen SocialRiver gab es da
sogar mal einen Ansatz, doch leider ist
die Website zurzeit offline. Wir werden
also sehen müssen, was uns die Zukunft
in diesem Bereich noch bringen wird.

Die Grundlage wäre also durchaus

gegeben, Jetpack um Features wie das
Folgen von Blogs zu erweitern. Im
Hintergrund funktioniert etwa das E-Mail
Abo bereits ähnlich. Allerdings kommt
das Plugin nicht bei allen gut an, es ist
überladen, telefoniert übermässig nach
Hause (Datenschutz-Bedenken) und für
viele Aufgaben gibt es auch bessere
Alternativen.

WordPress Magazin 19
10 Social Media Plugins
für den täglichen Einsatz
Sociable
Das wohl bekannteste und beliebteste
Social Bookmarking Plugin mit über 1
Million Downloads.
Mehr Infos: http://wpmag.org/sociable
Twitter Embed
Mit diesem Plugin kann man kinderleicht
Tweets einbinden, auch wenn das wohl
mit WordPress 3.4 nicht mehr nötig sein
wird, da es in den Core integriert werden
soll.
Mehr Infos: http://wpmag.org/hi
Social
Das Plugin namens Social bindet neben
den normalen Blog-Kommentaren auch
Reaktionen von Facebook und Twitter
ein. Auch das Teilen von Posts über diese
Plattformen ist möglich.
Mehr Infos: http://wpmag.org/mcsocial
Twitter Tools
Damit lassen sich ganz einfach neue
Beiträge automatisch via API bei Twitter
veröffentlichen.
Mehr Infos: http://wpmag.org/hj
Simple Facebook Connect
Egal, was man braucht, dieses Plugin ist
eine richtige Allzweckwaffe. Von Like
Buttons über Facebook Login bis zu
Open Graph ist alles möglich.
Mehr Infos: http://wpmag.org/hl
20 WordPress Magazin
Simple Twitter Connect
Ein mächtiges Plugin zum automatischen
Twittern von Beiträgen, Login via Twitter
und vielem mehr.
Mehr Infos: http://wpmag.org/hh
2 Click Social Media Buttons
Fügt die Buttons für Facebook Like,
Twitter, Flattr und Google+ dem deutschen
Datenschutz entsprechend auf eurer
WordPres Site ein.
Mehr Infos: http://wpmag.org/hk
Social Metrics
Ein einfaches Plugin, welches mit Hilfe
der Social Media Buttons anzeigt, welche
Beiträge wie oft geteilt wurden.
Mehr Infos: http://wpmag.org/hm
wpTwitBox
Sergej Müllers Lösung für das Problem
des benötigten automatischen Teilens auf
Twitter. Es bietet zudem bit.ly Integration
und kann die aktuelle Anzahl Follower
darstellen.
Mehr Infos: http://wpmag.org/wptwitbox
ShareThis
Das offizielle Plugin von ShareThis zählt
über 760'000 Downloads und ermöglicht
das Teilen von Blogposts auf über 50
verschiedenen Websites.
Mehr Infos: http://wpmag.org/hn
WordPress Magazin 21
Im Interview mit Blogwerk
Überall redet man von Social Media, doch
bei Blogwerk scheint das Thema nicht
nur Gerede zu sein. Wie der Name bereits
sagt, dreht sich bei der Firma alles um
Blogs. Zudem bietet sie mit dem Social
Media Kit eine All-in-One Lösung auf
WordPress-Basis an. Ich interviewte
dazu Philip Hetjens und Mathias Vettiger,
um zu erfahren, wie wichtig Social Media
und WordPress für Blogwerk sind.

Die Interviewpartner
Mathias Vettiger: Ich bin seit Anfang 2010
bei Blogwerk und nach Philip der
zweitdienstälteste Mitarbeiter. Ich komme
eigentlich aus der journalistischen Ecke,
habe dann aber mit einem Master an der
Universität St. Gallen mehr die Richtung
Marketing eingeschlagen. Bei Blogwerk
bin ich als Account Manager beschäftigt,
was heisst: Projekte mit Kunden von A bis
Z durchziehen. Wir haben keine eigentlich
Verkaufsabteilung, das gehört also auch
zu meinem Job. Meine Schwerpunkte
sind im Moment das Leiten von Web-
projekten und Community Management.
Philip Hetjens: Ich bin seit 2008 bei der
Blogwerk AG in Zürich beschäftigt, und
habe das Unternehmen von anfangs fünf
festangestellten zu jetzt fast 20
Mitarbeitenden begleitet. Blogwerk hat
keinen CEO im klassischen Sinne,
sondern zusammen mit Olivia Menzi und
Thomas Mauch teilen wir drei uns die
Geschäftsleitung. Jeder hat seinen
eigenen fachlichen Bereich. Ich bin
zusätzlich Leiter Technologie, und
verantwortlich für die Softwareentwicklung
und den Betrieb unserer Plattformen
Die Blogwerk AG betreibt seit 2006
mehrere Blogs. Kam der Erfolg von
alleine?
Philip: Nein, der Erfolg ist harte Arbeit und
Herzblut jeden Tag von jedem Mitarbeiter.
Wie jedes Unternehmen haben auch wir
die ein oder andere Krise durchmachen
müssen. So vorgefertigt es sich anhört,
aber doch ehrlich so ist: Unsere Stärke
sind unsere Mitarbeiterinnen und
Mitarbeiter, die jeden Tag auf’s neue
einen tollen Job machen und Spass bei
der Arbeit haben. Spezifisch zu den Blogs
kann ich sagen, dass da nur der Erfolg
kommt, wenn man immer wieder was
neues ausprobiert. Sei es inhaltlich –
besonders interessant ist da die
Entwicklung bei neuerdings.com in den
letzten Monaten zu sehen – oder auch
bei der Vermarktung: Sponsered Posts
und Sponsoring sind inzwischen wichtige
Einnahmequellen bei all unseren Blogs.

22 WordPress Magazin
Wie wichtig sind für netzwertig.com & Co.
die sozialen Medien?
Philip: Zwischen unseren eigenen Blogs
gibt es sehr grosse Unterschiede. Für
netzwertig.com, unser Blog über Internet-
ökonomie und Social Media, sind Twitter
und Facebook als Trafficlieferant sogar
wichtiger als Google.
Ganz anders sieht es bei fokussiert.com,
unserem Blog für Fotografen aus, dort
finden die sozialen Medien kaum statt.
Bei unseren andere Blogs liegt die
Relevanz dazwischen. Wir haben
festgestellt, dass es sehr von der
Zielgruppe des Blogs abhängt, wie
wichtig Twitter & Co. sind. Unsere Blogs
bringen die Menschen nicht in die
Sozialen Medien, aber wenn sie schon da
sind, wird es durchaus genutzt.
Mathias: Für uns als Unternehmen sehen
wir diese Abhängigkeit von der Zielgruppe
auch: Auf Twitter hören uns fast doppelt
so viele Leute zu wie auf Facebook –
obwohl sich auf Facebook ja viel mehr
Leute aufhalten.
Ihr seid eine Full-Service-Agentur für
Social Media. Spielen Blogs immer noch
eine Hauptrolle?
Mathias: Für uns: Auf jeden Fall. Wir sind
davon überzeugt, dass ein gut geführtes
Unternehmensblog, das über die richtigen
Themen mit der richtigen Sprache
schreibt, die Zentrale für die gesamte
Online-Kommunikation sein kann. Nur
auf dem Blog als Teil der eigenen Website
ist man komplett frei von den Launen
externer Anbieter wie Facebook, Twitter
oder Youtube, und nur auf der eigenen
Website hat man die volle Kontrolle.
Nicht, dass wir mit Facebook und anderen
Social Media ein Problem hätten – wir
nutzen sie gerne und oft; aber die Website
und als Teil davon ein Blog, steht für uns
in der Mitte der Online-Kommunikation
und ist Ausgangspunkt für allfällige
weitere Plattformen.
Welches sind die häufigsten
Kundenanliegen?
Mathias: Viele Kunden haben erkannt,
dass es nicht mehr reicht, jeden Monat
eine Medienmitteilung auf die Website zu
stellen. Und viele Kunden sehen das Po-
tenzial von Kommunikation über Social
Media. Dementspechend drehen sich
viele Anliegen um das Thema: «Wie kom-
munizieren wir besser im Internet». Wenn
wir das genauer aufschlüsseln sind es
dann verschiedenste Anliegen, mit denen
Kunden zu uns kommen: Sie wollen ler-
nen, Social Media optimal zu nutzen; sie
suchen jemanden, der ihnen bei der
Kommunikation unter die Arme greift;
oder sie suchen jemanden, der ihnen bei
der Umsetzung eines technischen Pro-
jekts hilft: Websites, Facebook-Auftritte,
Facebook-Kampagnen. Also wie gesagt:
alles, was sich um Kommunikation im In-
ternet dreht.
Euer Aushängeschild ist das Social Media
Kit. Was kann es?
Mathias: Wir haben in vielen Website-
Umsetzungen, die wir ja mit unserem
Leib-und-Magen-CMS WordPress ma-
chen, immer wieder ähnliche Kunden-
probleme festgestellt. Kunden möchten
überall präsent sein – Website mit Blogs,
Facebook, Twitter, Youtube, Newsletter –
aber sie sind verständlicher-weise von
der Kanalvielfalt auch etwas erschlagen
und sehen es als Zeitfresser.
WordPress Magazin 23
Im Interview mit Blogwerk
Deshalb entwickelten und entwickeln wir
das Social Media Kit als viele kleinere
und grössere Erweiterungen für
WordPress, mit denen die Online-
Kommunikation einfacher und schneller
erledigt werden kann: Automatisches
Posten auf verschiedenste Social-Media-
Dienste, Abholen der Antworten dieser
Dienste und die Möglichkeit, wiederum zu
antworten sowie eine einfache
Drag&Drop-Lösung für das Zusammen-
stellen von Blog-Artikeln zu Newslettern.
Das alles folgt der Logik: Man muss einen
Inhalt nur einmal erfassen und kann ihn
dann kanalangepasst auf verschiedene
Dienst verbreiten – und dazu noch die
Reaktionen managen.
Weshalb nutzt ihr gerade WordPress für
diese Aufgabe?
Philip: Über die ursprüngliche Entschei-
dung kann ich nur mutmassen, aber wenn
man sich ins Jahr 2006 zurückversetzt,
gab es eigentlich nur Movable Type und
WordPress als ernsthafte selbstgehoste-
te Blogsoftware.
24 WordPress Magazin
Bereits damals war die Entwicklung und
die Community von WordPress sehr aktiv
und zusätzlich wurde im WordPress-Um-
feld alles professioneller mit Berufung
von Toni Schneider, immerhin ein Schwei-
zer, als CEO von Automattic, was uns Zu-
kunftssicherheit vermittelt hat.
Im Sommer 2009 als wir ernsthaft mit der
Agenturarbeit begonnen, haben wir
nochmal unsere Entscheidung für
WordPress bestätigt. Wir haben uns
andere CMS angeguckt, und überlegt, ob
wir auch andere Systeme unseren
Kunden anbieten sollten.Wir stellen bei
unseren eigenen Projekten und auch bei
unseren Kunden immer die News, deren
einfache Erfassung und Verbreitung in
den Vordergrund. Für diese Aufgabe ist
WordPress einfach sehr gut geeignet und
im Moment denken wir nicht im
entferntesten daran uns von WordPress
oder dem Social Media Kit abzuwenden.
Mathias: Aktuelle Kundenprojekte zeigen Eure Prognosen für Social Media im
auch, dass WordPress immer «erwach- neuen Jahr?
sener» wird, sich also vom Blog-CMS Mathias: Ich denke, Social Media werden
zum vollwertigen Website-CMS entwi- weiter gedeihen und in dem Zuge auch
ckelt hat. professioneller werden. Gleichzeitig
kommt aber auch ein gewisser
Engagiert ihr euch auch in der WordPress Rechtfertigungsdruck, und das bedeutet
Community? letztlich, dass man mit Zahlen zumindest
Philip: Ich mag die Community, sowohl teilweise belegen können muss, was all
hier in der Schweiz als auch international. diese Social-Media-Aktivitäten dem
Ich habe einige Plugins veröffentlicht, die Unternehmen bringen.
auf Blogwerkarbeit basierten. Ausserdem Philip: Nachdem 2009 Twitter und vor al-
haben wir Artikel für das t3n Magazin zum lem 2010 Facebook im Vordergrund
Thema WordPress verfasst. Wir waren stand bei Unternehmen, sind seit 2011
auch mit mehreren Vorträgen am Blogs im Kommen. Unternehmen verste-
WordCamp Switzerland vertreten und hen, dass Blogs den Vorteil haben, dass
haben es als Medienpartner unterstützt, man die volle Kontrolle über Inhalt und
und werden diese Aktivitäten auch Aufbau hat. Ich gehe davon aus, dass
weiterhin durchführen. dieser Trend noch ganz 2012 anhalten
wird. Für Unternehmen werden aber auch
Was spricht dagegen, das Social Media Videos immer wichtiger, und ich denke
Kit als «Software as a Service» auch für wir werden 2012/13 in diesem Bereich
private Blogs anzubieten? noch einige Entwicklungen sehen.
Philip: Grundsätzlich spricht nichts
dagegen. Wir müssen bei unserer
Kostenrechnung bedenken, dass wir das
Social Media Kit komplett aus unserem
Cashflow entwickeln und betreiben. Wir
haben kein Venture Capital aufgenommen
oder Business Angels angefragt, die für
die Entwicklung aufkommen. Deswegen
können wir kein kostenlosen Service
anbieten oder nach dem Freemium-
Modell vorgehen. Wir müssen einfach
gucken, dass wir unsere Entwicklungszeit
und Serverkosten durch unsere Kunden
bezahlt bekommen. Die kleinste Version
des Social Media Kits kostet CHF 55 im
Monat und wird auch von einigen
Einzelpersonen benutzt, trotzdem muss
man ehrlicherweise sagen, dass man als
Privatperson ohne mediales Interesse mit
einem einfachen Blog bei wordpress.com
oder tumblr.com besser fährt.

WordPress Magazin 25
How-To:
Facebook IFrame Landing Page erstellen

Im März letzten Jahres veröffentlichte ich

im Blog eine Anleitung, wie man eine An-
wendung auf Facebook erstellen kann,
die dann als Standard-Reiter einer Fan-
page dient. In der Zwischenzeit hat sich
dabei einiges getan, weshalb ich dieses
Tutorial hier in aktualisierter Form prä-
sentiere.

Hintergrund
Was versteht man eigentlich unter einer
Facebook Landing Page? Genau
genommen meint man damit einen
speziellen Reiter einer Fanseite, der
neuen Besuchern angezeigt wird. Man
kann aber auch spezielle Landing Pages
für bestimmte Aktionen oder Wettbewerbe
verwenden.Normalerweise hat eine Seite
Erste Schritte
die Reiter Pinnwand, Fotos und vielleicht
Als Erstes muss man die Facebook
noch Veranstaltungen. Weitere können
Developer Applikation installieren,
durch Facebook Apps aus dem App-
danach kann man seine erste Anwendung
verzeichnis hinzugefügt werden.
erstellen. Als Erstes gibt man den Namen
ein und akzeptiert die AGB von Facebook.
Erstellt man eine Anwendung, ist dies im
Der Name darf übrigens nicht an eine
Prinzip eine gewöhnliche Website, die
Facebook-eigene App wie Diskussionen
dann in einem IFrame eingebunden wird.
oder Veranstaltungen angelehnt sein.
Dies ermöglicht beispielsweise das Ein-
binden von Javascript und Ausführen von
Da der Name öffentlich ist, sollte man ei-
serverseitigem Code.
nen sinnvollen Namen wählen, wie z.B.
den Titel des Blogs. Man kann den Na-
men allerdings später auch noch über-
schreiben. Danach muss man dann die-
eigentlichen Einstellungen vornehmen.
Hier gibt es im Wesentlichen nur ein paar
wichtige Punkte.

26 WordPress Magazin
Wichtig is, dass man ein Symbol Jetzt kann man die Änderungen spei-
(16x16px) hochlädt, da dies später in der chern. In der linken Leiste klicken wir an-
Navigation angezeigt wird. Am besten schliessend auf «Profilseite der Anwen-
eignen sich Gif-Bilder mit transparentem dung anzeigen». Auf dieser können wir
Hintergrund. Auch die Sprache schaltet dann, ebenfalls in der linken Leiste, auf
man vorsichtshalber lieber auf Deutsch «Zu meiner Seite hinzufügen» klicken. Im
um, ich konnte bislang allerdings nie eine folgenden Menü wählt man dann die ge-
Auswirkung erkennen. Diese Einstellung wünschte Fanseite aus.
dürfte wohl nur wichtig sein, wenn man
seine Anwendung ins Verzeichnis stellt. Hinweis: Ab dem 1. Februar 2012 werden
In unserem Fall bleibt die Anwendung die Anwendungsprofile ersetzt, dann
aber privat. dürfte sich dieses Prozedere in den
Schritten etwas verändern.
Beim Punkt, wo man auswählen kann,
wie die Seite mit Facebook interagiert,
wählen wir «Seitenreiter» aus. Dort muss
man einen Namen für den Reiter sowie
zwei URLs eintragen. Eine mit http und
eine mit https. Man muss dafür kein SSL-
Zertifikat haben, es reicht, wenn die htt-
ps-URL einfach erreichbar ist. So erhält
man dann im Browser unter Umständen
eine Warnung, muss dann aber dafür
kein teures Zertifikat kaufen.

WordPress Magazin 27
How-To:
Facebook IFrame Landing Page erstellen

Konfiguration auf der Fanseite
Wir haben nun erfolgreich die App zu der
Fanseite hinzugefügt und der Reiter ist
sichtbar. Allerdings wird die Anwendung
noch nicht standardmässig allen Nutzern
angezeigt. Dazu muss man nämlich noch
die entsprechende Fanseite bearbeiten
und unter dem Punkt «Genehmigungen
verwalten» den Standard-Reiter für Nicht-
Fans ändern.
Man kann unter «Anwendungen» auch
den Tab-Namen überschreiben, falls man
möchte. Zudem hat man die Möglichkeit,
sich einfach einen Permalink zum ent-
sprechenden Reiter anzeigen zu lassen.
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 z.B. schon Adobe Dreamweaver.
Als Nächstes bindet man das Facebook
PHP-SDK ein. Ein entsprechendes Code-
Beispiel liegt bei:
Damit initialisieren wir die Klasse und la-
den das aktuelle User-Objekt, welches
Facebook uns zur Verfügung stellt. So
erhalten wir bereits erste Informationen
zum Benutzer, ob er etwa überhaupt ein-
geloggt ist oder nicht. Da wir jedoch wei-
tere Features wie den Like Button und die
Möglichkeit, die Seite mit Freunden zu
teilen, nutzen wollen, benötigen wir diese
Daten auch in Javascript. Dazu laden wir
zusätzlich noch das JS-SDK direkt nach
dem öffnenden <body>-Tag:
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function()
{
FB.init({
appId : '<?php echo
$facebook->getAppID() ?>', // App
ID
channelUrl : '//wp-magazin.
ch/channel.html',
status : true,
cookie : true,
xfbml : true
});

<?php };
require '../src/facebook.php';
$facebook = new Facebook(array( (function(d){
'appId' => '123456789', var js, id = 'facebook-
'secret' => '1234abcd', jssdk'; if (d.getElementById(id))
)); {return;}
js =
// Get User ID d.createElement('script'); js.id
$user = $facebook->getUser(); = id; js.async = true;
if ($user) { js.src = "//connect.
try { facebook.net/de_DE/all.js";
$user_profile = $facebook-
>api('/me'); d.getElementsByTagName('head')
} catch(FacebookApiException [0].appendChild(js);
$e) { }(document));
$user = null; </script>
}
}
?>

28 WordPress Magazin
Dieser Code hat einige Besonderheiten,
so verlangt etwa Facebook eine Channel-
Datei auf dem eigenen Server, damit die
Performance besser ist. Was in dieses
File gehört, kann man bei Facebook im
Entwicklerhandbuch nachlesen.
URL: http://wpmag.org/fbjssdk
Layout
Danach kommt das eigentliche Layout,
wo man sich nach Lust und Laune aus-
toben kann. Zum Beispiel kann die Lan-
ding Page an Facebook angelehnt oder
so kunterbunt wie die Website sein. Ein-
zige Limitierung ist die Breite von 520
Pixel. Standardmässig ist das IFrame
800px hoch, besser wäre aber eine vari-
able Höhe. Schliesslich will man ja keine
Scrollbalken, welche das mit 520 Pixel
schon schmale Layout je nach Browser
nochmals um einige Pixel reduzieren
würden. Dies bedarf aber ein paar klei-
nen Anpassungen.
Auto Resize
In den Einstellungen unserer Facebook-
Anwendung können wir unter dem Punkt
«Fortgeschritten» unter «Canvas Height»
eine flexible Höhe auswählen. Zusätz-
lich zu dieser Einstellung muss man
aber noch in der vorherigen Init-Funktion
window.fbAsyncInit folgende Zeile einfü-
gen:
FB.Canvas.setAutoGrow();
Javascript Events
Facebooks Javascript-SDK erlaubt es,
sich in bestimmte Events einzuklinken.
Auf diesem Weg kann man die App bei
Login/Logout oder bei einem «Gefällt
mir» neu laden. Mit Hilfe des GET-Para-
meters app_data kann man beim Reload
bestimmte Werte an die Anwendung
übergeben, z.B. um eine Nachricht für
den neuen Fan anzuzeigen. Folgende
Snippets kommen dafür ebenfalls in die
Init-Funktion:
// Reload nach Login
FB.Event.subscribe('auth.login',
function() {
window.location.reload();
});
// Mitgabe von app_data Parameter
FB.Event.subscribe('edge.create',
function (response) {
window.parent.location.href
= 'http://www.facebook.com/
meinefanpage&sk=app_123456&app_
data=neuerfan';
});
WordPress Magazin 29
How-To:
Facebook IFrame Landing Page erstellen

Dialoge Fazit
Ein weiterer Vorteil des Javascript SDKs Schlussendlich könnte die Landing Page
ist die Möglichkeit, dem User Dialoge so aussehen wie die des WordPress Ma-
anzeigen zu können. So lassen sich z.B. gazins oder eines bekannten Sportclubs.
Nachrichten an seine Pinnwand posten, An dieser Stelle seid ihr gefragt! Erstellt
wie in diesem Beispiel (benötigt jQuery!): eine Landing Page mit Hilfe dieses Bei-
spiels und liest die weiterführende Doku-
$('#share').click(function () { mentationen von Facebook.
FB.ui({
method: 'feed', Signed Request (ermöglicht Anzeigen
name: 'Werde Fan von XY', von Inhalten nur für Fans):
message: 'Klicke Gefällt mir!
http://wpmag.org/hp
Diese Nachricht kann man übrigens
ändern!',
Social Plugins: http://wpmag.org/hq
caption: 'Die beste Seite',
description: 'Werde Fan auf
Facebook und unterstütze damit Graph API: http://wpmag.org/hr
XY!',
link: 'http://www.facebook. JS SDK: http://wpmag.org/fbjssdk
com/meinefanpage&sk=app_123456',
picture: 'http://example. OAuth Dialoge: http://wpmag.org/hs
com/wp-content/facebook/
images/100x100px.png' // Auch
ein Bild kann angezeigt werden,
100x100 Pixel
});
});

30 WordPress Magazin
WordPress Magazin 31
Best-of WordPress 2011
Cachify
Sergej Müller veröffentlicht mit Cachify
ein handliches, wenn auch in manchen
Punkten eingeschränktes, Caching-Plug-
in für WordPress.
URL: http://wpmag.org/ha
WordPress Magazin #3
Vor einem Jahr erschien bereits die dritte
Ausgabe des WordPress Magazins. Wie
die Zeit vergeht.
URL: http://wpmag.org/eo
Werteübergabe PHP zu JavaScript mit
WordPress
Frank Bültges Anleitung vom Februar
2011 ist immer nach aktuell und eine gute
Hilfe für Plugin-Entwickler.
URL: http://wpmag.org/h4
WordPress für Kundenprojekte: Was
ist zu beachten?
Bei Elmastudio hat man im Februar eine
nützliche Checkliste für Anbeiter von
WordPress-Dienstleistungen veröffent-
licht, was man so alles beachten sollte.
URL:
http://wpmag.org/wpkundenprojekte
32 WordPress Magazin
WordPress 3.1 Reinhardt
Ende Februar erschien WordPress 3.1,
zuerst noch unter dem Übernamen Djan-
go, was aber zu Verwechslungen mit dem
Open Source Projekt Django führte.
URL: http://wpmag.org/et
Jetpack geht an den Start
Die Plugin-Sammlung von Automattic
geht an den Start. Nicht alle sind begeis-
tert davon, dennoch verzeichnet Jetpack
bereits fast 900'000 Downloads.
URL: http://wpmag.org/ew
DDoS Attacke auf WordPress.com
Ende März erleidete der Blog-Dienst die
grösste Attacke auf die Infrastruktur in
seiner 7-jährgen Geschichte. Man vermu-
tete politische Hintergründe.
URL: http://wpmag.org/eu
WordPress Schweizerdeutsch
Am 1. April letzten Jahres erlaubten wir
uns einen kleinen Aprilscherz, indem wir
eine WordPress-Version in Mundart an-
kündigten.
URL: http://wpmag.org/f0
Hacker-Angriff auf WordPress.com
Nach der DDoS Attacke schien die Web-
site nicht zur Ruhe zu kommen, denn An-
greifer erlangten Root-Zugriff auf einige
Server.
URL: http://wpmag.org/f1
WordPress Magazin #4
Die Erfolgsgeschichte geht weiter (oder
so). Die vierte Ausgabe bietet wieder ei-
nen guten Überblick über die WordPress-
Welt.
URL: http://wpmag.org/f7
Kommentatoren in Newsletter-Abon-
nenten verwandeln
Yoast zeigt auf, wie man via Kommentar-
formular neue Leser für sein E-Mail
Newsletter gewinnen kann. Er nutzt dafür
MailChimp.
URL: http://wpmag.org/hd
1. WordCamp Switzerland
Im Mai 2011 ging das erste WordCamp in
der Schweiz über die Bühne. Ein Rück-
blick.
URL: http://wpmag.org/f9
WordPress Backup in die Dropbox
Ein neues Plugin erlangte viel Aufmerk-
samkeit, denn es ermöglicht das automa-
tische Sichern der WordPress Datenbank
in die eigene Dropbox.
URL: http://wpmag.org/he
WordPress Performance Tipps
In seinem Playground-Blog stellt Sergej
Müller im Juni eine Reihe von Optimie-
rungsmöglichkeiten für WordPress-Ins-
tallationen vor.
URL: http://wpmag.org/hb
Simple Media Queries Debugging
23. Juni: Frank Bültge erklärt seine Lö-
sung zum einfachen Debugging von Me-
dia Queries.
URL: http://wpmag.org/h5
WordPress 3.2 „Gershwin“ erschienen
Am 4. Juli wurde die neue Version offiziell
veröffentlicht. Sie bot vor allen Dingen
Geschwindigkeitsoptimierungen und ei-
nen neuen Vollbild-Editor.
URL: http://wpmag.org/fo
WordPress Magazin 33
Best-of WordPress 2011
WordPress Magazin #5
Die Jubiläumsausgabe erschien Ende
Juli und bot unter anderem Infos zu Short-
codes und ein Interview mit der Agentur
Inpsyde.
URL: http://wpmag.org/fq
Facebook Insights für WordPress
Blogs
Bei WP Beginner gibt es eine kurze Anlei-
tung, mit der man Facebook Statistiken
für seine Website freischalten kann.
URL: http://wpmag.org/hf
Seitenbasis /page/ für Permalinks an-
passen
Im August zeigte Dominik Schilling, wie
man diesen englischen Teil aus der URL
in ein für Kundenprojekte besser geeig-
netes /seite/ ändern kann.
URL: http://wpmag.org/h6
bbPress 2.0 erschienen
Die lang ersehnte Plugin-Version der Fo-
ren-Software wurde Ende September
veröffentlicht und brachte neuen Wind in
das Projekt.
URL: http://wpmag.org/fv
34 WordPress Magazin
Passwortfelder für Nicht-Admins de-
aktivieren
WP Engineer veröffentlichte ein hilfrei-
ches Snippet, mit dem man diese Felder
ausblenden kann, sodass ein Wechsel zu
einem unsicheren Passwort verunmög-
licht wird.
URL: http://wpmag.org/hg
WordPress Magazin #6
Man könnte meinen, das Magazin ent-
steht am Laufband. Ausgabe 6 enthält
u.a. Artikel zu XML-RPC, Custom Taxo-
nomies und WordPress 3.3
URL: http://wpmag.org/gd
WordPress E-Mails gestalten
Im Smashing Magazine wird erklärt, wie
man die langweiligen Systemnachrichten
nach seinen Wünschen und Designvor-
gaben gestalten kann.
URL: http://wpmag.org/hc
WordPress 3.3 „Sonny“ erschienen
Der letzte Major Release 2011 brachte
eine überarbeitete Admin Bar und auch
einen neuen Uploader, der auch
Drag&Drop unterstützt.
URL: http://wpmag.org/gm
WordPress mehrsprachig mit Multisite
Die Firma Inpsyde entwickelt ein Plugin,
mit welchem mehrsprachige Websites
auf Basis einer Multisite-Installation um-
gesetzt werden können.
URL: http://wpmag.org/h7
WordPress Magazin 35
Rezension:
WordPress 3 — Das umfassende Handbuch

Am 28. November 2011 erschien im Ver-

lag Galileo Computing eine ufmangreiche
Anwender-Lektüre über WordPress.
Freundlicherweise habe ich ein Exemplar
zur Verfügung gestellt bekommen, um es
mir genauer anzusehen.

Infos zum Buch

Auf knapp 600 Seiten schreibt der Autor
über die Installation und die Oberfläche
von WordPress. Weitere Themen sind
selbstverständlich Plugins, Themes, SEO
und Sicherheit. Zum Abschluss gibt es
auch noch Praxisbeispiele und Tipps für
bessere Blogbeiträge, wobei ich letzteres
für ein WordPress-Buch nicht unbedingt
für notwendig erachte. Nützlich ist selbst-
verständlich die mitgelieferte Buch-CD.
Inhalt
WordPress 3 — Das umfassende Hand- Zu Beginn gibt es erst mal einen kleinen
buch Prospekt, der dem Buch beiliegt. Dieser
Preis: rund 30 Euro / 40 Franken zeigt aktuelle Buchtipps aus dem Verlag,
Autor: Alexander Hetzel die mich zugegebenermassen auch inter-
ISBN: 978-3-8362-1727-9 essieren. Von Social Media über C bis zu
Bei Amazon: http://wpmag.org/wp3duhb iPhone App-Entwicklung ist alles dabei.
Auf der darunter liegenden Seite ist ein
Zugangscode abgedruckt, mit der man
auf der Website Zusatzangebote herun-
terladen kann. Leider sind aktuell keine
verfügbar.

Das Inhaltsverzeichnis auf ganze neun

Seiten und beginnt mit einer Erklärung
von WordPress. Das ist wohl bei allen
Büchern so, denn ein wirkliches Buch für
fortgeschrittene Anwender fehlt leider
noch auf dem Markt. Wie im Vorwort er-
wähnt wird, richtet sich dieses Buch an
eine möglichst grosse Zielgruppe.

36 WordPress Magazin
Starke Lektüre
Nach einer Erklärung diverser Fragen zu
WordPress widmet sich das Handbuch
der Installation mit XAMPP. Während
dem Lesen springen einem immer wieder
hilfreiche Hinweise und Tipps ins Auge.
Bereits in Kapitel 4 wird auf die Erstellung
eines eigenen Themes eingegangen.
Nach einem sehr kurzen 5. Kapitel (Erklä-
rung der Blogfunktion) widmen sich dann
die nächsten drei Kapitel den Plugins.
Unglaublich, aber wir sind erst bei der
Hälfte des Buches!
In punkto SEO ist das Buch auf einem gu-
ten Stand, erwähnt etwa auch das noch
sehr junge WordPress SEO Plugin (nicht
zu verwechseln mit wpSEO). Nach einem
Abstecher zur Vermarktung des eigenen
Blogs gibt es auch noch Tipps für bessere
Beiträge.
Praxisbeispiele
Ich bin ja ein Fan von guten Beispielen,
denn so liest man nicht nur, sondern
gleich auch testen und tüfteln. Und eben
solche Beispiel gibt es in diesem Buch
sehr viele. Das Beste: Diese sind, neben
allen im Buch erwähnten Plugins, auch
auf der im Buch beigelegten CD.
Was mir persönlich fehlt
In bisherigen WordPress-Büchern, die
ich rezensieren durfte, gab es oft auch
eine CD. Das gehört wohl zum Standard,
es würde mich aber nicht stören, wäre
keine dabei. Ist ja schliesslich alles auch
online und dort meist aktueller. Schade
finde ich bei diesem Buch, dass zuwenig
auf die Community eingegangen wird. Es
gibt ja schliesslich WordPress DE und
grossartige Blogs rund um WordPress.
Stattdessen wird das Thema nur ange-
kratzt und auf WordPress.org selbst ver-
wiesen. Ergo keine Auflistung von weiter-
führenden Community-Links, die man
nach dem Lesen des Buches zur Weiter-
bildung aufsuchen kann.
Fazit
Abgsehen von dem kleinen Punkt, der
mir bei diesem Buch fehlte, konnte ich
nur lesen, lesen, lesen. Das Versprechen
in der Einleitung wegen den Zielgruppen
wurde meiner Meinung nach erfüllt, denn
mit diesem wirklich umfassenden Hand-
buch kommt jeder auf seine Kosten. Es
ist wohl das dickste WordPress-Buch bis-
lang und bietet auch dementsprechend
viel Informationen.
Wer mit WordPress arbeiten möchte oder
dies vielleicht auch schon tut, sollte sich
definitiv beim Buchhändler seines Ver-
trauens dieses Buch einmal anschauen.
WordPress Magazin 37
Theme Showcase
Nori
Nori ist das aktuellste Theme von Elma-
studio, welches nach dem Prinzip „mobile
first“ in einem Responsive Design umge-
setzt wurde. Es bietet diverse Theme Op-
tionen und weitere Features und kostet
zudem nicht alle Welt.
URL: http://wpmag.org/nori
Preis: 12 Euro
zeeBizzCard
Ein Business Card Theme der etwas an-
deren Sorte. Die Kombination schwarz/
weiss kommt sehr gut zur Geltung, wes-
halb das Design an sich zu gefallen ver-
mag.
URL: http://wpmag.org/zeebizzcard
Preis: kostenlos
38 WordPress Magazin
Virtuoso
Das neueste Theme von WPZOOM lau-
tet auf den Namen Virtuoso. Es ist eines
von vielen Portfolio Themes, lässt sich
aber ebenfalsl gut in anderen Bereichen
nutzen.
URL: http://wpmag.org/virtuoso
Preis: 69 Dollar
Colorway Lite
Das Lite verdeutlicht es schon, dieses
Theme ist nur der kleine Bruder des ei-
gentlichen Themes. Gut für uns, denn so
kann man es gratis herunterladen und er-
hält trotzdem diverse Einstellungsmög-
lichkeiten.
URL: http://wpmag.org/colorwaylite
Preis: kostenlos
Blaskan
Über das Blaskan Theme bin ich beim
Blog von Pixelfreund Ralph Hutter ges-
tossen. Ein relativ neues Responsive
Theme made in Schweden. Ideal für den
eigenen privaten Blog.
URL: http://wpmag.org/blaskan
Preis: kostenlos
Scope
Scope ist ein kostenpflichtiges Theme,
welches mir auf Anhieb sehr gefallen hat
und als gute Inspirationsquelle diente.
Und Autor Orman Clark verdient damit
auch ein schönes Sümmchen ;-)
URL: http://wpmag.org/scope
Preis: 40 Dollar
Artiste
Ebenfalls aus der Feder von Orman Clark
stammt dieses Portfolio Theme. Es über-
zeugt mit einem erfrischenden Design,
ganz nebenbei bietet es noch etliche Op-
tionen und Anpassungsmöglichkeiten.
URL: http://wpmag.org/artiste
Preis: 40 Dollar
Meerkats
Responsive Designs sind absolut im
Trend und ein eigentliches Must-have für
jedes neue Theme. Mit Meerkats hat man
dieses Feature bereits, muss jedoch auf
weiteren Schnickschnack verzichten.
Das Design ist schlicht und kann man
auch anpassen, wenn man möchte.
URL: http://wpmag.org/meerkats
Preis: kostenlos
WordPress Magazin 39
Theme Showcase
Bizz
Dieses Theme sieht auf den ersten Blick
vielleicht aus wie jedes andere, doch Bizz
hat einiges zu bieten. Die Startseite kann
komplett mit Custom Post Types gestaltet
werden und es gibt viele Page Templates.
URL: http://wpmag.org/bizztheme
Preis: kostenlos
Duet
Duet ist wohl eines meiner Lieblinge in
dieser Sammlung. Es ist schlicht, schön
und trotzdem voller technischen Fines-
sen. Das Beste: Es gibt eine kostenlose
Version, mit welcher man sich von den
Stärken überzeugen kann, bevor man zu-
greift.
URL: http://wpmag.org/duettheme
Preis: 68 Dollar
40 WordPress Magazin
Scribe
Das aktuelle Aushängeschild von Okay
Themes ist designt bis ins kleinste Detail
und legt etwa - im Gegensatz zu den
meisten Free Themes - auch Wert auf die
Gestaltung des eigentlichen Contents.
Zudem ist das Preis-Leistungs-Verhältnis
sehr gut.
URL: http://wpmag.org/scribe
Preis: 25 Dollar
Skeptical
Es ist immer gut, wenn die Themes nicht
alle gleich aussehen. Dies ist z.B. beim
Skeptical Theme von WooThemes gege-
ben. Dazu erhält man dann auch all die
Features, die man vom Anbieter gewöhnt
ist.
URL: http://wpmag.org/skeptical
Preis: kostenlos
JobJockey
JobJockey ist einmal ein anderes Theme
und tanzt etwas aus dieser Sammlung.
Damit kann man nämlich ohne viel Auf-
wand eine Online-Jobbörse betreiben.
Da das Theme sehr schön gestaltet ist,
mus man kaum viel verändern, wenn
man nicht möchte.
URL: http://wpmag.org/jobjockey
Preis: 69 Dollar
Timelaph
Falls man eine Website startet, diese
aber noch nicht ganz fertig ist, kann man
auf Timelaph zurückgreifen. Ein typisches
„Coming Soon“ Theme mit dem einzigen
Wermutstropfen, dass die Schrift in der
Standard-Ausführung viel zu klein gera-
ten ist.
URL: http://wpmag.org/timelaph
Preis: kostenlos
SportEdge
Wer ein absolutes Hingucker-Blog will, ist
mit dem SportEdge Magazine Theme
sehr gut bedient. Die Header-Slideshow
verteilt sich über die ganze Bildschirm-
breite und sorgt somit für den nötigen
Wow-Effekt.
URL: http://wpmag.org/sportedge
Preis: 49 Dollar
WordPress Anniversary Theme
Am 25. Januar vor 9 Jahren startete die
Geschichte von WordPress mit einem
Blogbeitrag von Matt Mullenweg. Letztes
Jahr haben WordPress Fans extra dafür
ein Theme erstellt, welches natürlich
auch jetzt wieder aktuell ist.
URL: http://wpmag.org/wpannietheme
Preis: kostenlos
WordPress Magazin 41
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
nicht immer um all 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