WordPress Magazin #7

WordPress
Magazin 7

Community

Social Media

WordPress 2011

Blog
wp-magazin.ch

Twitter
@wpmch

Facebook
facebook.com/wpmagazin

Wer steckt dahinter?

Was muss man beachten?

WordPress vernetzt Das

nchste Social Network?

Ein Best-of aller erschienenen

Artikel von uns und anderen

Inhalt
04 Web-Fundstcke
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 fr den tglichen 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

WordPress Magazin

Editorial
Zu Beginn eines neuen Jahres wird man
fr gewhnlich mit vielen Rckblicken
und rhrenden Worten berhuft. 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 mchte mich bei allen Lesern ganz
herzlich fr ihre Treue und ihr Engagement
danken. Oder wie man hier auf Romanisch
sagen wrde: Grazia fitg!
Die Arbeiten fr diese Ausgabe haben
wie immer relativ spt begonnen und so
war ich ziemlich im Stress, diese fr den
Januar fertigzustellen. Es gibt neben dem
Magazin nmlich noch viele Baustellen,
die Website ist nur eine davon.

Schon lange hegte ich den Gedanken,

dem Thema Social Media etwas mehr
Platz im WordPress Magazin einzurumen, was ich mit dieser Ausgabe auch
endlich umsetzen konnte.
Ich wnsche 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

Impressum
Herausgeber / Redaktion
Pascal Birchler

Twitter
twitter.com/wpmch

Layout
Haempa Maissen, 08eins GmbH

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

WordPress Magazin

Web-Fundstcke
WordAds
WordAds ist das neue Werbesystem von
WordPress.com, welches so funktioniert
wie Google AdSense, aber so klingt wie
AdWords. Blogger erhalten damit die
Mglichkeit, mit ihren Blogs auf der Blogplattform nebenbei Geld zu verdienen.
Quelle: http://wpmag.org/wordads

Toolbox Plugin fr Code Snippets

Es scheint, als ob modulbasierte Plugins
in Mode sind. In Sergej Mllers Toolbox
Plugin wird jedes Code Snippet als Modul
eingebunden und nur geladen, wenn es
auch bentigt wird.

XML-RPC Modernization Plugin

An manchen Stellen ist die XML-RPC
Schnittstelle von WordPress noch ziemlich unausgereift, vieles fehlt. Max Cutler
will das ndern, und hat seine Vorschlge
in ein Plugin zusammengefasst.
Quelle: http://wpmag.org/gs

Quelle: http://wpmag.org/toolbox
Editorial Calender Plugin
Der Editorial Calender stellt vergangene
und zuknftige Beitrge in einem Kalender dar. Per Drag & Drop knnen die Verffentlichungszeiten gendert werden.
Einfacher gehts nicht!
Quelle: http://wpmag.org/gq
Simple Image Sizes
Mit diesem Plugin kann man die diversen
Bildgrssen ganz einfach im Backend definieren und verwalten.
Quelle: http://wpmag.org/gp
Die WordPress Rewrite API
Bei Theme.fm wird ausfhrlich erklrt,
wie die URL Rewrites in WordPress funktionieren. Ntzlich fr jeden einsteigenden Entwickler.
Quelle: http://wpmag.org/tfmrewrite

WordPress Magazin

WordPress und echte Cronjobs

Artur Weigandt zeigt in seinem Blog, wie
man die bereits in Linux verfgbaren
Cronjobs in Verbindung mit WordPress
nutzen kann. Denn bekanntlich sind
WordPress-interne Cronjobs an Seitenaufrufe gekoppelt, also nie ganz genau.l
Quelle: http://wpmag.org/gt

Mime Type bei Uploads einschrnken

Frank Bltge zeigt, wie man beim DateiUpload nur bestimmte Dateitypen wie
etwa Word- und PDF-Dokumente zulassen kann.
Quelle: http://wpmag.org/gu

WooThemes Merchandise
Die Macher von WooThemes, einem
grossen Theme Marktplatz, verkaufen
neuerdings auch Plschninjas. Von den
bloss 100 verfgbaren Stck konnten
aber erst wenige an den Mann gebracht
werden.
Quelle: http://wpmag.org/gy
Matt Mullenweg im Interview
Ein japanisches Magazin hat ein Interview mit Matt durchgefhrt zum Thema
Automattic und WordPress. Zum Glck
aber in Englisch. Das Lesen lohnt sich.
Quelle: http://wpmag.org/g-

PHP Fehlermeldungen erklrt

Ein Gastartikel im Smashing Magazine
erklrt die unterschiedlichen Error Level,
und Steuerungsmglichkeiten insbesondere fr 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.

Warum Optionen schlecht sind

Ein ausfhrlicher Artikel bei WP Tavern
erlutert, warum WordPress weniger Optionen hat, sondern Entscheidungen gefragt sind. Das knnen sich oft auch Theme Frameworks zu Herzen nehmen,
denn es geht nicht um viele Optionen,
sondern um die richtigen.
Quelle: http://wpmag.org/h0

Quelle: http://wpmag.org/gv
WordPress Konstanten im berblick
Dominik Schilling hat in seinem Blog eine
ntzliche Auflistung aller verfgbarer
PHP-Konstanten in WordPress verffentlicht. Erstaunlich, was man alles ndern
kann.
Quelle: http://wpmag.org/gz

WordPress Magazin

Web-Fundstcke
Twitter mit oEmbed Support
Gut zu wissen: Twitter untersttzt seit
Kurzem oEmbed, mit welchem man
Tweets nur anhand der URL auf einer
Website einbinden kann. Wird voraussichtlich in WordPress 3.4 eingebaut,
kann aber schon vorher genutzt werden.
Quelle: http://wpmag.org/twoembed

Einfhrung 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

Twitter Profil als Photoshop Datei

Wer sein Web-Profil bei Twitter aufhbschen will, kann nun zuerst in Photoshop
experimentieren. Im Smashing Magazine
hat man nmlich eine aktuelle Version
des PSD Files zur Verfgung gestellt.
Quelle: http://wpmag.org/go
LiveReload
LiveReload ist eine kostenlose Mac App,
die bestimmte Ordner auf nderungen
berwacht. SASS-; LESS- und weitere
untersttzte Dateien werden automatisch
umgewandelt und das Browserfenster
neu geladen.
Quelle: http://wpmag.org/livereload

CSS leicht gemacht

Passend zu OOCSS und LiveReload
zeigt Stefand Neufeind bei t3n.de, wie
einfach und ntzlich CSS Erweiterungen
wie SASS und SCSS sind.
Quelle: http://wpmag.org/h2
linkRiss! Newsletter
Der Schweizer Christian Leu, besser bekannt als Leumund, schreibt eine wchentliche Kolumne rund um das Leben
im Netz. Immer kurz und bndig - und absolut 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

WordPress Magazin

facturandum
Ein paar Schweizer Web Entwickler haben sich zum Ziel gesetzt, mit facturandum eine neue Web App zu erstellen, mit
der man Projekte verwalten und Rechnungen erstellen kann.
Quelle: http://wpmag.org/facturandum

