H.-Peter Pfeufer - Blog

WordPress-Plugin: No Piwik for me

2012-05-09T16:11:40-07:00

Immer wieder flammt die Diskussion um den heißgeliebten Datenschutz auf. Die Analyse des Nutzerverhaltens auf der eigenen Webseite steht immer wieder im Fokus. Viele wechseln daher zur quell offenen Analysesoftware Piwik als Alternative zu Google Analytics. Doch auch hier sollte dem Besucher die Möglichkeit gegeben werden das Tracking zu deaktivieren.

No Piwik for me macht genau dies. Piwik selbst bietet eine Lösung mit einem einzelnen Klick das Tracking für den Nutzer zu deaktivieren. Dazu wird beim Nutzer, der dies wünsch durch genau diesen einen Klick ein Cookie hinterlegt, welcher von Piwik erkannt wird. Ist dieser Cookie im Browser zu finden, so wird Piwik veranlasst diesen Besucher nicht zu erfassen.

Diese Funktion bringt No Piwik for me als simplen Shortcode in euer WordPress. Damit dies funktioniert muss natürlich WP-Piwik bei euch installiert sein.

DownloadNo Piwik for me (Version 1.0)

WordPress: Grundstruktur eines Sidebarwidgets

2012-04-03T02:36:19-07:00

Neben Plugins sind Widgets in WordPress eine schöne und recht einfache Möglichkeit das Frontend, also das was der Seitenbesucher sieht, anzupassen. WordPress selbst bietet hierfür eine Widget-API mit der es relativ einfach möglich ist ein solches Widget selbst zu erstellen. Wie das funktioniert, möchte ich hier nun in ein paar kurzen Sätzen erklären.

Die Widgetklasse

Durch die Widget-API von WordPress ist schon eine gewisse Grundstruktur im PHP-Code für das neue Widget vorgegeben. Das ist recht praktisch, denn so muss man lediglich die Widget-Klasse von WordPress erweitern und sich nicht alles komplett neu aus den Fingern saugen. In diesem kleinen Beispiel, möchte ich nun zeigen, wie man ein simples Textwidget erstellt. Also ein Widget, dem man einen Titel und einen Freitext mitgeben kann.

Zunächst wird eine PHP-Datei erstellt, welche den schönen Namen “my-sidebar-widget.php” trägt. In diese Datei kommt der gesamte Code des Widgets – welches ich phantasievoller Weise auch “My Sidebar Widget” getauft habe – hinein.

Als erste Amtshandlung wird die Klasse WP-Widget erweitert.

1 2	// Klassenaufruf class My_Sidebar_Widget extends WP_Widget {}

Dies führt dazu, dass bei Aufruf des Widgets alles über die Widget-API von WordPress läuft und somit auch alles richtig in WordPress eingebunden wird.

Im nächsten Schritt werden die “Standardfunktionen” erstellt. Also der Konstruktor der Klasse, das Formular mit den Einstellungen, die Updatefunktion um die Einstellungen zu speichern und die eigentliche Widgetfunktion zur Ausgabe des Widgets im Frontend.

1
2
3
4
5

// Grundfunktionen
public function __construct() {}
public function form($instance) {}
public function update($new_instance, $old_instance) {}
public function widget($args, $instance) {}

Dies sind auch die vier Funktionen, welche ihre Gegenstücke in der Widget-API erweitern. Oder einfacher ausgedrückt, diese werden unbedingt gebraucht.

Der Konstruktor

Dieser enthält alle wichtigen Befehle zur Initialisierung des Widgets. Also den Widgetnamen, eine Kurzbeschreibung, eventuelle Hinweise zur Übersetzung der Texte.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

// Konstruktor
public function __construct() {
$this->var_sTextdomain = 'my-sidebar-widget';

/**
* Übersetzungsfunktion für das Widget aktivieren.
* Die Sprachdateien liegen im Ordner "l10n" innerhalb des Widgets.
*/
if(function_exists('load_plugin_textdomain')) {
load_plugin_textdomain($this->var_sTextdomain, PLUGINDIR . '/' . dirname(plugin_basename(__FILE__)) . '/l10n', dirname(plugin_basename(__FILE__)) . '/l10n');
}

$widget_options = array(
'classname' => 'my_sidebar_widget',
'description' => __('A little demonstration on programming a wordpress widget.', $this->var_sTextdomain)
);

$control_options = array();

$this->WP_Widget('my_sidebar_widget', __('My Sidebar Widget', $this->var_sTextdomain), $widget_options, $control_options);
} // END function __construct()

Wie hier zu erkennen ist, wird bereits die Textdomain für die Überstzung definiert und WordPress informiert, wo die Übersetzungsdateien liegen. Auch werden hier die Widgetoptionen und die Kontrolloptionen an die Widget-API übergeben. Zu den Kontrolloptionen muss gesagt sein, dass dieses Array im Allgemeinen leer bleiben kann, es sei denn, man braucht mehr als 250 Pixel Breite für die Widgeteinstellungen. In diesem Fall:

1	$control_options = array('width' => 400);

Die Werte des Arrays “$widget_options” sind eigentlich fast selbsterklärend. Classname setzt den Namen der CSS-Klasse und Description ist die Kurzbeschreibung des Widgets, welche in der Widgetübersicht zu sehen ist.

Für eine Breite von 400 Pixel.

Das Widgetformular

In dieser Funktion wird das Formular des Widgets erstellt. Also der Teil, in dem dann später der Titel und der Freitext dieses kleinen Demowidgets eingegeben werden kann.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

// Formular
public function form($instance) {
/**
* Standardwerte
*
* @var array
*/
$instance = wp_parse_args((array) $instance, array(
'my-widget-title' => '',
'my-widget-text' => ''
));

// Titel
echo '<p style="border-bottom: 1px solid #DFDFDF;"><strong>' . __('Title', $this->var_sTextdomain) . '</strong></p>';
echo '<p><input id="' . $this->get_field_id('my-widget-title') . '" name="' . $this->get_field_name('my-widget-title') . '" type="text" value="' . $instance['my-widget-title'] . '" /></p>';
echo '<p style="clear:both;"></p>';

// Textfeld
echo '<p style="border-bottom: 1px solid #DFDFDF;"><strong>' . __('Textarea:', $this->var_sTextdomain) . '</strong></p>';
echo '<p><span style="display:inline-block;">' . __('Write some text here ...', $this->var_sTextdomain) . '</span><textarea style="width:100%;" id="' . $this->get_field_id('my-widget-text') . '" rows="10" name="' . $this->get_field_name('my-widget-text') . '">' . $instance['my-widget-text'] . '</textarea></p>';
echo '<p style="clear:both;"></p>';
} // END function form($instance)

Das Array $instance enthält hier die Werte aus der Datenbank, sofern diese gesetzt sind. Sollte für ein Feld noch kein Wert gesetzt sein, so werden mit wp_parse_args die Standardwerte in das Array eingefügt. Zum PHP-Code dieser Funktion verliere ich nicht viele Worte, ich gehe einfach mal davon aus, dass zu erkennen ist, dass hier ein HTML-Formular erstellt wird in welches die Werte aus der Datenbank eingefügt werden.

Speichern der Einstellungen

Hier werden nun die Eingaben aus dem Formular übernommen, geprüft und gespeichert.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

// Speichern
public function update($new_instance, $old_instance) {
$instance = $old_instance;

/**
* Standrdwerte setzen
*
* @var array
*/
$new_instance = wp_parse_args((array) $new_instance, array(
'my-widget-title' => '',
'my-widget-text' => ''
));

/**
* Einstellungen, welche über das Formular kommen auf ihre Richtigkeit hin prüfen.
* Somit wird sicher gestellt, dass kein Schadcode eingeschleust werden kann.
*
* @var array
*/
$instance['my-widget-title'] = (string) strip_tags($new_instance['my-widget-title']);
$instance['my-widget-text'] = (string) strip_tags($new_instance['my-widget-text']);

/**
* Array mit den Einstellungen an die verarbeitende Funktion zurückliefern.
* Diese liegt in der Klasse WP_Widget und speichert nun die Optionen
* in der Datenbank.
*/
return $instance;
} // END function update($new_instance, $old_instance)

Auch hier können wieder Standardwerte definiert werden, welche gespeichert werden, sollte eines der Formularfelder nichts enthalten. Dies kann zur Fehlerreduzierung durchaus nützlich sein.

Ausgabe des Widgets

In dieser Funktion wird die Ausgabe des Widgets gesteuert. Also was soll wann und wie ausgegeben werden.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

// Ausgabe
public function widget($args, $instance) {
extract($args);

echo $before_widget;

$title = (empty($instance['my-widget-title'])) ? '' : apply_filters('my_widget_title', $instance['my-widget-title']);

if(!empty($title)) {
echo $before_title . $title . $after_title;
} // END if(!empty($title))

echo $this->my_widget_html_output($instance);
echo $after_widget;
} // END function widget($args, $instance)

My Sidebar Widget Ausgabe

Wie hier zu sehen ist, bevorzuge ich für die Ausgabe des eigentlichen Inhalts des Widgets eine eigene Funktion, da ich persönlich dieses Vorgehen übersichtlicher finde und somit in dieser Funktion lediglich den “Rahmen” des Widgets erstellen lasse. Aber dies kann letztlich jeder für sich selbst entscheiden.

Und wenn man nun auch etwas Text und einen Titel im Backend in den Widgeteinstellungen eingegeben hat, könnte das Widget im Frontend so oder so ähnlich aussehen.

Widget initialisieren

Natürlich muss das Widget selbst noch initialisiert werden, denn sonst wei0t die Widget-API nichts von diesem Widget.

1	add_action('widgets_init', create_function('', 'return register_widget("My_Sidebar_Widget");'));

Durch diese Initialisierung wird das Widget an die Widget-API übergeben. Die Konstruktorfunktionen werden automatisch gestartet und das Widget wird mit den dort hinterlegten Optionen in WordPress eingebunden.

Gesamter PHP-Code

Und um die Verwirrung nicht zu groß werden zu lassen, hier nochmal der gesamte PHP-Code des Beispielwidgets.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175

<?php
/**
* Plugin Name: My Sidebar Widget
* Plugin URI: http://blog.ppfeufer.de/wordpress-grundstruktur-eines-sidebarwidgets/
* Description: Ein simples Sidebarwidget um zu zeigen, wie Widgets bei WordPress aufgebaut sind.
* Version: 0.1
* Author: H.-Peter Pfeufer
* Author URI: http://ppfeufer.de
*/
if(!class_exists('My_Sidebar_Widget')) {
/**
* Class My_Sidebar_Widget
*
* Diese Klasse ist die Grundstruktur eines WordPress-Widgets, wie es
* über die Widgetseite unter Design in einen der Widgetbereiche des Themes
* eingefügt werden kann.
*
* Gezeigt wird hier ein simples Textwidget.
* Eingabe von HTML ist hier im Text nicht möglich,
* die Formatierung des Textes erfolgt automatisch via wpautop();
*
* @author ppfeufer
*/
class My_Sidebar_Widget extends WP_Widget {
private $var_sTextdomain; // Textdomain für die Übersetzungen des Widgets

/**
* Konstruktorfunktion (PHP4).
*
* Diese Funktion muss den gleichen Namen haben, wie das Klasse des Widgets.
* Somit wird diese Funktion direkt nach dem Initialisieren der Klasse
* aufgerufen und ausgeführt. Da dies der Konstuktor für PHP4 ist wird durch diesen
* direkt die Konstruktorfunktion für PHP5 aufgerufen.
*
* @see My_Sidebar_Widget::__construct()
*/
public function My_Sidebar_Widget() {
My_Sidebar_Widget::__construct();
} // END function My_Sidebar_Widget()

/**
* Konstruktorfunktion (PHP5).
*
* @param array $widget_options Optional Passed to wp_register_sidebar_widget()
* - description: shown on the configuration page
* - classname
* @param array $control_options Optional Passed to wp_register_widget_control()
* - width: required if more than 250px
* - height: currently not used but may be needed in the future
*/
public function __construct() {
$this->var_sTextdomain = 'my-sidebar-widget';

/**
* Übersetzungsfunktion für das Widget aktivieren.
* Die Sprachdateien liegen im Ordner "l10n" innerhalb des Widgets.
*/
if(function_exists('load_plugin_textdomain')) {
load_plugin_textdomain($this->var_sTextdomain, PLUGINDIR . '/' . dirname(plugin_basename(__FILE__)) . '/l10n', dirname(plugin_basename(__FILE__)) . '/l10n');
}

$widget_options = array(
'classname' => 'my_sidebar_widget',
'description' => __('A little demonstration on programming a wordpress widget.', $this->var_sTextdomain)
);

$control_options = array();

$this->WP_Widget('my_sidebar_widget', __('My Sidebar Widget', $this->var_sTextdomain), $widget_options, $control_options);
} // END function __construct()

/**
* Widgetformular.
* Der Einstellungsbereich des Widgets.
*
* @see WP_Widget::form()
*/
public function form($instance) {
/**
* Standardwerte
*
* @var array
*/
$instance = wp_parse_args((array) $instance, array(
'my-widget-title' => '',
'my-widget-text' => ''
));

// Titel
echo '<p style="border-bottom: 1px solid #DFDFDF;"><strong>' . __('Title', $this->var_sTextdomain) . '</strong></p>';
echo '<p><input id="' . $this->get_field_id('my-widget-title') . '" name="' . $this->get_field_name('my-widget-title') . '" type="text" value="' . $instance['my-widget-title'] . '" /></p>';
echo '<p style="clear:both;"></p>';

// Textfeld
echo '<p style="border-bottom: 1px solid #DFDFDF;"><strong>' . __('Textarea:', $this->var_sTextdomain) . '</strong></p>';
echo '<p><span style="display:inline-block;">' . __('Write some text here ...', $this->var_sTextdomain) . '</span><textarea style="width:100%;" id="' . $this->get_field_id('my-widget-text') . '" rows="10" name="' . $this->get_field_name('my-widget-text') . '">' . $instance['my-widget-text'] . '</textarea></p>';
echo '<p style="clear:both;"></p>';
} // END function form($instance)

/**
* Widgeteinstellungen in die Datenbank schreiben.
*
* @see WP_Widget::update()
*/
public function update($new_instance, $old_instance) {
$instance = $old_instance;

/**
* Standrdwerte setzen
*
* @var array
*/
$new_instance = wp_parse_args((array) $new_instance, array(
'my-widget-title' => '',
'my-widget-text' => ''
));

/**
* Einstellungen, welche über das Formular kommen auf ihre Richtigkeit hin prüfen.
* Somit wird sicher gestellt, dass kein Schadcode eingeschleust werden kann.
*
* @var array
*/
$instance['my-widget-title'] = (string) strip_tags($new_instance['my-widget-title']);
$instance['my-widget-text'] = (string) strip_tags($new_instance['my-widget-text']);

/**
* Array mit den Einstellungen an die verarbeitende Funktion zurückliefern.
* Diese liegt in der Klasse WP_Widget und speichert nun die Optionen
* in der Datenbank.
*/
return $instance;
} // END function update($new_instance, $old_instance)

/**
* Ausgabe des Widgets im Frontend.
*
* @see WP_Widget::widget()
*/
public function widget($args, $instance) {
extract($args);

echo $before_widget;

$title = (empty($instance['my-widget-title'])) ? '' : apply_filters('my_widget_title', $instance['my-widget-title']);

if(!empty($title)) {
echo $before_title . $title . $after_title;
} // END if(!empty($title))

echo $this->my_widget_html_output($instance);
echo $after_widget;
} // END function widget($args, $instance)

/**
* HTML des Widgets
*
* @param array $args
*/
private function my_widget_html_output($args = array()) {
/**
* Widgetausgabe
* Hier wird nun das HTML für das Widget erstellt
*/
$var_sWidetHTML = wpautop($args['my-widget-text'], true);

return $var_sWidetHTML;
} // private function my_widget_html_output($args = array())
} // END class My_Sidebar_Widget extends WP_Widget

/**
* Widget initialisieren.
*/
add_action('widgets_init', create_function('', 'return register_widget("My_Sidebar_Widget");'));
} // END if(!class_exists('My_Sidebar_Widget'))

Das Widget darf gerne hergenommen werden, um eigene Ideen umzusetzen. Ich würde mich freuen, wenn ihr mich wissen lasst, was ihr denn so daraus gemacht habt.

Ich habe das Ganze auch hier mal als Plugin zum Download zusammengeschnürt.

Download My Sidebar Widget

WordPress: Tagcloud anpassen

2012-03-27T19:45:50-07:00

Die Tagcloud – zu deutsch Schlagwortwolke – ist in vielen Blogs zu finden. Gerne wird sie genutzt um auf die meist verwendeten Schlagwörter der Artikel aufmerksam zu machen, nur selten passt sie wirklich ins Design des Themes. Letzteres ist der Tatsache geschuldet, dass sie meist einfach mit den Standards geladen wird. Somit ist die Schrift mal zu groß, mal zu klein und so weiter. Doch, die Tagcloud lässt sich einfach beeinflussen.

Um die Tagcloud von WordPress zu beeinflussen, muss man zunächst einmal wissen, wie diese aufgebaut ist, also welche Optionen überhaupt möglich sind und wie diese aufgerufen werden.

Anpassung der Tagcloud im Theme

Der generelle Aufruf der TagCloud geschieht mittels

1	<?php wp_tag_cloud($args); ?>

Wie hier unschwer zu erkennen nicht, sind verschiedene Argumente ($args) erlaubt und wer bissle englisch kann, dem muss auch nimmer erklärt werden, was die einzelnen Argumente bedeuten.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

$args = array(
'smallest' => 8, // The smallest tag (lowest count) is shown at size 8
'largest' => 22, // The largest tag (highest count) is shown at size 22
'unit' => 'pt', // Describes 'pt' (point) as the font-size unit for the smallest and largest values
'number' => 45, // Displays at most 45 tags
'format' => 'flat', // Displays the tags in flat (separated by whitespace) style
'separator' => "\n", // Displays whitespace between tags
'orderby' => 'name', // Order the tags by name
'order' => 'ASC', // Sort the tags in ASCENDING fashion
'exclude' => '', // Exclude no tags
'include' => '', // Include all tags
'topic_count_text_callback' => 'default_topic_count_text', // Uses function default_topic_count_text
'link' => 'view', // view
'taxonomy' => 'post_tag', // Use post tags for basis of cloud
'echo' => true // echo the results
);

Somit hätten wir die Tagcloud, wie sie im Theme selbst eingebunden werden kann. Also der Weg für Themeentwickler.

Anpassung der Tagcloud im Widget

Natürlich bietet WordPress von sich aus ein Widget, welches die Tagcloud darstellen kann und in einer der viele Widgetareas eingebunden werden kann. Auch hier ist es möglich das Verhalten und Aussehen der Tagcloud zu beeinflussen. Hierfür stell WordPress eigens einen Filter zur Verfügung, welcher den schönen Namen widget_tag_cloud_args trägt. An diesen kann man sich mittels einer kleinen Funktion, welche in der functions.php des Themes hinterlegt wird, dranhängen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

/**
* Tagclound anpassen.
*
* @param array $args
*/
if(!function_exists('my_tag_cloud')) {
function my_tag_cloud($args = array()) {
$args['smallest'] = 8; // Smalles font size
$args['largest'] = 12; // Largest font size
$args['unit'] = 'pt'; // Font size unit (pt, px, em)

return $args;
} // END function my_tag_cloud($args = array())

add_filter('widget_tag_cloud_args', 'my_tag_cloud', 90);
} // END if(!function_exists('my_tag_cloud'))

Die Argumente sind die Gleichen wie in der Templatevariante oben. Also

1
2
3
4
5
6
7
8
9
10
11
12
13
14

$args['smallest'] = 8;
$args['largest'] = 12;
$args['unit'] = 'pt';
$args['number'] = 45;
$args['format'] = 'flat';
$args['separator'] = "\n";
$args['orderby'] = 'name';
$args['order'] = 'ASC';
$args['exclude'] = '';
$args['include'] = '';
$args['topic_count_text_callback'] = 'default_topic_count_text';
$args['link'] = 'view';
$args['taxonomy'] = 'post_tag';
$args['echo'] = true;

Nun kann eigentlich jeder sich seine Tagcloud anpassen wie er es gerne möchte.
Eine genaue Beschreibung der einzelnen Elemente und einige Anwendungsbeispiele findet ihr natürlich wie immer in der Funktionsrefenz zu wp_tag_cloud im WordPress Codex.

Ich wünsche viel Spaß dabei

(Gentoo) Linux: segfault at 10 ip 00007f96e1b38c0f sp 00007f96b2fc6b48 error 6 in libnvidia-tls.so.295.20[7f96e1b38000+3000]

2012-02-19T07:34:09-08:00

Um es einfach mal Kurz zu machen:

Dies ist wohl ein Bug im aktuellen nVidia-Treiber (295.20-r1). Report im Gentoo-Bugtracker ist schon eingereicht. Als Workaround vorerst einfach wieder die vorherige Version (290.10-r2) nutzen. Ich denke ein Fix wird nicht lange auf sich warten lassen.

1	echo "=x11-drivers/nvidia-drivers-295.20-r1" >> /etc/portage/package.mask/x11-drivers_nvidia-drivers.conf

Webmaster-Friday: Die Werte im Netz

2012-02-16T15:02:35-08:00

Ja, eine Woche geht wieder dem Ende entgegen und somit wird er wieder ausgerufen, der Webmaster-Friday. Das Thema diese Woche ist, wie ich finde, sehr interessant – Werte in Blogosphäre und Social-Networks, also die Werte im weltweiten Netz. Grund genug für mich da auch mal wieder ein paar Worte zu verlieren und somit meinem Senf dazu zu geben. Denn schon die Einleitung zum Artikel stellt viele Fragen, welche durchaus berechtigt sind.

Fragen über Fragen

Ich bin hier nun einfach mal so frei und zitiere ganz frech aus dem Artikel beim Webmaster-Friday.

Zählen klassische Werte wie Ehrlichkeit, Vertrauen, Bescheidenheit oder Mitgefühl auch im Internet? Haben diejenigen, die den klassischen Werten folgen, mehr Erfolg? Welche Werte kommen durch das Internet neu hinzu? Immer auf dem Laufenden sein? Leute im wirklichen Leben treffen? Klassenkasper sein? Nehmen und Geben oder Geben und Nehmen? Oder nur Geben? Oder nur Nehmen???

Diese und weitere Fragen werden dort aufgeworfen. Und sind wir mal ganz ehrlich, wer hat sich diese nicht schon selbst einmal gestellt? Wer jetzt sagt “Ich nicht” der lügt. Denn schließlich geht es hierbei darum, wie man selbst im Netz auftritt, sich präsentiert – ja teilweise sogar verkauft (im positiven Sinne) – und wie man erwarten, dass andere einem begegnen.

Ich schreibe nun einfach mal meine Gedanken dazu nieder, wenn es etwas sprunghaft wird, bitte ich dies zu entschuldigen.

Was zählt?

Um dies gleich mal vorweg zu beantworten, Ehrlichkeit ist im Netz oftmals ein schmerzlich vermisstes Gut. Jeder ist etwas Besonderes, kann etwas Besonderes, kann mehr und besser als der andere, ringt somit um Beachtung. Somit ist der Begriff der Ehrlichkeit im Netz teilweise etwas inflationär und falsch genutzt. Ich denke da nur an die ganzen Möchtegern-Geschäftsleute, die einem die ultimative Idee verkaufen wollen um schnell reich zu werden und so weiter. Aber ok, das ist vielleicht ein etwas sehr überzogenes Beispiel. Ich möchte hier jedoch nicht alle in einen Topf werfen, denn es gibt durchaus auch Menschen im Netz, die von ihrer Glaubwürdigkeit abhängig sind. Die im Netz auf solider Arbeit sich eine Kundschaft aufgebaut haben und diese natürlich auch halten müssen um zu überleben.

Aber zählen sie nun, die klassischen Werte, Ehrlichkeit, Vertrauen, Mitgefühl, Bescheidenheit? Meiner Meinung nach, ja. Denn durch solche Eigenschaften wird eine Person doch erst authentisch, oder etwa nicht? Wenn ich im Netz jemandem begegne, jemandem Neues, dann ist dieser Jemand erst mal ein Fremder für mich. Jemand den ich erst kennen lernen muss. Hab ich öfter mit dieser Person zu tun, bildet sich natürlich ein gewisses Vertrauensverhältnis, ok, nicht unbedingt vergleichbar mit dem “echten” Leben, aber schon so in der Art. Da wir ja im Netz unterwegs sind und ich dieser Person nicht in die Augen sehen kann, also eher unpersönlich Kommuniziere, ist der Weg natürlich etwas länger. Hier hilft es, wenn die Person mir gegenüber authentisch rüber kommt. Also ich nicht das Gefühl habe, der will mich über Tisch ziehen, sondern eher das Gefühl, dass man mit dem durchaus zusammen arbeiten kann, eventuell das eine oder andere Projekt auf die Beine stellen oder was auch immer.

Werden diese Werte durch das Netz verändert?

Natürlich.

Der Mensch ist von Haus aus visuell veranlagt. Über einen Chat, Twitter, Facebook kann ich zwar auf gewisse Profilinformationen zurückgreifen, ich kann Google befragen, aber in wie weit ist das wirklich die Person die mit mir kommuniziert? Also begegnet man den Leuten doch schon mit einer gesunden Portion Misstrauen, so zumindest ich. Denn was zu gut klingt um wahr zu sein, ist es auch selten.

Auch solche Werte wie Solidarität erleben durch das Netz eine komplett neue und teilweise sehr abstrakte Definition. Im Artikel vom Webmaster-Friday wird es angesprochen.

Können Bewegungen wie Anonymus davon profitieren, dass sich eventuell unreflektierte neue Werte in der Blogosphäre bzw. im Social Web verändern?

Na, natürlich, definitiv. Gerade die, in meinem Augen Kiddies, die sich Anonymous nennen. Der Thomas hatte dazu mal nen schönen Rant verfasst, den ich so wie er dort geschrieben steht, unterzeichnen würde. Das ist schlichtweg falsch verstandene Solidarität. Das geht auf Dauer ganz böse nach hinten los. Was bringt es, nur weil einer bekannten freien Whistleblower-Plattforn der Geldhahn zugedreht wird, die Server der ehemaligen finanziellen Unterstützer per DDoS anzugreifen und lahmzulegen? Richtig, nichts. Das ist keine Solidarität, das ist blanke Dummheit. Denn genau diese Aktionen sind doch das was der “ach so bösen” Netzgemeinde immer vorgeworfen wird. So wird genau dieses Vorturteil bestätigt. Alles kriminelle. Also nix mit Ehrlichkeit, Aufrichtigkeit und so weiter. Eine kleine Gruppe von Sinderschul-”Hackern” – dürfen die sich überhaupt so nennen? – ruiniert quasi den Ruf der Netzgemeinde. Da bleiben doch dann diese “klassischen” Werte im Netz schnell mal auf der Strecke. Aber ich merke es schon, ich steigre mich da gerade zu sehr in etwas hinein, eine Richtung die ich nicht einschlagen wollte.

Der größten Beeinflussung im Netz unterliegt die Kommunikation in Schriftform. Kleines Beispiel gefällig?

findet ihr es nicht auch grausam wenn immer alles komplett klein gschrieben wird nach möglichkeit dann auch noch völlig ohne korrekte interpunktion und sonstige satzzeichen so dass man irgendwann nicht mehr erkennt wann ein satz zu ende ist und der nächste beginnt oder macht euch das nichts aus und ihr habt quasi eine autokorrektur beim lesen

Grausam, oder? Der Verzicht auf jede Art der Rechtschreibung, Grammatik und was nicht noch alles. Wo bleiben da die klassischen Werte? Verlernt man, sobald man im Netz kommuniziert wirklich alles was man jahrelang in der Schule gelernt hat? Denn gerade im Netz, wo ein Hauptteil der Kommunikation schriftlich stattfindet, sei es in Foren, Twitter oder Facebook, sollte man doch – so denke ich jedenfalls – darauf achten, dass diese Kommunikation so sauber wie möglich abläuft. Also auch ein Mindestmaß an Rechtschreibung beinhaltet. hier und da mal ein Komma, Substantive groß, Satzzeichen am Ende. Oder sehe ich das falsch? Ich gebe gut und gerne zu, dass meine Rechtschreibung auch nicht perfekt ist, aber ich versuche wenigstens darauf zu achten. Fehler passieren, dennoch ist es ein Unterschied, ob man dies vorsätzlich missachtet, oder es wirklich ein Flüchtigkeitsfehler ist. Für mich ist es einfach ein Zeichen des Respekts gegenüber meines Kommunikationspartners, wenn ich ihm keinen Buchstabensalat vor die Füße werfe. Auch so ein “klassischer” Wert, oder?

Abgesang

Ok, ich muss zugeben, wer es bis hier her geschafft hat, Respekt

Wie ich eingangs schon erwähnte, schreibe ich hier einfach mal meine Gedanken dazu auf, ohne große Ordnung, einfach tippen, was mir in dem Moment durch den Kopf geht. Eine Frage jedoch finde ich noch sehr interessant.

Oder ist das Internet letztlich doch nur ein virtuelles Abbild unserer Gesellschaft?

Nun, ein ganz klares Jain. Die Grenzen sind dazu, meines Erachtens nach, zu sehr verschwommen. Es ist nicht mehr klar und deutlich auszumachen, was was beeinflusst. Ob das Netz die reale Gesellschaft, oder doch andersrum. Beeinflussung ist definitiv von beiden Seiten in beide Richtungen vorhanden. Immer positiv? Nein …

Da dies aber meine Gedanken und meine Meinungen sind, steht es euch natürlich frei komplett anderer Meinung zu sein. Lasst es mich wissen

Changelog bei Pluginupdates ausgeben

2012-02-10T04:21:33-08:00

