Hooray! Ich hab mein erstes WordPress-Plugin gemacht

Und Dominik lieferte mir mit seinem Blogartikel „Liebe Blogger – macht es euren Lesern leichter!“ die Funktionalität: Ein Feld mit der URL des Posts, die man zum Teilen verwenden kann. Das Wirtschaftsmagazin Quartz verwendet das auch so.

Das gute daran: Die Funktion selbst ist schnell gemacht, keine zehn Zeilen Code. Deshalb konnte ich mich ganz dem widmen, vor dem ich etwas Respekt hatte: der Backend-Seite mit den Eigenschaften. Mit genauem Lesen der Dokumentation, der Beispiele und eines Tutorials war das überraschenderweise aber ziemlich einfach, der Settings API sei Dank.

Was das URL Sharing Plugin genau macht, kann man hier nachlesen oder etwa 20 Pixel tiefer bewundern.

URL Sharing Plugin for WordPress

The URL Sharing Plugin adds a text field with the post URL at the end of your posts – a qz.com like sharing approach. Additionally you get a button that enables copying the URL to the user’s clipboard. Look at the end of this post to see a live version of the plugin.

The plugin can be used as a more privacy-friendly alternative to sharing buttons or as an additional sharing-option. I was inspired by Dominik’s post about readability and usability on blogs (in German) who uses the Quartz-like approach – something I wanted to have, too.

URL share implementation on qz.com.

URL share implementation on qz.com.

Download

You have two options to get the code:

Installation

  1. Upload the files in your plugins directory. Then activate it.
  2. For a label in front of the URL and a text on the copy-to-clipboard-button, go to the settings page and insert your strings in the input fields. Of course, you can leave the label blank, the button, however, should have a call to action.

Change style

You can change the styling by adding your changes to stylesheet of the plugin. The URL Sharing plugin uses three CSS-elements:

  • .url_share: div-container
  • .url_share_label: label of the input field
  • .url_share_input: input field
  • .zeroclipboard-is-hover: hover status for copy-button
  • .zeroclipboard-is-active: active status for copy-button

In the default version url_share_label and url_share_input don’t have values and therefore are using your theme’s style for label and input. Of course, you can change them just the way you want. For example: To change the color of the URL to red, add the following to the plugin’s stylesheet or your theme’s stylesheet: .url_share_input {color:red;}

To-do List

Things that might be considered in the future:

  • Enable font color change of the URL in backend
  • Offer a PHP-Snippet to enable more flexible positioning
  • A button to automatically copy the URL to the user’s clipboard (by using an existing JavaScript library)Added with version 1.1 by using ZeroClipboard

Questions? Comments?

If you have any remarks and/or questions, feel free to leave a comment.

How to Use SideComments.js with WordPress

Medium.com and Quartz are both famous for their innovative ways of presenting content. Both use side comments in order to allow to comment individual paragraphs rather than whole articles.

A few days ago SideComments.js was released by Eric Anderson. It allows an easy integration of that commenting system.

A demo of sidecomments.js

A demo of sidecomments.js

If you want to use SideComments.js within your WordPress installation, follow these 3 simple steps:

1. Download the adaption for WordPress on Github by strategio: WP Side Comments (.zip).

2. Upload the plugin to your plugins folder and activate it.

3. Go to settings –> WPSC. There you have to include two CSS-Selectors, one for your content, one for your comments. For example, in order to make the plugin work with twentyfourteen you have to write:

One class and one ID selector in the twentyfourteen theme.

One class and one ID selector in the twentyfourteen theme.

Be aware that you need a . for a class, or a # for an ID. If you don’t use twentyfourteen you can find out your selectors with developer tools in your browser.

Every comment is a regular comment in the WordPress system and can be edited, reviewed etc. in the WordPress backend.

That’s it 🙂

Orte von WordPress-Posts dynamisch mit Leaflet.js posten

Ich habe endlich eine Methode gefunden, wie WordPress-Posts automatische einer Leaflet-Karte hinzugefügt werden kann. Wer auf das CMS WordPress setzt, kann damit einen Schritt Richtung structured journalism tun.

Die Lösung basiert auf einem Code von Alicia Duffy und Ben C. Bond, die Entwickler bei der Tierschutzorganisation PETA sind und so verschiedene US-Universitäten auf einer Karte darstellen.

Über einen Custom Post Type und Taxonomien werden die Ort festgelegt, dann über geojson exportiert und in Leaflet eingelesen. Über einen Shortcode kann eine Karte überall leicht eingebunden werden.

Die Komponenten des Codes

  • Die Leaflet-Bibliothek und die dazu notwendigen Dateien (JavaScript und CSS).
  • Die Geocoder-Funktion von Google, die sich über JavaScript-Datei einbinden lässt. Orte, Postleitzahlen und Adressen werden so automatisch in Koordinaten umgewandelt. Dazu notwendig: Eine Google Maps API v3.
  • Eine Geojson-Datei, die sich jeden Tag updated und ggf. neue Standorte der Karte hinzufügt.
  • Die Icons von Fontawesome für die Marker.

Den Code gibt es bei Github: Generic Map.

WordPress-Zugriffszahlen analysieren: Bye-Bye Google Analytics! Hi Piwik!