Der Social-Networks-Posting-Planer
fr das ganze Jahr
Was soll man denn bloss das ganze Jahr
lang auf den verschiedenen Kanlen posten? Maximilian Buddenbohm hat die
Antwort in Form eines umfangreichen
Planers, wo garantiert fr jeden was zum
Schmunzeln dabei ist.
Quelle: http://wpmag.org/h1
CSS Alert Bar
Joshua Hibbert zeigt, wie man nur mit
CSS eine Benachrichtigungsleiste erstellen kann, die automatisch erscheint und
auch wieder weggeklickt werden kann.
Quelle: http://wpmag.org/cssalertbar

Simon wrde 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 knnen, dass sie einen Artikel gelesen haben und ihn gut finden.
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 Fllen benutzt. Zwar
sprachlich etwas unter der Grtellinie,
aber witzig ist es allemal.
Quelle: http://wpmag.org/gx

Bottlenose
Auf dem eigentlich schon sehr unbersichtlichen Markt der Social Media Analyse 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

Updates
WordPress.com
Wie der Blog Hoster krzlich bekannt
gab, ist man eine Partnerschaft mit dem
Werbeunternehmen Federated Medie
eingegangen. Diese soll es Bloggern erlauben, mit ihren Beitrgen Geld zu verdienen. Die Anzeigen sollen gezielter
sein als bei Google Anzeigen.
Quelle: http://wpmag.org/g0
WordPress.org
Die aktuellste WordPress Version ist derzeit 3.3.1, welche bereits ber 5.5 Millionen mal heruntergeladen wurde.
Das WordPress Plugin-Verzeichnis wurde etwas berarbeitet, bietet ein aufgefrischtes Design und aktualisiert jeweils
beinahe in Echtzeit.
Mehr Infos: http://wordpress.org/
BuddyPess
Am 10. Januar wurde mit BuddyPress
1.5.3.1 ein Kompatibilitts-Update fr
WordPress 3.3 verffentlicht.

bbPress
bbPress 2.0.2 ist die aktuellste Version
und wurde Ende November verffentlicht.
ber Probleme mit WordPress 3.3 ist leider nichts bekannt
Mehr Infos: http://bbpress.org/
Mobile
WordPress fr iOS liegt in der aktuellen
Version 2.9.3 vor, welche vor allem Bugs
behoben hat.
Mehr Infos: http://wpmag.org/wpios

Kurz vor Weihnachten wurde die BuddyPress Website einem Redesign unterzogen. Das neue Layout kann sich definitiv
sehen lassen.

Bei Android brachte Version 2.0 jedoch

massive nderungen: Die App erhielt ein
neues Dashboard, einen neuen Editor
und den lang ersehnten Support fr Tablets.

Mehr Infos: http://buddypress.org/

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

WordPress Magazin

WordCamps
WordCamp Atlanta
3. 4. Februar
Atlanta, USA
2012.atlanta.wordcamp.org

WordCamp Niederlande
24. 25. Mrz
Utrecht, Niederlande
2012.netherlands.wordcamp.org

WordCamp Cuttack
11. 12. Februar
Cuttack, Indien
2012.cuttack.wordcamp.org

WordCamp San Diego

24. Mrz
Kalifornien, USA
2012.sandiego.wordcamp.org

WordCamp Miami
17. 18. Februar
Miami, USA
2012.miami.wordcamp.org

Es gibt noch viele mehr, doch leider sind

die Daten oft noch nicht bekannt! Weitere
WordCamps findet man unter:
central.wordcamp.org/schedule/

WordCamp Phoenix
24. 26. Februar
Phoenix, USA
2012.phoenix.wordcamp.org

Wer lieber einen kleineren Rahmen hat,

findet unter wordpress.meetup.com eine
Vielzahl an WordPress-Treffen - auch in
Deutschland!

WordCamp Slowakei
17. Mrz
Zilina, Slowakei
2012.slovakia.wordcamp.org

WordPress Magazin

Die WordPress Macher

Vorgeschichte
Die Open Source Software WordPress
kann auf eine langjhrige Vergangenheit
zurckblicken. Die erste offizielle Version
0.70 erschien am 27. Mai 2003, herunterladen 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 beratende Funktion inne hat. Das Projekt
stammt eigentlich von der Blog Software
b2 ab, doch deren Autor Michel Valdrighi
hatte kaum mehr Zeit fr das Tool, weshalb 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 Zusammenhang mit WordPress immer wieder
auf. Matt Mullenweg hat die Firma 2004
gegrndet, um damit WordPress.com zu
starten. Mit den Erlsen der Blog-Plattform wird auch direkt die Entwicklung von
WordPress finanziert und vorangetrieben.
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 gegrndet, welche mittlerweile die Markenrechte besitzt
und WordPress.org betreibt.
Website: http://automattic.com/
(Man beachte das Doppel-T im Namen)

WordPress Foundation
Kurz nach der Grndung der Foundation
durch Matt Mullenweg konnten bereits
die ersten Spenden verzeichnet werden.
Automattic hat z.B. die Marke WordPress symbolisch an die neu geschaffene WordPress Foundation bertragen.
Erste Projekte waren dann die Bereitstellung 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 Untersttzung der zahlreichen
WordCamps ist aber ersichtlich.
Mehr Infos:
http://wordpressfoundation.org/

Mitwirkende
Im Endefekkt kriegt man als Nutzer nicht
viel von den ganzen Hintergrnden mit.
Der Name Automattic taucht zwangslufig ab und zu auf, schliesslich finanziert
das Unternehmen die Entwicklung.
Seit WordPress 3.2 gibt es eine spezielle
Seite im Backend, auf der die verschiedenen Entwickler vorgestellt werden. Die
Liste reicht von den Projektleitern bis hin
zu Personen, die auch nur einen einzelnen Patch beigesteuert haben. In WordPress 3.3 wurde dann diese Seite etwas
prsenter dargestellt, nmlich als Menpunkt 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 Entwickler, etwa Andrew Nacin, der wohl einer der bekanntesten bzw. aktivsten sein
drfte. Mit Dominik Schilling gibt es brigens auch einen fleissigen deutschsprachigen Entwickler.
Nicht zu vergessen: Jeder kann an WordPress mitarbeiten und etwas dazu beitragen, sei es im Support Forum, als Entwickler oder Designer. So kann man auch
etwas dagegen unternehmen, wenn man
mit etwas an der Software nicht ganz zufrieden ist.

WordPress Magazin

11

Automattic sperrt Plugins mit

Spende-Buttons
Hinweis: Dieser Artikel wurde am 5. Dezember im Blog verffentlicht, darauf folgende 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 angeschaut habe, staunte ich nicht schlecht.
Da stand nmlich, dass der Autor nicht
nur Hinweise auf Spendemglichkeiten
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 versicherte, wurde er von Automattic dazu aufgefordert, die eingebundene Werbeflchen von PluginSponsors.com per sofort
zu entfernen. PluginSponsors.com ist ein
speziell fr Plugin-Autoren errichtetes
Werbenetzwerk. Wer Plugin-Autoren untersttzen will, kann ber die Website
Werbung in den Einstellungsseiten des
Plugins schalten.
Greg Mulhauser, der Grnder des Dienstes, hat offenber hnliche Forderungen
erhalten mit der Begrndung, dass die
Plugins mit dieser Lsung nach Hause telefonieren, sprich Daten von einem externen Server laden.

12

WordPress Magazin

In einem ausfhrlichen Blogbeitrag erklrt er die ganze Sache aus seiner Sicht.
PluginSponsors.com wurde mittlerweile
eingestellt, da es unter diesen Umstnden schliesslich nicht weiter betrieben
werden kann.
Meinungen
David Decker hat zur gleichen Zeit Gregs
Artikel bei Google+ geteilt, was prompt zu
einigen Reaktionen fhrte. So scheint Automattic die Plugin-Autoren nicht auf eigene Faust angeschrieben zu haben,
sondern auf Grund von Beschwerden von
Nutzern, die sich durch die stndige Werbung gestrt fhlten.

WordPress-Entwickler Dominik Schilling

hat spter ein offizielles Statement dazu
erhalten. So gelten offenbar diese Regeln
vor allem, um das Spamaufkommen zu
vermindern. Hlt man sich daran, darf
das Plugin auch nach Hause telefonieren, allerdings muss der Nutzer dies explizit erlauben und natrlich im bestimmten Rahmen. Die Richtlinien gibt es
offenbar schon lnger, wurden aber erst
jetzt teilweise verffentlicht.
Somit gilt: Wer in Zukunft ein Plugin im
offiziellen Verzeichnis verffentlichen will,
muss zuerst die Plugin Guidelines lesen
und erfllen.

Domain-Richtlinien
Aus wordpress-deutschland.org wird
wpde.org
hnlich ergangen wie bei den Plugins ist
es WordPress Deutschland, allerdings
ging es dabei um die Domain. Denn die
WordPress Foundation duldet keine Projekte, die WordPress ausgeschrieben in
ihren Internetadressen nutzen.
Fr WordPress Deutschland, die vorher
unter wordpress-deutschland.org operierten, hat man wohl bis vor Kurzem eine
Ausnahme gemacht bzw. dies geduldet.
Am 6. Dezember mussten die Community-Verantwortlichen jedoch bekanntgeben, dass das Projekt neuerdings nur
noch unter wpde.org erreichbar sein wird.
Zitat aus dem Blogpost:

WordPress Domain-Richtlinien
Weitere Informationen zu den Markenund Domain-Richtlinien findet man unter
WordPress.org Dort heisst es, dass etwa
die Verwendung des kompletten Namens
in einer Subdomain ok ist, sollte man aber
eine nicht Richtlinien-konformen Website
sehen, msse man den Anbieter
kontaktieren und ihn darauf hinweisen.
Weiterleitungen sind, wie der Fall von
WordPress Deutschland zeigt, erlaubt.

Die Foundation hat uns gebeten unseren

Domainnamen umzustellen, dieser Forderung mssen wir ebenso wie andere
WordPress-Communitys nachkommen.
Wir haben uns bemht die alte Domain
zu behalten, aber die Foundation lsst
diesbezglich nicht mit sich reden die
einzigen Projekte, die den Namen offiziell
im Domainnamen fhren drfen sind
WordPress.org und WordPess.com.
Diese Massnahme betrifft in Zukunft auch
noch andere Projekte, wobei man wahrscheinlich momentan noch geringe Bedenken haben muss, wenn man nicht gerade so gross und bekannt ist wie
WordPress Deutschland.

WordPress Magazin

13

Video Thumbnails automatisch

laden mit oEmbed
Mit WordPress 2.9 wurde die Mglichkeit eingefhrt, Videos einer Vielzahl von
Websites ohne grossen Aufwand einzubinden. Dazu muss man lediglich die URL
eines Videos auf einer einzelnen Zeile
einfgen, danach kann man ganz normal
mit dem Schreiben fortfahren. Das Ganze
funktioniert mit der sogenannten oEmbed
Technik. Diese habe ich mir fr die folgende Herausforderung zu Nutzen gemacht.
Anforderung
Fr eine aktuelle Aufgabe suchte ich einen Weg, um einfach Vimeo Videos auf
einem Blog zu verffentlichen. Die Umsetzung erforderte einige Details, sodass
rasch Custom Post Types eingesetzt wurden. 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 einerseits das Video auszugeben und andererseits auch direkt das Standbild des
Videos als Post Thumbnail zu speichern.

oEmbed
oEmbed ist ein Format fr die eingebettete Darstellung einer URL auf anderen
Websites. Mit seiner simplen API knnen
Websites eingebettete Inhalte wie Fotos
und Videos einfgen, indem ein User
bloss den Link dazu einfgen muss. Dazu
definiert der Anbieter ein Muster, wie seine URLs aufgebaut sind, auf welches
dann WordPress die URL untersuchen
kann. Wird festgestellt, dass es eine gltige URL zu einem Vimeo Video ist, wird
deren API aufgerufen.
Weitere Informationen zum Einfgen von
Videos in WordPress gibt es im WordPress Codex. Es gibt auch eine Dokumentation der Vimeo oEmbed API.
Umsetzung
Bei der Umsetzung war ich darber erstaunt, wie viele Zeilen Code es schlussendlich bentigte, um das Ganze zum
Laufen zu bringen. Doch fangen wir einmal 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
eingefgt:
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 DatenbankObjekt. Mit der zweiten If-Abfrage stellen
wir sicher, dass noch kein Post Thumbnail gesetzt wurde und dass eine Video
URL angegeben wurde. Danach ldt man
via API die Informationen zum Video. und
wandelt den JSON String in ein PHP Objekt um.

14

WordPress Magazin

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 verwirrt, wenn er nach WordPress googeln
mchte: Es gibt da einerseits das grosse
Portal WordPress.com und dann gibt es
noch WordPress.org. Vom Namen her
sind die Seiten natrlich gleich, doch die
Inhalte sind ziemlich verschieden. Was
steckt also wirklich dahinter, und welche
Website ist die richtige fr den Otto Normalblogger?

WordPress.com - Der Bloghoster

Nach dem ersten Release der Open
Source Software WordPress verging rund
ein Jahr, bis WordPress.com seine Pforten ffnete. Das Ziel war einfach: Den Benutzern eine Plattform zum einfachen Publizieren ihrer Inhalte geben - und ber
kurz oder lang auch Geld verdienen.
Das Prozedere ist einfach: Man meldet
sich an, gibt dafr Namen und E-Mail Adresse an und schon ist man dabei. Entweder man beginnt sofort mit Bloggen an
oder whlt vielleicht zuerst noch eines
von Hunderten verfgbaren Themes aus.
Der eigene Blog ist dann z.B. ber die Adresse meincoolerblog.wordpress.com im
Netz erreichbar.

16

WordPress Magazin

Zwar ist dies alles kostenlos und fr den

einfachen Blogger auch ausreichend,
doch es gibt zahlreiche Zusatzinhalte, fr
die man dann eben zahlen muss. So kostet eine eigene Domain ganze 12 Dollar
pro Jahr, fr extra Designanpassungen
(CSS) zahlt man ganze 30 Dollar pro
Jahr. Rechnet man alle Kosten zusammen, kommt man auch bereits an die
Kosten fr einen eigenen Hoster heran.
Wre 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 Hnden.
Dafr kann man jedoch alles damit anstellen, was das Herz begehrt. So kann
man eines von ber 17'500 verfgbaren
kostenlosen Plugins installieren oder
auch eines kaufen. Auch Themes gibt es
Tausende, welche man dann nach Lust
und Laune an seine eigenen Wnsche
anpassen kann.

Vorteile von WordPress.com

Wer innert wenigen Minuten mit Bloggen
beginnen will und dies auch nur so nebenbei verfolgt, der ist mit WordPress.
com sicher gut bedient. Es gibt bereits
von Beginn weg viele Widgets und man
kann aus einer Vielzahl von verfgbaren
Themes whlen. In diesem Sinne muss
man keine Zeit fr die Einrichtung und
technische Konfiguration des Blogs aufwenden.
Ein WordPress.com kann auch ideal als
Spielwiese genutzt werden und ist im
Zweifelsfall schnell gelscht. Das gute an
dieser Spielwiese: Die Updates werden
jeweils automatisch vorgenommen, man
muss sich also erst gar nicht darum kmmern.

Meiner Meinung nach ist WordPress.com

geeignet fr Einsteiger, die sich mit WordPress auf Neuland bewegen. Ernsthafte
Blogs sind so natrlich auch mglich,
aber ohne das ntige Kleingeld geht nicht
viel.

Darum WordPress.org
Aus meiner Sicht ist die selbst gehostete
Variante der Blog-Plattform vorzuziehen,
sobald man etwas Professionelles aufziehen mchte und keine Schranken will.
Mglich ist natrlich auch, sich bei der
Technik helfen zu lassen, so hat man
dann genau das Blog, das einem gefllt.
Fazit
Je grsser 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
hnlichen Vergleichsbeitrag.

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 nmlich 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
verffentlicht wurde, gab es schon viele
Skeptiker. Wer wrde schon einen
eigenen Diaspora-Server (sog. Pods)
betreiben wollen? Manche sagten auch,
dass WordPress User die ideale
Zielgruppe fr das Projekt wren, da
diese oft schon eigene Server htten und
auch eher noch einigermassen die
Technik verstnden.
WordPress 3.3 wurde bereits ber 2.5
Millionen mal heruntergeladen und es
laufen noch tausende weitere Websites
damit. Alles potenzielle Pods, die
miteinander verbunden werden knnten.
Jeder behlt dabei seine Daten auf
seinem Serverplatz, knnte aber von der
gegenseitigen Vernetzung profitieren.

18

WordPress Magazin

Das riesige WordPress.com

Wie man auf der Statistik-Seite von
WordPress.com erfhrt, heisst es bei um
die 70 Millionen Websites Powered by
WordPress. Etwas weniger als die Hlfte
liegt dabei auf den Servern von
WordPress.com. Dort gibt es tglich rund
500'000 Beitrge und beachtliche 400'000
Kommentare. Wow!
Der Dienst wird desfteren mit dem
rasant wachsenden tumblr verglichen,
welches eben nicht nur Blog-Hoster
sondern auch Social Network ist. User
knnen anderen Blogs folgen, Beitrge
rebloggen und dies alles mit demselben
Benutzernamen. Unlngst hat man bei
hnliche Features bei der Konkurrenz
auch eingefhrt, denn es ist ein Schritt in
die richtige Richtung.
Die Interaktion zwischen den Nutzern ist
wichtig und wird so gefrdert. Man kann
Freuden Blogs empfehlen, wie man
lustige Katzenvideos auf Facebook teilt.
Doch was macht die andere Hlfte der 70
Millionen WordPress-Blogs?

Ist Jetpack die Antwort?

Wer die Entwicklung von WordPress.com
etwas mitverfolgt hat, dem drfte Jetpack
ein Begriff sein. Es ist eine Sammlung
von mehreren Plugins unter einem Hut,
die auch knftig 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 fr Blog-Abos,
Shortcode-Embeds fr Videos oder auch
ein Modul fr die Rechtschreibprfung.
Dank Vertrgem mit grossen HostingAnbietern (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 verknpfen, 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 Mglichkeiten
Beim Social Network und WordPress
dachte ich sofort auch an das Plugin
BuddyPress, welches ja aus WP eine Art
Social Network machen soll. Natrlich
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
verknpfen.
Unter dem Namen SocialRiver gab es da
sogar mal einen Ansatz, doch leider ist
die Website zurzeit offline. Wir werden
also sehen mssen, was uns die Zukunft
in diesem Bereich noch bringen wird.

Die Grundlage wre 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 bermssig nach
Hause (Datenschutz-Bedenken) und fr
viele Aufgaben gibt es auch bessere
Alternativen.

WordPress Magazin

19

10 Social Media Plugins

fr den tglichen Einsatz
Sociable
Das wohl bekannteste und beliebteste
Social Bookmarking Plugin mit ber 1
Million Downloads.

Simple Twitter Connect

Ein mchtiges Plugin zum automatischen
Twittern von Beitrgen, Login via Twitter
und vielem mehr.

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

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

Twitter Embed
Mit diesem Plugin kann man kinderleicht
Tweets einbinden, auch wenn das wohl
mit WordPress 3.4 nicht mehr ntig sein
wird, da es in den Core integriert werden
soll.

2 Click Social Media Buttons

Fgt die Buttons fr Facebook Like,
Twitter, Flattr und Google+ dem deutschen
Datenschutz entsprechend auf eurer
WordPres Site ein.

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 mglich.
Mehr Infos: http://wpmag.org/mcsocial
Twitter Tools
Damit lassen sich ganz einfach neue
Beitrge automatisch via API bei Twitter
verffentlichen.
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 mglich.
Mehr Infos: http://wpmag.org/hl

20

WordPress Magazin

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

Social Metrics
Ein einfaches Plugin, welches mit Hilfe
der Social Media Buttons anzeigt, welche
Beitrge wie oft geteilt wurden.
Mehr Infos: http://wpmag.org/hm
wpTwitBox
Sergej Mllers Lsung fr das Problem
des bentigten 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 zhlt
ber 760'000 Downloads und ermglicht
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 Lsung auf
WordPress-Basis an. Ich interviewte
dazu Philip Hetjens und Mathias Vettiger,
um zu erfahren, wie wichtig Social Media
und WordPress fr Blogwerk sind.
Die Interviewpartner
Mathias Vettiger: Ich bin seit Anfang 2010
bei Blogwerk und nach Philip der
zweitdienstlteste Mitarbeiter. Ich komme
eigentlich aus der journalistischen Ecke,
habe dann aber mit einem Master an der
Universitt St. Gallen mehr die Richtung
Marketing eingeschlagen. Bei Blogwerk
bin ich als Account Manager beschftigt,
was heisst: Projekte mit Kunden von A bis
Z durchziehen. Wir haben keine eigentlich
Verkaufsabteilung, das gehrt also auch
zu meinem Job. Meine Schwerpunkte
sind im Moment das Leiten von Webprojekten und Community Management.
Philip Hetjens: Ich bin seit 2008 bei der
Blogwerk AG in Zrich beschftigt, und
habe das Unternehmen von anfangs fnf
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
Geschftsleitung. Jeder hat seinen
eigenen fachlichen Bereich. Ich bin
zustzlich Leiter Technologie, und
verantwortlich fr die Softwareentwicklung
und den Betrieb unserer Plattformen

22

WordPress Magazin

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
mssen. So vorgefertigt es sich anhrt,
aber doch ehrlich so ist: Unsere Strke
sind unsere Mitarbeiterinnen und
Mitarbeiter, die jeden Tag aufs 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.

Wie wichtig sind fr netzwertig.com & Co.

die sozialen Medien?
Philip: Zwischen unseren eigenen Blogs
gibt es sehr grosse Unterschiede. Fr
netzwertig.com, unser Blog ber Internetkonomie und Social Media, sind Twitter
und Facebook als Trafficlieferant sogar
wichtiger als Google.
Ganz anders sieht es bei fokussiert.com,
unserem Blog fr 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 abhngt, 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: Fr uns als Unternehmen sehen
wir diese Abhngigkeit von der Zielgruppe
auch: Auf Twitter hren 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 fr
Social Media. Spielen Blogs immer noch
eine Hauptrolle?
Mathias: Fr uns: Auf jeden Fall. Wir sind
davon berzeugt, dass ein gut gefhrtes
Unternehmensblog, das ber die richtigen
Themen mit der richtigen Sprache
schreibt, die Zentrale fr 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 htten wir
nutzen sie gerne und oft; aber die Website
und als Teil davon ein Blog, steht fr uns
in der Mitte der Online-Kommunikation
und ist Ausgangspunkt fr allfllige
weitere Plattformen.
Welches
sind
die
hufigsten
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 Potenzial von Kommunikation ber Social
Media. Dementspechend drehen sich
viele Anliegen um das Thema: Wie kommunizieren wir besser im Internet. Wenn
wir das genauer aufschlsseln sind es
dann verschiedenste Anliegen, mit denen
Kunden zu uns kommen: Sie wollen lernen, 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 Projekts hilft: Websites, Facebook-Auftritte,
Facebook-Kampagnen. Also wie gesagt:
alles, was sich um Kommunikation im Internet dreht.
Euer Aushngeschild ist das Social Media
Kit. Was kann es?
Mathias: Wir haben in vielen WebsiteUmsetzungen, die wir ja mit unserem
Leib-und-Magen-CMS WordPress machen, immer wieder hnliche Kundenprobleme festgestellt. Kunden mchten
berall prsent sein Website mit Blogs,
Facebook, Twitter, Youtube, Newsletter
aber sie sind verstndlicher-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
grssere
Erweiterungen
fr
WordPress, mit denen die OnlineKommunikation einfacher und schneller
erledigt werden kann: Automatisches
Posten auf verschiedenste Social-MediaDienste, Abholen der Antworten dieser
Dienste und die Mglichkeit, wiederum zu
antworten
sowie
eine
einfache
Drag&Drop-Lsung fr das Zusammenstellen 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 fr
diese Aufgabe?
Philip: ber die ursprngliche Entscheidung kann ich nur mutmassen, aber wenn
man sich ins Jahr 2006 zurckversetzt,
gab es eigentlich nur Movable Type und
WordPress als ernsthafte selbstgehostete Blogsoftware.

24

WordPress Magazin

Bereits damals war die Entwicklung und

die Community von WordPress sehr aktiv
und zustzlich wurde im WordPress-Umfeld alles professioneller mit Berufung
von Toni Schneider, immerhin ein Schweizer, als CEO von Automattic, was uns Zukunftssicherheit vermittelt hat.
Im Sommer 2009 als wir ernsthaft mit der
Agenturarbeit begonnen, haben wir
nochmal unsere Entscheidung fr
WordPress besttigt. 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. Fr 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

auch, dass WordPress immer erwachsener wird, sich also vom Blog-CMS
zum vollwertigen Website-CMS entwickelt hat.
Engagiert ihr euch auch in der WordPress
Community?
Philip: Ich mag die Community, sowohl
hier in der Schweiz als auch international.
Ich habe einige Plugins verffentlicht, die
auf Blogwerkarbeit basierten. Ausserdem
haben wir Artikel fr das t3n Magazin zum
Thema WordPress verfasst. Wir waren
auch mit mehreren Vortrgen am
WordCamp Switzerland vertreten und
haben es als Medienpartner untersttzt,
und werden diese Aktivitten auch
weiterhin durchfhren.
Was spricht dagegen, das Social Media
Kit als Software as a Service auch fr
private Blogs anzubieten?
Philip: Grundstzlich spricht nichts
dagegen. Wir mssen 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 fr
die Entwicklung aufkommen. Deswegen
knnen wir kein kostenlosen Service
anbieten oder nach dem FreemiumModell vorgehen. Wir mssen 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 fhrt.

Eure Prognosen fr Social Media im

neuen Jahr?
Mathias: Ich denke, Social Media werden
weiter gedeihen und in dem Zuge auch
professioneller werden. Gleichzeitig
kommt aber auch ein gewisser
Rechtfertigungsdruck, und das bedeutet
letztlich, dass man mit Zahlen zumindest
teilweise belegen knnen muss, was all
diese
Social-Media-Aktivitten
dem
Unternehmen bringen.
Philip: Nachdem 2009 Twitter und vor allem 2010 Facebook im Vordergrund
stand bei Unternehmen, sind seit 2011
Blogs im Kommen. Unternehmen verstehen, dass Blogs den Vorteil haben, dass
man die volle Kontrolle ber Inhalt und
Aufbau hat. Ich gehe davon aus, dass
dieser Trend noch ganz 2012 anhalten
wird. Fr Unternehmen werden aber auch
Videos immer wichtiger, und ich denke
wir werden 2012/13 in diesem Bereich
noch einige Entwicklungen sehen.

WordPress Magazin

25

How-To:
Facebook IFrame Landing Page erstellen
Im Mrz letzten Jahres verffentlichte ich
im Blog eine Anleitung, wie man eine Anwendung auf Facebook erstellen kann,
die dann als Standard-Reiter einer Fanpage dient. In der Zwischenzeit hat sich
dabei einiges getan, weshalb ich dieses
Tutorial hier in aktualisierter Form prsentiere.
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
fr bestimmte Aktionen oder Wettbewerbe
verwenden.Normalerweise hat eine Seite
die Reiter Pinnwand, Fotos und vielleicht
noch Veranstaltungen. Weitere knnen
durch Facebook Apps aus dem Appverzeichnis hinzugefgt werden.
Erstellt man eine Anwendung, ist dies im
Prinzip eine gewhnliche Website, die
dann in einem IFrame eingebunden wird.
Dies ermglicht beispielsweise das Einbinden von Javascript und Ausfhren von
serverseitigem Code.

26

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 App wie Diskussionen
oder Veranstaltungen angelehnt sein.
Da der Name ffentlich ist, sollte man einen sinnvollen Namen whlen, wie z.B.
den Titel des Blogs. Man kann den Namen allerdings spter auch noch berschreiben. Danach muss man dann dieeigentlichen Einstellungen vornehmen.
Hier gibt es im Wesentlichen nur ein paar
wichtige Punkte.

Wichtig is, dass man ein Symbol

(16x16px) hochldt, da dies spter in der
Navigation angezeigt wird. Am besten
eignen sich Gif-Bilder mit transparentem
Hintergrund. Auch die Sprache schaltet
man vorsichtshalber lieber auf Deutsch
um, ich konnte bislang allerdings nie eine
Auswirkung erkennen. Diese Einstellung
drfte wohl nur wichtig sein, wenn man
seine Anwendung ins Verzeichnis stellt.
In unserem Fall bleibt die Anwendung
aber privat.
Beim Punkt, wo man auswhlen kann,
wie die Seite mit Facebook interagiert,
whlen wir Seitenreiter aus. Dort muss
man einen Namen fr den Reiter sowie
zwei URLs eintragen. Eine mit http und
eine mit https. Man muss dafr kein SSLZertifikat haben, es reicht, wenn die https-URL einfach erreichbar ist. So erhlt
man dann im Browser unter Umstnden
eine Warnung, muss dann aber dafr
kein teures Zertifikat kaufen.

Jetzt kann man die nderungen speichern. In der linken Leiste klicken wir anschliessend auf Profilseite der Anwendung anzeigen. Auf dieser knnen wir
dann, ebenfalls in der linken Leiste, auf
Zu meiner Seite hinzufgen klicken. Im
folgenden Men whlt man dann die gewnschte Fanseite aus.
Hinweis: Ab dem 1. Februar 2012 werden
die Anwendungsprofile ersetzt, dann
drfte sich dieses Prozedere in den
Schritten etwas verndern.

WordPress Magazin

27

How-To:
Facebook IFrame Landing Page erstellen
Konfiguration auf der Fanseite
Wir haben nun erfolgreich die App zu der
Fanseite hinzugefgt und der Reiter ist
sichtbar. Allerdings wird die Anwendung
noch nicht standardmssig allen Nutzern
angezeigt. Dazu muss man nmlich noch
die entsprechende Fanseite bearbeiten
und unter dem Punkt Genehmigungen
verwalten den Standard-Reiter fr NichtFans ndern.
Man kann unter Anwendungen auch
den Tab-Namen berschreiben, falls man
mchte. Zudem hat man die Mglichkeit,
sich einfach einen Permalink zum entsprechenden Reiter anzeigen zu lassen.
Der Code
Jetzt knnen wir uns nun der eigentlichen
Applikation widmen. Dazu erstellt man im
Programm seiner Wahl eine PHP Datei
mit einfachem HTML-Grundgerst, dazu
reicht z.B. schon Adobe Dreamweaver.
Als Nchstes bindet man das Facebook
PHP-SDK ein. Ein entsprechendes CodeBeispiel liegt bei:
<?php
require '../src/facebook.php';
$facebook = new Facebook(array(
'appId' => '123456789',
'secret' => '1234abcd',
));
// Get User ID
$user = $facebook->getUser();
if ($user) {
try {
$user_profile = $facebook>api('/me');
} catch(FacebookApiException
$e) {
$user = null;
}
}
?>

28

WordPress Magazin

Damit initialisieren wir die Klasse und laden das aktuelle User-Objekt, welches
Facebook uns zur Verfgung stellt. So
erhalten wir bereits erste Informationen
zum Benutzer, ob er etwa berhaupt eingeloggt ist oder nicht. Da wir jedoch weitere Features wie den Like Button und die
Mglichkeit, die Seite mit Freunden zu
teilen, nutzen wollen, bentigen wir diese
Daten auch in Javascript. Dazu laden wir
zustzlich 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
});
};
(function(d){
var js, id = 'facebookjssdk'; if (d.getElementById(id))
{return;}
js =
d.createElement('script'); js.id
= id; js.async = true;
js.src = "//connect.
facebook.net/de_DE/all.js";
d.getElementsByTagName('head')
[0].appendChild(js);
}(document));
</script>

Dieser Code hat einige Besonderheiten,

so verlangt etwa Facebook eine ChannelDatei auf dem eigenen Server, damit die
Performance besser ist. Was in dieses
File gehrt, 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 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. Standardmssig ist das IFrame
800px hoch, besser wre aber eine variable Hhe. Schliesslich will man ja keine
Scrollbalken, welche das mit 520 Pixel
schon schmale Layout je nach Browser
nochmals um einige Pixel reduzieren
wrden. Dies bedarf aber ein paar kleinen Anpassungen.
Auto Resize
In den Einstellungen unserer FacebookAnwendung knnen wir unter dem Punkt
Fortgeschritten unter Canvas Height
eine flexible Hhe auswhlen. Zustzlich zu dieser Einstellung muss man
aber noch in der vorherigen Init-Funktion
window.fbAsyncInit folgende Zeile einfgen:

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 Gefllt
mir neu laden. Mit Hilfe des GET-Parameters app_data kann man beim Reload
bestimmte Werte an die Anwendung
bergeben, z.B. um eine Nachricht fr
den neuen Fan anzuzeigen. Folgende
Snippets kommen dafr 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';
});

FB.Canvas.setAutoGrow();

WordPress Magazin

29

How-To:
Facebook IFrame Landing Page erstellen
Dialoge
Ein weiterer Vorteil des Javascript SDKs
ist die Mglichkeit, dem User Dialoge
anzeigen zu knnen. So lassen sich z.B.
Nachrichten an seine Pinnwand posten,
wie in diesem Beispiel (bentigt jQuery!):
$('#share').click(function () {
FB.ui({
method: 'feed',
name: 'Werde Fan von XY',
message: 'Klicke Gefllt mir!
Diese Nachricht kann man brigens
ndern!',
caption: 'Die beste Seite',
description: 'Werde Fan auf
Facebook und untersttze damit
XY!',
link: 'http://www.facebook.
com/meinefanpage&sk=app_123456',
picture: 'http://example.
com/wp-content/facebook/
images/100x100px.png' // Auch
ein Bild kann angezeigt werden,
100x100 Pixel
});
});

30

WordPress Magazin

Fazit
Schlussendlich knnte die Landing Page
so aussehen wie die des WordPress Magazins oder eines bekannten Sportclubs.
An dieser Stelle seid ihr gefragt! Erstellt
eine Landing Page mit Hilfe dieses Beispiels und liest die weiterfhrende Dokumentationen von Facebook.
Signed Request (ermglicht Anzeigen
von Inhalten nur fr Fans):
http://wpmag.org/hp
Social Plugins: http://wpmag.org/hq
Graph API: http://wpmag.org/hr
JS SDK: http://wpmag.org/fbjssdk
OAuth Dialoge: http://wpmag.org/hs

WordPress Magazin

31

Best-of WordPress 2011

Cachify
Sergej Mller verffentlicht mit Cachify
ein handliches, wenn auch in manchen
Punkten eingeschrnktes, Caching-Plugin fr 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

WordPress 3.1 Reinhardt

Ende Februar erschien WordPress 3.1,
zuerst noch unter dem bernamen Django, was aber zu Verwechslungen mit dem
Open Source Projekt Django fhrte.
URL: http://wpmag.org/et

Wertebergabe PHP zu JavaScript mit

WordPress
Frank Bltges Anleitung vom Februar
2011 ist immer nach aktuell und eine gute
Hilfe fr Plugin-Entwickler.
URL: http://wpmag.org/h4
WordPress fr Kundenprojekte: Was
ist zu beachten?
Bei Elmastudio hat man im Februar eine
ntzliche Checkliste fr Anbeiter von
WordPress-Dienstleistungen verffentlicht, was man so alles beachten sollte.
URL:
http://wpmag.org/wpkundenprojekte

Jetpack geht an den Start

Die Plugin-Sammlung von Automattic
geht an den Start. Nicht alle sind begeistert davon, dennoch verzeichnet Jetpack
bereits fast 900'000 Downloads.
URL: http://wpmag.org/ew
DDoS Attacke auf WordPress.com
Ende Mrz erleidete der Blog-Dienst die
grsste Attacke auf die Infrastruktur in
seiner 7-jhrgen Geschichte. Man vermutete politische Hintergrnde.
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 ankndigten.
URL: http://wpmag.org/f0

32

WordPress Magazin

Hacker-Angriff auf WordPress.com

Nach der DDoS Attacke schien die Website nicht zur Ruhe zu kommen, denn Angreifer erlangten Root-Zugriff auf einige
Server.

WordPress Backup in die Dropbox

Ein neues Plugin erlangte viel Aufmerksamkeit, denn es ermglicht das automatische Sichern der WordPress Datenbank
in die eigene Dropbox.

URL: http://wpmag.org/f1

URL: http://wpmag.org/he

WordPress Magazin #4
Die Erfolgsgeschichte geht weiter (oder
so). Die vierte Ausgabe bietet wieder einen guten berblick ber die WordPressWelt.
URL: http://wpmag.org/f7
Kommentatoren in Newsletter-Abonnenten verwandeln
Yoast zeigt auf, wie man via Kommentarformular neue Leser fr sein E-Mail
Newsletter gewinnen kann. Er nutzt dafr
MailChimp.
URL: http://wpmag.org/hd

WordPress Performance Tipps

In seinem Playground-Blog stellt Sergej
Mller im Juni eine Reihe von Optimierungsmglichkeiten fr WordPress-Installationen vor.
URL: http://wpmag.org/hb
Simple Media Queries Debugging
23. Juni: Frank Bltge erklrt seine Lsung zum einfachen Debugging von Media Queries.
URL: http://wpmag.org/h5
WordPress 3.2 Gershwin erschienen
Am 4. Juli wurde die neue Version offiziell
verffentlicht. Sie bot vor allen Dingen
Geschwindigkeitsoptimierungen und einen neuen Vollbild-Editor.

1. WordCamp Switzerland
Im Mai 2011 ging das erste WordCamp in
der Schweiz ber die Bhne. Ein Rckblick.

URL: http://wpmag.org/fo

URL: http://wpmag.org/f9

WordPress Magazin

33

Best-of WordPress 2011

WordPress Magazin #5
Die Jubilumsausgabe erschien Ende
Juli und bot unter anderem Infos zu Shortcodes und ein Interview mit der Agentur
Inpsyde.
URL: http://wpmag.org/fq
Facebook Insights fr WordPress
Blogs
Bei WP Beginner gibt es eine kurze Anleitung, mit der man Facebook Statistiken
fr seine Website freischalten kann.
URL: http://wpmag.org/hf
Seitenbasis /page/ fr Permalinks anpassen
Im August zeigte Dominik Schilling, wie
man diesen englischen Teil aus der URL
in ein fr Kundenprojekte besser geeignetes /seite/ ndern kann.
URL: http://wpmag.org/h6
bbPress 2.0 erschienen
Die lang ersehnte Plugin-Version der Foren-Software wurde Ende September
verffentlicht und brachte neuen Wind in
das Projekt.
URL: http://wpmag.org/fv

Passwortfelder fr Nicht-Admins deaktivieren

WP Engineer verffentlichte ein hilfreiches Snippet, mit dem man diese Felder
ausblenden kann, sodass ein Wechsel zu
einem unsicheren Passwort verunmglicht wird.
URL: http://wpmag.org/hg
WordPress Magazin #6
Man knnte meinen, das Magazin entsteht am Laufband. Ausgabe 6 enthlt
u.a. Artikel zu XML-RPC, Custom Taxonomies und WordPress 3.3
URL: http://wpmag.org/gd
WordPress E-Mails gestalten
Im Smashing Magazine wird erklrt, wie
man die langweiligen Systemnachrichten
nach seinen Wnschen und Designvorgaben 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 untersttzt.
URL: http://wpmag.org/gm
WordPress mehrsprachig mit Multisite
Die Firma Inpsyde entwickelt ein Plugin,
mit welchem mehrsprachige Websites
auf Basis einer Multisite-Installation umgesetzt werden knnen.
URL: http://wpmag.org/h7

34

WordPress Magazin

WordPress Magazin

35

Rezension:
WordPress 3 Das umfassende Handbuch
Am 28. November 2011 erschien im Verlag Galileo Computing eine ufmangreiche
Anwender-Lektre ber WordPress.
Freundlicherweise habe ich ein Exemplar
zur Verfgung gestellt bekommen, um es
mir genauer anzusehen.
Infos zum Buch
Auf knapp 600 Seiten schreibt der Autor
ber die Installation und die Oberflche
von WordPress. Weitere Themen sind
selbstverstndlich Plugins, Themes, SEO
und Sicherheit. Zum Abschluss gibt es
auch noch Praxisbeispiele und Tipps fr
bessere Blogbeitrge, wobei ich letzteres
fr ein WordPress-Buch nicht unbedingt
fr notwendig erachte. Ntzlich ist selbstverstndlich die mitgelieferte Buch-CD.
WordPress 3 Das umfassende Handbuch
Preis: rund 30 Euro / 40 Franken
Autor: Alexander Hetzel
ISBN: 978-3-8362-1727-9
Bei Amazon: http://wpmag.org/wp3duhb

Inhalt
Zu Beginn gibt es erst mal einen kleinen
Prospekt, der dem Buch beiliegt. Dieser
zeigt aktuelle Buchtipps aus dem Verlag,
die mich zugegebenermassen auch interessieren. Von Social Media ber C bis zu
iPhone App-Entwicklung ist alles dabei.
Auf der darunter liegenden Seite ist ein
Zugangscode abgedruckt, mit der man
auf der Website Zusatzangebote herunterladen kann. Leider sind aktuell keine
verfgbar.
Das Inhaltsverzeichnis auf ganze neun
Seiten und beginnt mit einer Erklrung
von WordPress. Das ist wohl bei allen
Bchern so, denn ein wirkliches Buch fr
fortgeschrittene Anwender fehlt leider
noch auf dem Markt. Wie im Vorwort erwhnt wird, richtet sich dieses Buch an
eine mglichst grosse Zielgruppe.

36

WordPress Magazin

Starke Lektre
Nach einer Erklrung diverser Fragen zu
WordPress widmet sich das Handbuch
der Installation mit XAMPP. Whrend
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 (Erklrung der Blogfunktion) widmen sich dann
die nchsten drei Kapitel den Plugins.
Unglaublich, aber wir sind erst bei der
Hlfte des Buches!
In punkto SEO ist das Buch auf einem guten Stand, erwhnt 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 fr bessere
Beitrge.
Praxisbeispiele
Ich bin ja ein Fan von guten Beispielen,
denn so liest man nicht nur, sondern
gleich auch testen und tfteln. Und eben
solche Beispiel gibt es in diesem Buch
sehr viele. Das Beste: Diese sind, neben
allen im Buch erwhnten Plugins, auch
auf der im Buch beigelegten CD.

Was mir persnlich fehlt

In bisherigen WordPress-Bchern, die
ich rezensieren durfte, gab es oft auch
eine CD. Das gehrt wohl zum Standard,
es wrde mich aber nicht stren, wre
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 angekratzt und auf WordPress.org selbst verwiesen. Ergo keine Auflistung von weiterfhrenden Community-Links, die man
nach dem Lesen des Buches zur Weiterbildung 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 erfllt, denn
mit diesem wirklich umfassenden Handbuch kommt jeder auf seine Kosten. Es
ist wohl das dickste WordPress-Buch bislang und bietet auch dementsprechend
viel Informationen.
Wer mit WordPress arbeiten mchte oder
dies vielleicht auch schon tut, sollte sich
definitiv beim Buchhndler seines Vertrauens dieses Buch einmal anschauen.

WordPress Magazin

37

Theme Showcase
Nori
Nori ist das aktuellste Theme von Elmastudio, welches nach dem Prinzip mobile
first in einem Responsive Design umgesetzt wurde. Es bietet diverse Theme Optionen und weitere Features und kostet
zudem nicht alle Welt.

Virtuoso
Das neueste Theme von WPZOOM lautet auf den Namen Virtuoso. Es ist eines
von vielen Portfolio Themes, lsst sich
aber ebenfalsl gut in anderen Bereichen
nutzen.
URL: http://wpmag.org/virtuoso
Preis: 69 Dollar

URL: http://wpmag.org/nori
Preis: 12 Euro
zeeBizzCard
Ein Business Card Theme der etwas anderen Sorte. Die Kombination schwarz/
weiss kommt sehr gut zur Geltung, weshalb das Design an sich zu gefallen vermag.

Colorway Lite
Das Lite verdeutlicht es schon, dieses
Theme ist nur der kleine Bruder des eigentlichen Themes. Gut fr uns, denn so
kann man es gratis herunterladen und erhlt trotzdem diverse Einstellungsmglichkeiten.
URL: http://wpmag.org/colorwaylite
Preis: kostenlos

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

38

WordPress Magazin

Blaskan
ber das Blaskan Theme bin ich beim
Blog von Pixelfreund Ralph Hutter gestossen. Ein relativ neues Responsive
Theme made in Schweden. Ideal fr den
eigenen privaten Blog.

Artiste
Ebenfalls aus der Feder von Orman Clark
stammt dieses Portfolio Theme. Es berzeugt mit einem erfrischenden Design,
ganz nebenbei bietet es noch etliche Optionen und Anpassungsmglichkeiten.

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

URL: http://wpmag.org/artiste
Preis: 40 Dollar
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 schnes Smmchen ;-)

Meerkats
Responsive Designs sind absolut im
Trend und ein eigentliches Must-have fr
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 mchte.
URL: http://wpmag.org/meerkats
Preis: kostenlos

URL: http://wpmag.org/scope
Preis: 40 Dollar

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, schn
und trotzdem voller technischen Finessen. Das Beste: Es gibt eine kostenlose
Version, mit welcher man sich von den
Strken berzeugen kann, bevor man zugreift.

URL: http://wpmag.org/duettheme
Preis: 68 Dollar

40

WordPress Magazin

Scribe
Das aktuelle Aushngeschild 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-Verhltnis
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 gegeben. Dazu erhlt man dann auch all die
Features, die man vom Anbieter gewhnt
ist.

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

JobJockey
JobJockey ist einmal ein anderes Theme
und tanzt etwas aus dieser Sammlung.
Damit kann man nmlich ohne viel Aufwand eine Online-Jobbrse betreiben.
Da das Theme sehr schn gestaltet ist,
mus man kaum viel verndern, wenn
man nicht mchte.

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 zurckgreifen. Ein typisches
Coming Soon Theme mit dem einzigen
Wermutstropfen, dass die Schrift in der
Standard-Ausfhrung viel zu klein geraten ist.

SportEdge
Wer ein absolutes Hingucker-Blog will, ist
mit dem SportEdge Magazine Theme
sehr gut bedient. Die Header-Slideshow
verteilt sich ber die ganze Bildschirmbreite und sorgt somit fr den ntigen
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 dafr
ein Theme erstellt, welches natrlich
auch jetzt wieder aktuell ist.

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

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 mchten,
Hilfe bei der Umsetzung eines Projekts
brauchen
oder
massgeschneiderte
Themes suchen. Wir knnen uns leider
nicht immer um all diese Anfragen
kmmern, aber wir wissen, dass es sehr
viele WordPress-Profis, Programmierer,
Designer und Agenturen im WWW gibt.
Aus diesem Grund mchten wir ein
Netzwerk an Experten aufbauen, an
welche wir bei solchen Anfragen Auftrge
vermitteln knnen. Da es meist etwas
grssere Auftrge sind, verdient man
selbstverstndlich auch daran.
Interessiert? Dann melde dich einfach
bei uns!
Maile uns deine Kontaktangaben sowie
deine Skills an:
netzwerk@wp-magazin.ch