Ich muss sagen, zu diesem Artikel wurde ich via Twitter quasi “genötigt” und es schloss sich ihm gleich noch jemand an, aber dem komme ich doch gerne nach. Es geht hierbei um nichts anderes, als zu beschreiben, wie man es als Pluginentwickler für WordPress hinbekommt, dass bei den Nutzern des Plugins direkt das Changelog mit in der Pluginübersicht angezeigt wird, wenn ein Update des Plugins vorliegt. Demnach richtet sich dieser Artikel weniger an die WordPress-Nutzer, sondern eher an die Entwickler.

Den Nutzer informieren

Plugins unterliegen einem mehr oder weniger regelmäßigen und zügigen Updatezyklus und das ist auch gut so, denn nur ein Plugin welches immer weiter entwickelt wird, wird auch von den Nutzern gerne angenommen. Wie diese Entwicklungen aussehen, spielt hier erst mal keine Rolle, sondern es geht schlichtweg darum, aufzuzeigen, wie der Nutzer die Neuerungen im Plugin gleich auf den ersten Blick sieht und nicht erst lange nach einem Changelog suchen muss. Dies ist meiner Meinung nach ein recht wichtiger Bestandteil eines Plugins.

The Magic

Eigentlich ist es keine Magie, sondern etwas simples PHP. Eine Funktion innerhalb des Plugins, welche mittels add_action an WordPress kommuniziert wird. Zunächst muss man erst einmal wissen, wo im WordPress SVN die readme.txt des Plugins liegt, denn genau diese wird dabei ausgelesen.

Beispiel (an Hand meines 2-Click Socialmedia Buttons Plugins):

1	$url_readme = 'http://plugins.trac.wordpress.org/browser/2-click-socialmedia-buttons/trunk/readme.txt?format=txt';

Hier ist schon zu erkennen, wie diese URL grundsätzlich aufgebaut ist. Ersetzen müsst ihr nur noch den teil, welcher den Namen des jeweiligen Plugins beinhaltet. Aber nun, ohne hier lange und große Reden schwingen zu wollen, die PHP-Funktion, welche das Changelog in das WordPress Backend zaubert.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74