Wer auf Datenschutz Wert legt, für den ist Google Analytics nicht ideal, um die Zugriffszahlen eines Blogs zu analysieren. Die Alternative dazu heißt Piwik mit einem großen Vorteil: Die Open-Source-Software wird auf deinem eigenen Webserver installiert. Das Unabhängige Landeszentrum für Datenschutz Schleswig-Holstein schreibt in seiner Analyse von Piwik:

„Der Hauptvorteil von Piwik besteht darin, dass eine Web-Analyse-Lösung unter der vollständigen Kontrolle und Steuerung der verantwortlichen Stelle umgesetzt werden kann und die Daten allein bei dem Piwik-Verwender verbleiben. Eine Weitergabe von Nutzerdaten an Dritte mit den entsprechenden datenschutzrechtlichen Folgeproblematiken (Übermittlung oder Auftragsdatenverarbeitung) erfolgt nicht.“

Anleitung zur Installation von Piwik

Wie WordPress wird Piwik auf dem eigenen Server installiert. In Anlehnung an WordPress verweist auch Piwik auf seine „Fünf-Minuten-Installation“ – und in der Tat: Wer WordPress kann, für den ist Piwik auch kein Problem. Hier eine Anleitung in vier Schritten:

1. Schritt: Piwik via FTP auf den Server kopieren

Die Dateien auf der Piwik-Seite herunterladen und auf den eigene Server kopieren. Idealerweise in einen Unterordner der WordPress-Installation.

2. Schritt: Der Anleitung folgen

Sind die Piwik-Dateien auf dem Server muss die URL aufgerufen werden und einer Anleitung gefolgt werden. Da Piwik – wie auch WordPress – auf MySQL zurückgreift, solltest du die Zugangsdaten zu deiner Datenbank parat haben.

3. Schritt: WordPress-Plugin installieren

Nach erfolgreicher Installation ist Piwik als Web-App zu erreichen, bequemer ist natürlich der Zugriff über das WordPress-Backend. Das schaffst du mit dem „WP Piwik“-Plugin.

4. Schritt:

Standardmäßig entspricht auch Piwik nicht deutschen Datenschutzanforderungen. Deshalb musst du an zwei Stellen Anpassungen vornehmen:

  • IP-Adressen anonymisieren in der Piwik-Web-App unter Einstellungen –> Privatssphäre –> Anonymisiere die IP-Adresse von Besuchern –> „Ja“ auswählen
  • Datenschutzhinweis im Impressum inkl. Opt-Out-Funktion hinzufügen. Der Rechtsanwalt Thomas Schwenke bietet dafür auf seiner Webseite einen Text an:

    „Diese Website benutzt Piwik, eine Open-Source-Software zur statistischen Auswertung der Besucherzugriffe. Piwik verwendet sog. “Cookies”, Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglichen. Die durch den Cookie erzeugten Informationen über Ihre Benutzung dieses Internetangebotes werden auf dem Server des Anbieters in Deutschland gespeichert. Die IP-Adresse wird sofort nach der Verarbeitung und vor deren Speicherung anonymisiert. Sie können die Installation der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website vollumfänglich nutzen können. [IFRAME mit Opt-Out Cookie entsprechend obiger Anleitung einsetzen]“

    Deinen Iframe-Code findest du in deinen Privatssphäre-Einstellungen ganz unten.

Fertig!

Weitere Informationen:

FeedWordPress: Texte via RSS automatisch auf der eigenen Webseite veröffentlichen

Autoren mit einem Zweitverwertungsrecht können ihre Texte auch auf der eigenen Seite veröffentlichen. Mit dem FeedWordPress-Plugin kann der Prozess automatisiert werden.

Für meine Artikel habe bei den Netzpiloten habe ich das Zweitverwertungsrecht – ich wäre dumm, wenn ich das nicht nutzen würde. Nur bisher war ich zu faul, die Artikel jedes Mal in meine WordPress-Installation einzupflegen. Mit dem FeedWordPress-Plugin kann das automatisch erledigt werden: Ich brauche nur den Feed, alles weitere erledigt das Plugin.

Nach der Installation findest du im linken Menü den Bereich „Syndication“. Unter „New Feed“ in der rechten oberen Ecke kannst du die URL eingeben, unter der der RSS-Feed zu finden sein wird. In meinem Fall: http://www.netzpiloten.de/author/katharina-brunner/feed.

Danach kannst du viele Einstellungen machen: Sollen Kategorien und Schlagworte übernommen werden? Soll auf den Beitrag auf deinem Blog oder die Erstveröffentlichung verlinkt werden? Soll der übernommene Beitrag sofort publiziert werden oder soll es eine Karzenzzeit geben? Willst du noch einmal drüber lesen oder automatisch veröffentlichen?

Es macht Sinn, alle diese Texte unter einem Schlagwort oder einer Kategorie wie zum Beispiel Artikel zusammenzufassen. Dadurch kannst du sie dir leicht gebündelt wieder auf deiner Webseite ausgeben lassen. Du kannst auch einen Custom Post Type für deine Artikel aus Feeds erstellen und dann in diese Artikelgruppe automatisch einordnen.

Detaillierte Informationen zur Konfiguration des FeedWordPress-Plugins gibt es auf der Webseite der Entwickler.

Downloaden kannst du das Plugin über das Backend deiner WordPress-Installation oder über das Plugin-Repository bei WordPress.

Bei dem Interviewformat Auf ein Bier mit von und mit Journalisten war vor wenigen Wochen Tobias Schwarz zum Thema Zweitverwertung von Artikeln zu Gast: