Um den Dienst nutzen zu können, werden zwei Dinge benötigt: das WordPress-Plugin YOURLS: WordPress to Twitter sowie eine eigene Twitter-Application.

Twitter Applikation anlegen

Um das Blog mit Twitter zu verbinden, wird eine eigene App benötigt. Die Application dient dazu, neue Artikel automatisch auf dem Twitter-Account zu posten. Dazu einfach auf https://dev.twitter.com/apps gehen, sich mit den eigenen Twitter-Zugangsdaten anmelden und eine neue Application erstellen. Die auszufüllenden Felder sollten selbsterklärend sein
Von dieser Application benötigt man anschliessend den Consumer Key, Consumer Secret, Access Token und Access Token Secret.

Plugin installieren und einrichten

Das Plugin YOURLS: WordPress to Twitter muss zuerst wie gewohnt in das Plugin-Verzeichnis der WordPress-Installation hochgeladen werden und anschliessend im Backend unter "Plugins" aktiviert werden.

Danach wird auf der Einstellungsseite des Plugins unter "Einstellungen" -> "YOURLS" unter "Twitter-Settings" zuerst das Blog mit dem Twitter-Account verknüpft. Dazu einfach Consumer Key, Consumer Secret, Access Token und Access Token Secret in die entsprechenden Felder eingeben und die Einstellungen speichern. Jetzt sollte der verbundene Twitter-Account auf der Einstellungsseite angezeigt werden.

Jetzt muss nur noch die Verbindung zum URL-Shortener hergestellt werden. Dazu auf der Einstellungsseite unter "URL Shortener Settings" die eigene YOURLS-Installation auswählen und unter Pfad zur YOURLS API http://byspd.de/yourls-api.php sowie anschliessend den Login und das Passwort eintragen. Fertig.

Nachdem das WordPress-Theme bereits auf mehreren Seiten (SPD Kreisverband Starnberg, SPD Tutzing, SPD Lechfeld) zum Einsatz kommt, wurden in diesem Update die Rückmeldungen der Nutzer aufgegriffen und vorwiegend kleine Ausbesserungen am Layout vorgenommen. Zusätzlich wurde die Unterstützung der Icons in der Sidebar auch für nicht WordPress-eigene Widgets verbessert sowie ein minimalistisches Drucklayout integriert.

Wesentliche Änderung ist aber die Integration des Open Graph Protokolls sowie die Ausgabe von Videos von YouTube und Vimeo.

Open Graph Protokoll

Der Einsatz des Open Graph Protokolls eignet sich nicht nur für Webseiten, die die Share-Button der sozialen Netzwerke integriert haben. Da Inhalte, z.B. ein Artikel auf einer Website, immer häufiger von den Nutzern geteilt und in sozialen Netwerken wie Facebook oder Google plus gepostet werden, ist der Einsatz des Open Graph Protokolls auch für herkömmliche Websites geeignet. Denn beim "Teilen" eines Artikels in den sozialen Netzwerken versuchen diese, die Inhalte auszulesen und sinnvoll verkürzt darzustellen.
Die Integration des Open Graph Protokolls bei Artikeln sorgt dafür, dass der jeweilige Artikel mit "unsichtbaren" Angaben zusätzlich ausgezeichnet wird.

Einfaches Einfügen von Videos

Die Möglichkeit, Videos einfach durch Einfügen der Video-URL in einen Artikel / Seite einzufügen, besteht bei WordPress ja schon lange. Dabei wird beim ausliefern des Artikels oder der Seite die Video-URL durch den entsprechenden Einbett-Code ersetzt und das Video angezeigt. Allerdings mussten vorher in den Einstellungen die Breite und Höhe für eingebettete Medieninhalte angegeben werden. Das ist jetzt vorbei.
Eingefügte Videos von YouTube und Vimeo füllen automatisch die gesamte zur Verfügung stehende Breite aus. Der Einbett-Code für Videos von YouTube wurde zusätzlich dahingehend angepasst, dass diese Videos im erweiterten Datenschutzmodus geladen werden.

Download

Heruntergeladen kann das Update wie gewohnt im internen Forum der BayernSPD.

Dieser Artikel dient natürlich nur zur Demonstration und soll verdeutlichen, wie einfach es ist, ein Video von YouTube zu posten. Ohne dass die Sidebar gesprengt wird!
Gib einfach die URL zum Video ein (bitte im HTML-Editor), also z.B. http://www.youtube.com/watch?v=hD035vTc_Oc (funktioniert auch mit dem Kurz-Link http://youtu.be/hD035vTc_Oc) um das vorgestellte Video "Gyllene Tider - Sommartider (Live in Skansen)" zu posten.

Dieser Artikel dient natürlich nur zur Demonstration und soll verdeutlichen, wie einfach es ist, ein Video von Vimeo zu posten. Ohne dass die Sidebar gesprengt wird!
Gib einfach die URL zum Video ein (bitte im HTML-Editor), also z.B. http://vimeo.com/34933834 um das vorgestellte Video "Miles Fisher - Don't Let Go w/ Phoebe Tonkin" zu posten.

Dass anstelle der in Artikeln und Seiten eingefügten URLs zu Videos oder Fotos die Inhalte angezeigt werden, wurde durch die Einführung des oEmbed-Formats mit WordPress 2.9 möglich. Über die oEmbed-API werden dabei die Inhalte einfach anstelle der URL eingebettet. Damit wird das oft lästige Kopieren und Einfügen von HTML-Code vermieden und die Videos werden in einer einheitlichen Grösse angezeigt.
Dieser Artikel beschreibt, wie die Videos in Artikel und Seiten sowie in die Sidebar eingefügt werden können.

Videos in Artikel und Seiten

Um ein Video von YouTube oder Vimeo in einen Artikel oder eine Seite einzufügen, braucht nur die URL zum Video eingefügt werden. Die URL zum Video bekommt man bei YouTube, indem man auf den Teilen-Button drückt. Bei Videos von Vimeo braucht lediglich die URL aus der Adresszeile des Browsers kopiert werden.
Wichtig dabei ist, dass die URL in einer eigenen Zeile steht.

Ein Beispiel mit einem YouTube-Video

Sieh dir dieses Video an:

http://www.youtube.com/watch?v=Vpg9yizPP_g

Cool, oder?

Und so sieht es aus

Dabei füllt das Video die gesamte Breite des Inhaltsbereiches.

Natürlich kann das Video in einem Artikel auch gleich zu Beginn einfügt werden. Mit dem More-Button im Anschluss lässt sich dann wie gewohnt der Weiterlesen-Link generieren und im Anschluss an das Video können noch ein paar Zeilen geschrieben werden. Der Clou dabei: Im 2-spaltigen News-Bereich und auf der Startseite werden die Videos in einer kleinen Grösse dargestellt. Erst wenn man zu dem Artikel wechselt, wird das Video in voller Breite angezeigt.

Beispiel mit More-Button bei Artikeln

http://youtu.be/Vpg9yizPP_g

<-- more -->

Ab hier weiter im Text....

Widget "Sidebar Video"

Für die Sidebar wurde nach dem gleichen Prinzip das Widget "Sidebar Video" realisiert. Es kann (auch mehrfach verwendbar) in den drei Sidebars "Startseite", "Artikel/Archiv" und "Seiten" abgelegt werden.
Auch hier braucht lediglich die URL zum Video (wahlweise YouTube oder Vimeo) eingefügt werden. Die Grösse des Videos wird automatisch an die Sidebar angepasst.

Videos von Florian Pronold

Unterstützt werden jetzt zusätzlich die Videos von der Videoseite von Florian Pronold. Auf Florian Pronolds Seite befindet sich unter jedem Video ein Link zu dem Video (siehe nachfolgendes Bild), der nur kopiert und in einen Artikel eingefügt werden braucht.

Beispiel

http://florianpronold.de/videos/?video=Ss5dnPj6eeo

Das Video