/**
* Changelog bei Pluginupdate ausgeben.
*/
if(!function_exists('plugin_update_notice')) {
function plugin_update_notice() {
$var_sUserAgent = 'Mozilla/5.0 (X11; Linux x86_64; rv:5.0) Gecko/20100101 Firefox/5.0';
$url_readme = 'http://plugins.trac.wordpress.org/browser/2-click-socialmedia-buttons/trunk/readme.txt?format=txt';
$data = '';

/**
* Check if we have to use file_get_contents or cURL
*/
if(ini_get('allow_url_fopen')) {
$data = file_get_contents($url_readme);
} else {
if(function_exists('curl_init')) {
$cUrl_Channel = curl_init();
curl_setopt($cUrl_Channel, CURLOPT_URL, $url_readme);
curl_setopt($cUrl_Channel, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($cUrl_Channel, CURLOPT_USERAGENT, $var_sUserAgent);

$data = curl_exec($cUrl_Channel);

curl_close($cUrl_Channel);
} // END if(function_exists('curl_init'))
} // END if(ini_get('allow_url_fopen'))

if($data) {
$matches = null;
$regexp = '~==\s*Changelog\s*==\s*=\s*[0-9.]+\s*=(.*)(=\s*' . preg_quote(CURRENT_PLUGIN_VERSION) . '\s*=|$)~Uis';

if(preg_match($regexp, $data, $matches)) {
$changelog = (array) preg_split('~[\r\n]+~', trim($matches[1]));

echo '</div><div class="update-message" style="font-weight: normal;"><strong>What\'s new:</strong>';
$ul = false;
$version = 99;

foreach($changelog as $index => $line) {
if(version_compare($version, CURRENT_PLUGIN_VERSION, ">")) {
if(preg_match('~^\s*\*\s*~', $line)) {
if(!$ul) {
echo '<ul style="list-style: disc; margin-left: 20px;">';
$ul = true;
} // END if(!$ul)

$line = preg_replace('~^\s*\*\s*~', '', $line);
echo '<li>' . $line . '</li>';
} else {
if($ul) {
echo '</ul>';
$ul = false;
} // END if($ul)

$version = trim($line, " =");
echo '<p style="margin: 5px 0;">' . htmlspecialchars($line) . '</p>';
} // END if(preg_match('~^\s*\*\s*~', $line))
} // END if(version_compare($version, TWOCLICK_SOCIALMEDIA_BUTTONS_VERSION,">"))
} // END foreach($changelog as $index => $line)

if($ul) {
echo '</ul><div style="clear: left;"></div>';
} // END if($ul)

echo '</div>';
} // END if(preg_match($regexp, $data, $matches))
} else {
/**
* Returning if we can't use file_get_contents or cURL
*/
return;
} // END if($data)
} // END function plugin_update_notice()
} // END if(!function_exists('plugin_update_notice'))

Eingebunden wird das nun alles – ich erwähnte es weiter oben schon – via add_action.

1
2
3
4
5
6

if(is_admin()) {
// Updatemeldung
if(ini_get('allow_url_fopen') || function_exists('curl_init')) {
add_action('in_plugin_update_message-' . plugin_basename(__FILE__), 'plugin_update_notice');
}
}

Randnotiz

Da diese Funktion auf Techniken wie file_get_content oder cURL setzt, um eine externe Datei zu lesen, kann es durchaus sein, dass dies nicht auf allen Systemen funktioniert. Aber diese Fälle werden innerhalb der Funktion abgefangen.

Ich hoffe die Herren Mühlwitz und Feller können nun etwas ruhiger schlafen

Warum brauche ich ein Testsystem - Auch für Blogger nicht unwichtig ...

2012-02-09T08:33:46-08:00

Auch für Blogger nicht unwichtig ...

Das Thema mit dem Testsystem ist immer so eine Sache. Oft wird es mit der Behauptung abgetan, dass dies nur Entwickler brauchen um ihren Code zu testen. Dies ist in meinen Augen nicht ganz richtig. Auch für Blogger ist ein solches Testsystem nicht ganz unwichtig und sogar von Vorteil.

Aber ich bin doch nur Blogger

Ja, richtig. Dennoch nutzt Du Themes und Plugins von diversen Entwicklern. Diese halten sich zwar größtenteils an die Standards, die WordPress vorgibt, dennoch kann es bei einigen Themes und Plugins sein, dass diese Funktionen verwenden, die auf Deinem System nicht unbedingt rund laufen. Dies kann schnell zu Fehlern in der Anzeige oder gar unschönen Fehlermeldungen in Deinem Blog führen. Wäre es da nicht schön, Du hättest es vorher getestet?

Warum gibt es Unterschiede zwischen meinem System und anderen

Die wirklich einzige Gemeinsamkeit die Du und andere Blogger haben, ist, ihr nutzt vermutlich WordPress. Das war es auch schon. Die Unterschiede liegen bei euren verwendeten Servern, bzw. deren Konfiguration. Einige haben eigene Server für ihren Blog, andere nutzen ein Webhostingpaket. Und so vielseitig diese sind, genau so vielseitig sind auch die Konfigurationen dieser Systeme.

Mit Konfiguration ist einerseits nicht nur die Hardware gemeint, diese ist hier weniger entscheidend, sondern eher die Konfiguration eures Apache, also des Webserver und des PHP-Interpreters selbst. Hier gibt es unzählige Hürden, die ein Funktionieren eines Themes oder Plugins verhindern können. Und nicht immer ist eine Fehlermeldung zu finden. Beim Apache sind es die Module, welche den Funktionsumfang bestimmen, bei PHP ebenfalls. Beide haben natürlich gewisse Module, welche mittlerweile als Standard immer mit dabei sind, dennoch fehlt oftmals eine Kleinigkeit.

Auch die Einstellungen sind hier entscheidend. Safe-Mode, OpenBasedir-Restriction, cURL jSON und so weiter. Böhmische Dörfer? Ihr seht also, Unterschiede gibt es viele.

Was hat das mit einem Blogger zu tun

Einige Plugins, gerade wenn Informationen von externen Diensten abgeholt und angezeigt werden soll, benötigen solche Sachen wie cURL oder jSON. Auch ist in einigen Themes habe ich so etwas schon gesehen. Sind dann diese Funktionen nicht vorhanden, kommt es teilweise zu unschönen Fehlermeldungen und die müssen im Blog ja nun wirklich nicht sein.

Wo baue ich so ein Testsystem auf?

Das kommt darauf an, wie versiert ihr seid.

Wenn ihr genau wisst, wie man einen Webserver aufsetzt, könnt ihr das auf eurem Rechner daheim machen. Dort einen lokalen Apache installieren. PHP dazu und nach Möglichkeit die Konfiguration von eurem Liveserver (der wo euer Blog drauf liegt) übernehmen. Somit habt ihr quasi eine Kopie eures Livesystems daheim, das im auch so reagiert. ein wenig ausführlicher ist dies in einem älteren Artikel von mir beschrieben, in dem ich mich schon mal dem Thema WordPress-Testsystem gewidmet habe.

Seid ihr da weniger talentiert, oder traut euch dies nicht zu, dann erstellt einfach eine Subdomain zum testen. Stellt sicher, dass nur ihr auf diese Zugriff habt.Bei den meisten Hostern kann man dies im Konfigurationstool (Froxlor, Confixx, Plesk oder was immer ihr da auch habt) einstellen. Der Vorteil hier ist, ihr müsst das System nicht nachbauen. Der Nachteil, sollte durch irgendeinen unbedachten Code der Server nicht mehr reagieren, betrifft dies dann auch euer Livesystem, da beide System auf dem selben Server sind.

Nun installiert ihr WordPress mit eurem Theme und Plugins und könnt munter drauf los testen. Geht etwas schief, ist nur das Testsystem betroffen und nicht euer Blog, was die Öffentlichkeit sieht. Auch Updates von WordPress, Plugins oder dem Theme immer erst in einer Testumgebung auf Herz und Nieren prüfen.

Empfehlung

Immer ein Testsystem aufbauen bzw eine Kombination aus lokalem und serverbasierten Testsystem nutzen. Änderungen immer erst in dieses Testumgebungen prüfen und wenn alles so läuft wie gewünscht in das Livesystem übertragen.

Natürlich gilt dies nicht nur für Änderungen an Plugins oder Themes, sondern auch für eure Artikel. Schreibt diese im Testsystem und ihr könnt in aller Ruhe schauen, ob alles zu eurer Zufriedenheit ausfällt. Auch ein nicht zu unterschätzender Vorteil

In diesem Sinne …

WordPress-Plugin: Social Impact Widget

2012-02-08T08:41:08-08:00

Der Kontakt zu den Lesern eines Blogs ist wichtig. Auch die Veröffentlichung eines Artikels nicht nur im Blog, sondern auch per RSS und Netzwerken wie Twitter, Google+ und Facebook ist mittlerweile Gang und Gebe. Da ist es doch ab und an auch interessant, wie viele dort eventuell auf diesen Artikel aufmerksam werden. Nicht nur für den Autor, auch für den Besucher eines Blogs kann diese Information nützlich sein.

Was macht das Widget

Das Social Impact Widget stellt genau diese Informationen in der WordPress-Sidebar schön aufgearbeitet dar und verlinkt auch gleich an die richtige Stelle. Mit andern Worten, die Anzahl der Follower bei Twitter, Kreise bei Google+, Fans der Facebook Fanpage und RSS-Leser wird in der Sidebar optisch ansprechend präsentiert. Für das Aussehen des Widgets hat Kai Köpke einmal mehr seine Kenntnisse in Sachen CSS unter Beweis gestellt.

Einrichtung

Die Einrichtung ist denkbar einfach, installieren wie man es von WordPress-Plugins gewohnt ist, aktivieren und unter Design -> Widgets findet man dann das Social Impact Widget. Die Felder sind eigentlich selbsterklärend, aber ich werde trotzdem noch ein bis zwei Sätze dazu verlieren.

Twitter-ID

Mit der Twitter-ID ist eigentlich nur der eigene Twittername gemeint. Komplett ohne @ davor. Einfach euern Twitternamen da rein und fertig.

Googleplus-ID

Hier wird es schon etwas komplizierter. Die Googleplus-ID ist eine 21-stellige Zahl, welche ihr im Link zu eurem Googleplus-Konto findet. Beispiel: https://plus.google.com/117945900915479853539/posts

Es können hier übrigens sowohl Nutzer als auch Seiten-IDs verwendet werden

Facebook Fanpage-ID

Auch hier ist es etwas umständlicher, denn Facebook schreibt diese nicht einfach so offen hin. Geht dazu bei Facebook auf eure Fanpage und wählt dort den Link “Info bearbeiten”. In diesem Link steht ebenfalls eine ID, 15 Zeichen lang. Die wird hier gebraucht.

Feedburner-ID

Das ist euer Feed, bei Feedburner. Eure ID steht ebenfalls in eurer Feed-URL. Beispiel: http://feeds.feedburner.com/ppfeufer

Wichtig ist hier jedoch, ihr solltet in euren Feedburner-Einstellungen die Awarness-API aktiviert haben.

Hinweis zu Google+

Das Widget kann natürlich die Anzahl der Kreise von Google+ nur auslesen, wenn diese auch öffentlich zu sehen ist. Dazu geht bei Google+ in eure Einstellungen unter Profil und Datenschutz und wählt nun unter Teilen -> Sichtbarkeit des Netzwerkes bearbeiten. Hier könnt ihr festlegen, ob die Anzahl der Kreise in denen ihr euch befindet, öffentlich sichtbar sein soll, oder nicht. Dazu setzt einfach einen haken unter “Ich in Kreisen von anderen”.

Update der Werte im Widget

Das Widget wird alle Werte für eine Stunde cachen und dann neu einlesen. Bedenkt dies bitte, wenn ihr Änderungen an den Einstellungen – also den IDs – vornehmt. So kann es also bis zu einer Stunde dauern, bis die neuen Daten im Widget angezeigt werden. Dies dient nicht um euch zu ärgern, sondern um die APIs der einzelnen Anbieter zu schonen.

In diesem Sinne, wünsche ich viel Spaß mit den Widget

DownloadSocial Impact Widget (Version 0.6.1)

WordPress 3.4: Direkte Einbindung von Tweets in den Artikel

2012-02-02T19:50:24-08:00

An WordPress wird ja bekanntlich immer gearbeitet und so soll es ja nun bald Version 3.4 des beliebten (Blog-)CMS geben. Natürlich ist auch hier die Liste der Neuerungen nicht unbedingt klein auch sind definitiv wieder diverse Bugfixes dabei um kleinere Fehler auszubügeln. Einen groben Zeitplan zu WordPress 3.4, wann was passieren soll, findet ihr bei Perun. Aber diese sollen hier nicht Anlass sein, sondern ein – wie ich finde – interessantes Feature, über das ich durch Zufall gestolpert bin.

oEmbed erweitert

Die Einbindung von Tweets in den Artikel ist immer schon ein Thema gewesen, wo keiner so richtig wusste, wie man es nun am besten bewerkstelligt. Screenshot vom Tweet selbst und dann das Bild in den Artikel einbauen, oder doch ein Plugin, dass den Tweet in den Artikel einbindet?

Nun, dies hat mit WordPress 3.4 nun ein Ende, denn dann funktioniert das alles ganz einfach. Alles was man braucht, ist der Link zu einem Tweet. Das sind diese Dinger hier:

https://twitter.com/#!/ppfeufer/statuses/165270773873913856

Den kopiert man einfach in den Artikel in eine eigene Zeile und den Rest besorgt WordPress dann. Sieht dann so aus:

Twitter oEmbed in WordPress 3.4

Dafür wurde die oEmbed-Klasse (/wp-includes/class-oembed.php) von WordPress etwas aufgebohrt und um

1	'#https?://(www\.)?twitter.com/.+?/status(es)?/.*#i' => array( 'http://api.twitter.com/1/statuses/oembed.{format}', true ),

erweitert.

Und bei meiner kleine Exkursion in diese Klasse fand ich noch ganz andere Sachen, die von WordPress direkt gehandhabt werden. Videos von Youtube und Vimeo zum Beispiel und auch Inhalte von Flickr, Photobucket, Polldaddy und so weiter. Aber wie gesagt, neu bei WordPress 3.4 wird dann Twitter sein

Nachteil:

Natürlich hat diese Methode auch einen kleinen Haken, der gerade die deutschen Blogger betrifft. Wie auf dem Bild zu sehen, ist da auch direkt ein “Folgen”-Button mit drin. Also wird wieder direkt das Script von Twitter eingebunden, was ja nicht so wirklich dem deutschen Datenschutz entspricht. Nutzung also auf eigene Verantwortung.

(Gentoo) Linux: KDE Menü Icon ändern

2012-02-01T04:18:50-08:00

Ich nutze KDE, ja ich oute mich hier und jetzt
Nein, dies soll kein Anlass einer weiteren Diskussion KDE vs. GNome werden, sondern ein schneller Hinweis an alle, denen wie mir, das blaue K, welches per default als Menüicon verwendet wird nicht gefällt und dieses ändern wollen, so zum Beispiel in das schöne Gentoo-Logo oder auch in ein Logo eurer Wahl.

Um dies zu bewerkstelligen kann man nun hergehen und innerhalb des verwendeten Desktopthemes auf – wie ich finde – recht umständliche Weise mit ner Menge copy-Befehlen die Logos austauschen, oder man macht es wie ich und sucht nach einer einfacheren Methode. Nicht das ich etwas gegen einen gepflegten Aufenthalt in der Konsole habe, aber wieso umständlich, wenn es auch simpler geht.

So bin ich auf ein kleines aber doch recht effektives Bash-Script von Andrzej Kardaś gestoßen, welches genau das macht, was ich will. Also, runterladen und los gehts

Wie dieses Script genau funktioniert, ist natürlich in seinem Artikel auch ausführlich erklärt und wer etwas genauer hinschaut, findet auch schnell raus, wie man dort andere Logos als das Gentoo-Logo für das KMenü verwenden kann.