H.-Peter Pfeufer

WordPress 3.6 – Was wird es Neues geben? - Ein kleiner Blick unter die Haube von WordPress 3.6

2013-05-13T03:29:24-07:00

Die dritte Beta von WordPress 3.6 ist erschienen, Zeit mal einen kleinen Blick zu wagen, was es denn in der neuen Version so alles Schönes und Neues geben wird. In den vergangenen Tagen wurden ja hier und da immer mal wieder ein paar Stichpunkte veröffentlicht, ich versuche das nun mal grob zusammen zu fassen.

Post Formats (Artikelformate)

Die neue Auswahl der Artikelformate in WordPress 3.6.

Diese werden wesentlich einfacher zu handhaben sein. Während in WordPress 3.5 noch ein “Widget” die Artikelformate auflistet und dieses gerne mal etwas auf der Bearbeiten-Seite des Artikels unter geht, werden diese nun deutlich in den Vordergrund gebracht. Und zwar direkt ganz oben beim Erstellen oder Bearbeiten eines Artikels. Je nach Auswahl des Formates werden dann auch die entsprechenden Formularelemente eingeblendet. So erhält man bei “Video” zum Beispiel ein Feld um den Embed-Code des Videos direkt dort eingeben zu können. Diese können auch ganz bequem über die Optionen am oberen Browserrand ausgeblendet werden, wenn man sie nicht nutzen möchte.

oEmbed

Ist bei WordPress zuständig, um Links zu Videos bei Youtube oder Twitter in eine “schöne” Anzeige um zu wandeln. Bei WordPress 3.5 ist die Unterstützung für Twitter hinzu gekommen, bei WordPress 3.6 werden wieder zwei Dienste neu dabei sein. Die beiden Musikstreamingdienste Rdio und Spotify.

Eigene Menüs

Auch hier wurde etwas gearbeitet. Diese sollen nun noch leichter zu erstellen sein, als bisher. Die Seite unter Design -> Menüs wurde überarbeitet und in zwei Reiter aufgeteilt. Edit Menues und Manage Locations. Wie die Namen schon sagen, kann auf dem ersten Reiter ein Menü erstellt werden und auf dem Zweiten wird dieses einen Ort im Theme zugeordnet.

Umlaute im Titel

Auch hier hat sich einiges getan. Mussten die deutschen Umlaute im Artikeltitel bisher via Plugin im Link angepasst werden, so geschieht dies nun automatisch und ein Plugin ist dafür nicht mehr notwendig.. Also aus Ä wird im Link ae, aus Ö wird oe und so weiter.

Neues Standard-Theme

Das neue Standard-Theme “Twenty Thirteen” setzt auf kräftige Farben.

Hier wirds bunt, Twenty Thirteen setzt auf kräftige Farben, ist grozügig was den Platz auf der Seite angeht und unterstützt alle Formatvorlagen von WordPress.

Hinweis

Wer sich selbst ein Bild von WordPress 3.6 machen möchte vorab, kann dies natürlich gerne tun. Die Nightly Builds liegen zum Download bereit. Jedoch sei gesagt, dass diese nicht für den produktiven Einsatz gedacht sind, da es sich hier noch nicht um Finale Versionen handelt. Diese bitte nur in einer Testumgebung laufen lassen und nicht eure Seite damit versorgen.

Steam for Linux: Assertion Failed: ClientAPI_InitGlobalInstance: InternalAPI_Init_Internal failed.

2013-04-25T02:22:39-07:00

Genau diese Meldung bekam ich, als ich heute Steam for Linux starten wollte. Was mich dabei sehr verwunderte, am Abend davor lief noch alles ohne Probleme durch, die Spiele liefen wie immer ohne Probleme. Doch als ich heute Steam for Linux starten wolte, ging nichts, außer das ein Steam-Update vor dem Login lief. Danach nichts mehr.

Also ließ ich Steam mal aus der Konsole heraus starten und bekam die folgenden Meldungen.

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

ppfeufer@odin ~ $ steam
Running Steam on gentoo 64-bit
STEAM_RUNTIME is disabled by the user
Installing breakpad exception handler for appid(steam)/version(1366845241_client)
Installing breakpad exception handler for appid(steam)/version(1366845241_client)
unlinked 0 orphaned pipes
Installing breakpad exception handler for appid(steam)/version(1366845241_client)
[0425/105338:ERROR:object_proxy.cc(239)] Failed to call method: org.freedesktop.DBus.Error.ServiceUnknown: The name org.freedesktop.NetworkManager was not provided by any .service files
[0425/105338:WARNING:proxy_service.cc(646)] PAC support disabled because there is no system implementation
/home/buildbot/buildslave_steam/steam_rel_client_ubuntu12_linux/build/src/steamUI/../common/steam/client_api.cpp (281) : Assertion Failed: ClientAPI_InitGlobalInstance: InternalAPI_Init_Internal failed.

Assert( Assertion Failed: ClientAPI_InitGlobalInstance: InternalAPI_Init_Internal failed.
):/home/buildbot/buildslave_steam/steam_rel_client_ubuntu12_linux/build/src/steamUI/../common/steam/client_api.cpp:281

Installing breakpad exception handler for appid(steam)/version(1366845241_client)
Uploading dump (out-of-process) [proxy '']
/tmp/dumps/assert_20130425105338_1.dmp
/home/buildbot/buildslave_steam/steam_rel_client_ubuntu12_linux/build/src/steamUI/SteamStartup.cpp (628) : Assertion Failed: ! "There was a problem with your Steam installation.\n" "Please reinstall steam.\n"
unlinked 2 orphaned pipes
CAsyncIOManager: 0 threads terminating. 0 reads, 0 writes, 0 deferrals.
CAsyncIOManager: 58 single object sleeps, 0 multi object sleeps
CAsyncIOManager: 0 single object alertable sleeps, 1 multi object alertable sleeps
[2013-04-25 10:53:37] Startup - updater built Apr 24 2013 14:58:47
[2013-04-25 10:53:37] Opted in to client beta 'publicbeta' via beta file
[2013-04-25 10:53:37] Installation wird überprüft...
[2013-04-25 10:53:37] Verification complete
Shutting down. . .
[2013-04-25 10:53:38] Shutdown
Finished uploading minidump (out-of-process): success = yes
response: CrashID=bp-0147e7de-308e-4670-93c6-dbfe32130425

Also, irgendwas wollte da nicht und ich hab mich etwas durch die Steam Foren gewühlt und bin schließlich im Gentoo-Wiki fündig geworden, denn ein einfacher re-emerge von Steam hat auch nicht geholfen.

1	steam --reset

Damit wird Steam zurückgesetzt ohne dass gleich alle Spieldaten verloren gehen und siehe da, ein größeres Update nach dem Start später konnte ich mich wieder einloggen.

Update (07. Mai 2013)

Sollte der erst genannte Tipp nicht funktioniereen, kann man auch noch die Steam Runtime aktivieren.

1	STEAM_RUNTIME=1 steam

CSS-Clearfix: Floats anständig clearen

2013-04-02T01:59:40-07:00

Elemente die "gefloated" sind, trifft man überall auf Webseiten. also hier und da mal ein float:left; oder float:right; ist ja nicht weiter tragisch und hilft ungemein dabei, die Webseite zu gestalten. Allerdings sollte man immer dafür sorgen, dass das Floating nach dem letzten Element aufgehoben wird, ansonsten kann es sein, dass das folgende Element etwas an der falschen Stelle steht.

Hierzu wurde gerne – und man sieht es noch sehr häufig – ein leeres DIV mit der Klasse clear eingefügt. Dies führt nun dazu, dass man im Zweifelsfall eine Menge von diesen sinnlosen und leeren Containern hat. Das muss nicht sein, denn um mal Guido Mühlwitz zu zitieren:

Guido Mühlwitz@muehlwitz
Follower: 757
Webdeveloper & Blogger mit Hang zur komplexen Webanwendung. Gefährlicher Hobby-Koch mit Gasgrill und Hang zu Spanferkel.
@ppfeufer dafür hat der gott des internets :before und :after erfunden ;)

und auch Torben Leuschner hat da seine eigene Art das Problem zu lösen:

Torben Leuschner@torbenleuschner
Follower: 725
Mag technisches Online Marketing, regen Wissensaustausch, nette Kontakte, moderne Webtechnologien und guten Kaffee :)
@ppfeufer overflow:auto;

Also, hier die beiden Lösungsansätze, die beide wunderbar funktionieren.

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Clearing Floats</title>
<style type="text/css">
.float-left {float:left; width:300px;}
.float-right {float:right; width:300px;}
.container {overflow:auto;}

/* Clearfix
----------------------------------------------- */
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {zoom:1;} /* For IE 6/7 (trigger hasLayout) */
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
</style>
</head>
<body>
<div>
<p>Overflow-Methode</p>
<div class="container">
<div class="float-left">
<p>Der hier ist links gefloatet.</p>
</div>
<div class="float-right">
<p>Der hier ist rechts gefloatet</p>
</div>
</div>
<p>Und hier geht es ohne Floating weiter</p>
</div>

<div>
<p>Hier die Clearfix-Methode</p>
<div class="clearfix">
<div class="float-left">
<p>Der hier ist links gefloatet.</p>
</div>
<div class="float-right">
<p>Der hier ist rechts gefloatet</p>
</div>
</div>
<p>Und hier geht es ohne Floating weiter</p>
</div>
</body>
</html>

Viel Spaß :-)

Große SQL-Dumps aufteilen

2013-03-20T01:20:51-07:00

Ab und an muss man auch mal in PHPMyadmin einen SQL-Dump importieren. Ist ja prinzipiell erst mal kein Thema, aber es kann auch vorkommen, dass diese .sql-Datei doch sehr groß ist und somit das Limit, welches in PHP gesetzt ist bei weitem überschreitet. Alles per Hand aus der Datei rausfummeln ist in solchen Fällen zu umständlich und kostet viel zu viel Zeit.

Für genau solche Fälle habe ich ein kleines Tool gefunden, welches da schnell und umkompliziert Abhilfe schafft. SQLDumpSpiltter nennt es sich und ist unter http://www.sqldumpsplitter.com/ frei erhältlich. Einfach runterladen und starten, SQL-Datei auswählen, die gwünschte Größe der Teildateien angeben und los geht. Das Tool zerlegt dann die große SQL-Datei in mehrere kleinere die fein durchnummeriert sind. Zusätzlich wird noch eine Datei mit angelegt, welche DataStructure im Namen hat. Diese muss zuerst importiert werden, da hier die Tabellendefinitionen drin sind. Die restlichen Dateien einfach der Nummerierung nach inportieren und fertig.

Spart oftmals viel Zeit und Nerven.

(PHP) Einmal XML to Array und zurück bitte

2013-03-18T04:29:49-07:00

Ab und an steht man vor der Herausforderung mit XML spielen zu müssen. Also XML auslesen, die Werte in ein Array werfen, verarbeiten, in eine Datenbank speichern, diese über eine Weboberfläche manipulieren und zu guter letzt wieder aus den neuen Werten ein XML zaubern. Alles nicht gerade man in ner Stunde gemacht, aber dennoch machbar. Dazu habe ich im weltweiten Netz zwei schöne Klassen gefunden, die mir neMenge Arbeit erspart haben, denn warum soll ich das Rad neu erfinden, wenn es schon Lösungen gibt und diese möchte ich euch nicht vorenthalten.

XML to Array

Mit dieser Klasse wird das XML in ein Array umgewandelt.

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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197

<?php
/**
* XmlToArray: A class to convert XML to array in PHP
* It returns the array which can be converted back to XML using the Array2XML script
* It takes an XML string or a DOMDocument object as an input.
*
* See Array2XML: http://www.lalit.org/lab/convert-php-array-to-xml-with-attributes
*
* Author : Lalit Patel
* Website: http://www.lalit.org/lab/convert-xml-to-array-in-php-XmlToArray
* License: Apache License 2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Usage:
* $array = XmlToArray::createArray($xml);
*/

if(!class_exists('XmlToArray')) {
class XmlToArray {
private static $xml = null;
private static $encoding = 'UTF-8';

/**
* Initialize the root XML node [optional]
*
* @param string $version
* @param string $encoding
* @param bool $format_output
*/
public static function init($version = '1.0', $encoding = 'UTF-8', $format_output = true) {
self::$xml = new DOMDocument($version, $encoding);
self::$xml->formatOutput = $format_output;
self::$encoding = $encoding;
} // END public static function init($version = '1.0', $encoding = 'UTF-8', $format_output = true)

/**
* Convert an XML to Array
*
* @param string $input_xml
* @throws Exception
* @return Ambigous DOMDocument <Ambigous, string, multitype:multitype: string multitype:string Ambigous >
*/
public static function &createArray($input_xml) {
$input_xml = self::strip_comment($input_xml);
$xml = self::getXMLRoot();

if(is_string($input_xml)) {
$parsed = $xml->loadXML($input_xml);

if(!$parsed) {
throw new Exception('[XmlToArray] Error parsing the XML string.');
} // END if(!$parsed)
} else {
if(get_class($input_xml) != 'DOMDocument') {
throw new Exception('[XmlToArray] The input XML object should be of type: DOMDocument.');
} // END if(get_class($input_xml) != 'DOMDocument')

$xml = self::$xml = $input_xml;
} // END if(is_string($input_xml))

$array[$xml->documentElement->tagName] = self::convert($xml->documentElement);

self::$xml = null; // clear the xml node in the class for 2nd time use.

return $array;
} // END public static function &createArray($input_xml)

/**
* Convert an Array to XML
*
* @param string $node XML as a string or as an object of DOMDocument
* @return Ambigous <string, multitype:multitype: string multitype:string unknown >
*/
private static function &convert($node) {
$output = array();

switch($node->nodeType) {
case XML_CDATA_SECTION_NODE:
$output['@cdata'] = trim($node->textContent);
break;

case XML_TEXT_NODE:
$output = trim($node->textContent);
break;

case XML_ELEMENT_NODE:
// for each child node, call the covert function recursively
for($i = 0, $m = $node->childNodes->length; $i < $m; $i++) {
$child = $node->childNodes->item($i);
$v = self::convert($child);

if(isset($child->tagName)) {
$t = $child->tagName;

// assume more nodes of same kind are coming
if(!isset($output[$t])) {
$output[$t] = array();
} // END if(!isset($output[$t]))

$output[$t][] = $v;
} else {
//check if it is not an empty text node
if($v !== '') {
$output = $v;
} // END if($v !== '')
} // END if(isset($child->tagName))
} // END for($i = 0, $m = $node->childNodes->length; $i < $m; $i++)

if(is_array($output)) {
// if only one node of its kind, assign it directly instead if array($value);
foreach($output as $t => $v) {
if(is_array($v) && count($v) == 1) {
$output[$t] = $v[0];
} // END if(is_array($v) && count($v) == 1)
} // END foreach($output as $t => $v)

if(empty($output)) {
//for empty nodes
$output = '';
} // END if(empty($output))
} // END if(is_array($output))

// loop through the attributes and collect them
if($node->attributes->length) {
$a = array();
foreach($node->attributes as $attrName => $attrNode) {
$a[$attrName] = (string) $attrNode->value;
} // END foreach($node->attributes as $attrName => $attrNode)

// if its an leaf node, store the value in @value instead of directly storing it.
if(!is_array($output)) {
$output = array(
'@value' => $output
);
} // END if(!is_array($output))

$output['@attributes'] = $a;
} // END if($node->attributes->length)

break;
} // END switch($node->nodeType)

return $output;
} // END private static function &convert($node)

/**
* Get the root XML node, if there isn't one, create it.
*
* @return NULL
*/
private static function getXMLRoot() {
if(empty(self::$xml)) {
self::init();
} // END if(empty(self::$xml))

return self::$xml;
} // END private static function getXMLRoot()

/**
* Strip the comments out of our XML
*
* @param string $input_xml
* @return string
*/
private static function strip_comment($input_xml) {
return preg_replace('//', '', $input_xml);
} // END private static function strip_comment($input_xml)
} // END class XmlToArray
} // END if(!class_exists('XmlToArray'))

$xml = '<?xml version="1.0" encoding="UTF-8"?>
<movies type="documentary">
<movie>
<title>PHP: Behind the Parser</title>
<characters>
<character>
<name>Ms. Coder</name>
<actor>Onlivia Actora</actor>
</character>
<character>
<name>Mr. Coder</name>
<actor>El ActÓr</actor>
</character>
</characters>
<plot><![CDATA[So, this language. It\'s like, a programming language. Or is it a scripting language? All is revealed in this thrilling horror spoof of a documentary.]]></plot>
<great-lines>
<line>PHP solves all my web problems</line>
</great-lines>
<rating type="thumbs">7</rating>
<rating type="stars">5</rating>
</movie>
</movies>';

$array = XmlToArray::createArray($xml);

echo '<pre>';
print_r($array);

Array to XML

Und hier wieder zurück in ein XML

<?php
/**
* ArrayToXml: A class to convert array in PHP to XML
* It also takes into account attributes names unlike SimpleXML in PHP
* It returns the XML in form of DOMDocument class for further manipulation.
* It throws exception if the tag name or attribute name has illegal chars.
*
* Author : Lalit Patel
* Website: http://www.lalit.org/lab/convert-php-array-to-xml-with-attributes
* License: Apache License 2.0
*    http://www.apache.org/licenses/LICENSE-2.0
*
* Usage:
*    $xml = ArrayToXml::createXML('root_node_name', $php_array);
*    echo $xml->saveXML();
*/
if(!class_exists('ArrayToXml')) {
class ArrayToXml {
private static $xml = null;
private static $encoding = 'UTF-8';

/**
* Initialize the root XML node [optional]
*
* @param string $version
* @param string $encoding
* @param bool $format_output
*/
public static function init($version = '1.0', $encoding = 'UTF-8', $format_output = true) {
self::$xml = new DomDocument($version, $encoding);
self::$xml->formatOutput = $format_output;
self::$encoding = $encoding;
} // END public static function init($version = '1.0', $encoding = 'UTF-8', $format_output = true)

/**
* Convert an Array to XML
*
* @param string $node_name name of the root node to be converted
* @param array $arr aray to be converterd
* @return DomDocument
*/
public static function &createXML($node_name, $arr = array()) {
$xml = self::getXMLRoot();
$xml->appendChild(self::convert($node_name, $arr));

self::$xml = null; // clear the xml node in the class for 2nd time use.

return $xml;
} // END public static function &createXML($node_name, $arr = array())

/**
* Convert an Array to XML
*
* @param string $node_name name of the root node to be converted
* @param array $arr aray to be converterd
* @throws Exception
* @return DOMNode
*/
private static function &convert($node_name, $arr = array()) {
//print_arr($node_name);
$xml = self::getXMLRoot();
$node = $xml->createElement($node_name);

if(is_array($arr)) {
// get the attributes first.;
if(isset($arr['@attributes'])) {
foreach($arr['@attributes'] as $key => $value) {
if(!self::isValidTagName($key)) {
throw new Exception('[ArrayToXml] Illegal character in attribute name. attribute: ' . $key . ' in node: ' . $node_name);
} // END if(!self::isValidTagName($key))

$node->setAttribute($key, self::bool2str($value));
} // END foreach($arr['@attributes'] as $key => $value)

unset($arr['@attributes']); //remove the key from the array once done.
} // END if(isset($arr['@attributes']))

// check if it has a value stored in @value, if yes store the value and return
// else check if its directly stored as string
if(isset($arr['@value'])) {
$node->appendChild($xml->createTextNode(self::bool2str($arr['@value'])));

unset($arr['@value']); //remove the key from the array once done.

//return from recursion, as a note with value cannot have child nodes.
return $node;
} else if(isset($arr['@cdata'])) {
$node->appendChild($xml->createCDATASection(self::bool2str($arr['@cdata'])));

unset($arr['@cdata']); //remove the key from the array once done.

//return from recursion, as a note with cdata cannot have child nodes.
return $node;
} // END if(isset($arr['@value']))
} // END if(is_array($arr))

//create subnodes using recursion
if(is_array($arr)) {
// recurse to get the node for that key
foreach($arr as $key => $value) {
if(!self::isValidTagName($key)) {
throw new Exception('[ArrayToXml] Illegal character in tag name. tag: ' . $key . ' in node: ' . $node_name);
} // END if(!self::isValidTagName($key))

if(is_array($value) && is_numeric(key($value))) {
// MORE THAN ONE NODE OF ITS KIND;
// if the new array is numeric index, means it is array of nodes of the same kind
// it should follow the parent key name
foreach($value as $k => $v) {
$node->appendChild(self::convert($key, $v));
} // END foreach($value as $k => $v)
} else {
// ONLY ONE NODE OF ITS KIND
$node->appendChild(self::convert($key, $value));
} // END if(is_array($value) && is_numeric(key($value)))

unset($arr[$key]); //remove the key from the array once done.
} // END foreach($arr as $key => $value)
} // END if(is_array($arr))

// after we are done with all the keys in the array (if it is one)
// we check if it has any text value, if yes, append it.
if(!is_array($arr)) {
$node->appendChild($xml->createTextNode(self::bool2str($arr)));
} // END if(!is_array($arr))

return $node;
} // END private static function &convert($node_name, $arr = array())

/**
* Get the root XML node, if there isn't one, create it.
*
* @return string
*/
private static function getXMLRoot() {
if(empty(self::$xml)) {
self::init();
} // END if(empty(self::$xml))

return self::$xml;
} // END private static function getXMLRoot()

/**
* Get string representation of boolean value
*
* @param bool $v
* @return Ambigous <string, unknown>
*/
private static function bool2str($v) {
//convert boolean to text value.
$v = ($v === true) ? 'true' : $v;
$v = ($v === false) ? 'false' : $v;

return $v;
} // END private static function bool2str($v)

/**
* Check if the tag name or attribute name contains illegal characters Ref:
* http://www.w3.org/TR/xml/#sec-common-syn
*
* @param string $tag
* @return boolean
*/
private static function isValidTagName($tag) {
$pattern = '/^[a-z_]+[a-z0-9\:\-\.\_]*[^:]*$/i';

return preg_match($pattern, $tag, $matches) && $matches[0] == $tag;
} // END private static function isValidTagName($tag)
} // END class ArrayToXml
} // END if(!class_exists('ArrayToXml'))

$array = array(
'@attributes' => array(
'type' => 'fiction'
),
'book' => array(
array(
'@attributes' => array(
'author' => 'George Orwell'
),
'title' => '1984'
),
array(
'@attributes' => array(
'author' => 'Isaac Asimov'
),
'title' => array(
'@cdata'=>'Foundation'
),
'price' => '$15.61'
),
array(
'@attributes' => array(
'author' => 'Robert A. Heinlein'
),
'title' => array(
'@cdata'=>'Stranger in a Strange Land'
),
'price' => array(
'@attributes' => array(
'discount' => '10%'
),
'@value' => '$18.00'
)
)
)
);

$xml = ArrayToXml::createXML('books', $array);
echo htmlentities($xml->saveXML());

Credits

Wie ich schon eingangs erwähnte, habe ich das Rad hier nicht neu erfunden, sondern zwei vorgefertigte Lösungen hergenommen. Die Variante XML to Array habe ich noch um eine Methode erweitert, welche mir eventuelle Kommentare erst mal aus dem Array rauswirft, da diese nur stören bei der Umwandling. “Erfunden” hat die beiden Klassen Lalit Patel der diese auch veröffentlicht hat.

XML to Array by Lalit Patel: http://www.lalit.org/lab/convert-xml-to-array-in-php-xml2array/
Array to XML by Lalit Patel: http://www.lalit.org/lab/convert-php-array-to-xml-with-attributes/
Mein Dank gilt daher diesem Herren, er hat mir ne Menge Zeit erspart :-)

Ich darf mich nun offiziell “Shopware certified Developer” nennen

2013-03-12T03:20:53-07:00

Eines schönen Montagmorgen im Büro überfiel mich mein Chef. “Hast Du meine Mail gelesen?”
Ich wusste erst gar nicht welche er meinte, da über das Wochenende mein Postfach erstaunlich ruhig blieb. Nun, nach kurzer Erörterung der Sachlage stellte sich heraus, dass er mir über Xing eine Nachricht hat zukommen lassen. Alles nicht so tragisch, Grund der Mail war, dass ich spontan an einer Schulung für Shopware teilnehmen sollte. Der Zug dorthin ist dann auch schon vor 5 Minuten los gefahren.

Alles etwas spontan, und wer schaut schon an einem Wochenende ob in Xing eine Nachricht ausm Büro eintrudeln. Auch nicht weiter tragisch, Ahaus, das Hauptquartier von Tobit Software, das sind die wo die Schulungen für Shopware stattfinden, ist nicht wirklich weit weg und so hat Cheffe mich kurzerhand persönlich dort abgeliefert. Klasse Service :-)

Also, was soll ich noch groß sagen, Schulung hinter mich gebracht und erfolgreich bestanden und nun liegt hier neben mir ein Zertifikat, welches mich als Shopware certified Developer betitelt.

(CSS) Boxen im Pinterest-Style

2013-03-06T07:33:36-08:00

Ab und an muss man mal ein paar Boxen auf einer Webseite darstellen. Diese sehen schön aus, wenn sie sauber nebeneinander “gefloetet” sind, wenn sie alle die gleiche Höhe haben. Haben sie das nicht, kann es vorkommen, dass ab und an etwas viel Platz zwischen den einzelnen Boxen ist. Je nach dem, wo die Vorherige aufhört und die Nächste anfängt. Wäre es da nicht schön, wenn sich alle Boxen irgendwie selbst anordnen? Also quasi da wo Platz ist?

Pinterest macht es in der Kategorieübersicht vor und beweist dass es möglich ist. Ok, da wird ein dickes JavaScript hergenommen welches die einzelnen Boxen absulot positioniert. Is ne Lösung, aber es geht auch schlanker, mit etwas CSS.

Hier das HTML:

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

<div class="boxes">
<div class="box">
<img src="http://placekitten.com/400/300" alt="PlaceKitten" />
<p>Jean shorts street art flexitarian ... </p>
</div>
<div class="box">
<img src="http://placekitten.com/g/400/300" alt="PlaceKitten" />
<p>Leggings pour-over banksy, DIY wolf tattooed ... </p>
</div>
<div class="box">
<img src="http://placekitten.com/500/450" alt="PlaceKitten" />
<p>Put a bird on it viral wolf, 3 wolf moon ... </p>
</div>

</div>

Und hier wirds schön:

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

.boxes {
-moz-column-count: 3;
-moz-column-gap: 10px;
-moz-column-fill: auto;
-webkit-column-count: 3;
-webkit-column-gap: 10px;
-webkit-column-fill: auto;
column-count: 3;
column-gap: 10px;
column-fill: auto;
}

.box {
-moz-column-break-inside: avoid;
-webkit-column-break-inside: avoid;
column-break-inside: avoid;
display:inline-block;
padding:10px;
}

Gebraucht hab ich das gerade für ein Projekt und gefunden habe ich den Trick auf CSSDeck.com. Schöne Lösung, funktioniert, ich bin zufrieden und muss nicht lange basteln :-)

(Gentoo) Linux: EVE Online mit mehreren Clients (Multiple Instanzen)

2012-09-19T14:22:33-07:00

Es ist schon eine Weile her, da hatte ich hier mal beschrieben, wie man EVE Online unter Gentoo-Linux ans Laufen bringt. Klappt auch noch alles wunderbar, nun möchte ich mich den Spielern widmen, die mehrere Charaktere – Piloten – haben, also auch mehr als eine Instanz des Clients starten müssen. Dabei kann es wichtig sein, dass jeder Client der gestartet wird, auch wirklich seine eigene Instanz des Spieles darstellt, Also separater Cache und komplett separate Einstellungen. Das ist alles einfacher als es sich anhört.

Installation

Die Installation von EVE Online unter (Gentoo) Linux ist nicht weiter schwer, wie das genau geht, steht hier im Blog im Artikel “Eve Online unter Gentoo Linux“. Wichtig ist einfach, dass ihr auch wirklich mittels winetricks die corefonts und Directx istalliert habt, bevor ihr loslegt. Aber steht ja alles in dem Artikel beschrieben :-)

Multiple Instanzen

Der EVE-Client nutzt für vieles im Spiel einen eigenen Cache. Avatarbilder anderer Piloten, Icons der Schiffe und so weiter. Auch hat der Client ein eigenes Verzeichnis für die Einstellungen. Hierbei wird zwischen globalen Einstellungen und pilotenabhängigen Einstellungen unterschieden. Globale Einstellungen betreffen die Sprache des Client, die Soundeinstellungen, Grafik und so weiter. Also alles was Im Spiel in dem schönen Menü, welches über die ESC-Taste zu erreichen ist, angesiedelt ist. Zu den globalen Einstellungen gehört aus die Anordnung der Übersicht im All und deren Einstellungen.

Hat man nun mehrere Accounts, so kann es durchaus sinnvoll und hilfreich sein, wenn diese in jedem Client selbst vorgenommen werden könnten und sich nicht auf die anderen Accounts auswirken.

Um dies zu ermögliche geht ihr einfach via Konsole in das Verzeichnis, in dem euer EVE Online Verzeichnis ist. Bei mir wäre das ~/.wine/drive_c/games und legt für jeden Account den ihr habt einen Symlink mittels ln -s eve-online/ eve-online-pilotenname auf das EVE Online Verzeichnis an. Das sollte dann in etwa wie folgt aussehen.

1
2
3
4
5

ppfeufer@odin ~/.wine/drive_c/games $ ll
insgesamt 4
drwxr-xr-x 8 ppfeufer ppfeufer 4096 19. Sep 02:37 eve-online
lrwxrwxrwx 1 ppfeufer ppfeufer 11 19. Sep 03:05 eve-online-rounon-dax -> eve-online/
lrwxrwxrwx 1 ppfeufer ppfeufer 11 19. Sep 03:07 eve-online-nero-talaura -> eve-online/

Nun müssen nur noch die Befehlszeilen für den Start der jeweiligen Instanzen angepasst werden. hierzu bedienen wir uns der Möglichkeit von wine eine Applikation in einer eigenen Sandbox laufen zu lassen, also quasi in einem eigenen abgekapselten Desktop.

Sieht bei mir dann so aus:

1	wine explorer /desktop=0,1920x992 "/home/ppfeufer/.wine/drive_c/games/eve-online-rounon-dax/eve.exe"

1	wine explorer /desktop=1,1920x992 "/home/ppfeufer/.wine/drive_c/games/eve-online-nero-talaura/eve.exe"

Der EVE-Client ist clever genug um die Symlinks zu erkennen und legt nun für jeden Piloten ein eigenes Verzeichnis für Einstellungen und Cache an.

Der Beweis

Ich selbst spiele EVE mit zwei Clients gleichzeitig. Davon ist einer deutsch und der andere englischsprachig angelegt.

Wie hier auf dem Bild zu sehen. laufen die beiden Clients ohne Probleme zusammen. Links der deutsche und rechts der englische Client.

Kleines Bugfixing

Ihr solltet, bevor ihr euch einloggt und die Station betretet in den Einstellungen den Haken für “Stationsumgebung laden” entfernen, da ihr sonst direkt im Captain’s Quartier landet, was eventuell den Client zum crash bringt. Dieses kann noch nicht richtig geladen werden. Ich hoffe, dass dies bald möglich ist.

Solltet ihr beim Start des Clients keine Schrift sehen oder diese nicht lesbar sein, so hilft es wenn ihr die arial.ttf aus einer Windowsinstallation in eure wine-Umgebung kopiert. Ich kann aus Lizenzgründen die Schriftart hier nicht verlinken, also wenn ihr selbst kein Windows habt, fragt mal bei einem eurer Freunde nach. Zu finden ist diese unter Windows im Verzeichnis C:\Windows\Fonts\arial.ttf und ihr legt sie unter ~/.wine/drive_c/windows/Fonts/arial.ttf ab.

Viel Spaß in EVE, vielleicht sieht man sich ja mal. Ihr wisst ja nun, wie meine beiden Piloten heißen.
Also, fly safe :-)

Spamabwehr bei WordPress

2012-08-21T07:07:25-07:00

Das alte leidige Thema, Spam. Jeder kennt es, jeder flucht darüber und immer wieder werden Wege gesucht, diesen abzuwehren. Bei WordPress selbst, ist es gar nicht mal so wirklich schwer, denn die Zusammenarbeit der Boardmittel von WordPress und einem AntiSpam-Plugin macht das Leben schon sehr viel leichter und angenehmer. Wie das genau funktionieren kann, möchte ich hier in diesem Artikel etwas näher erläutern.

Das AntiSpam-Plugin

Da ich mich in Deutschland befinde und auch eine deutsche Webseite betreibe, kommt das mit WordPress mitgelieferte Plugin zur Samabwehr – Akismet – schon mal nicht in Frage. Wieso? Ganz einfach. Dieses Plugin gleicht die Daten des Kommentators mit einem nicht näher definierten Bestand an Daten auf US-amerikanischen Servern ab. Es schickt also Name, E-Mailadresse, Webseite und den Kommentar des Kommentators in die USA und da hat der deutsche Datenschutz etwas dagegen, wenn ich mich recht entsinne.

Daher setze ich persönlich hier auf Antispam Bee von Sergej Müller. Das gleicht nichts mit irgendwelchen Servern ab, sondern nutzt komplett eigene Mechanismen zur Spamabwehr. Auch die Einrichtung des Plugin ist schnell und intuitiv.

WordPress Boardmitel

Diese scheinen viele nicht zu kennen. Werft doch mal in eurem Dashboard einen Blick in Einstellungen -> Diskussion und ihr findet dort viele Möglichkeiten Spam zu verhindern, bzw dessen automatisches Veröffentlichen im Kommentarbereich zu unterbinden.

Da hätten wir zum Beispiel die Option “Bevor der Kommentar erscheint“, hier sollte der Autor zumindest einen genehmigten Kommentar haben. Wenn nicht, landet der Kommentar in der Kommentarmoderation und ihr könnt dann in aller Ruhe entscheiden ob ihr diesen zulasst, löscht oder als Spam markiert.

Auch der Punkt “Kommentarmoderation” ist interessant. Ziel von Spam ist es doch meistens einen Link zu hinterlassen, gerne auch mehrere. Hier kann nun festgelegt werden, wie viele Links es im Kommentar braucht, damit dieser in der Moderation landet. Unabhängig von den Vorherigen Einstellungen zum Erstkommentar. Und dann hat es da auch noch ein großes Textfeld in welches ihr einzelne Wörter eintragen könnt, die ebenfalls dafür Sorge tragen, dass der Kommentar in der Moderation landet.

Das mächtigste Boardmittel von WordPress zur Spamabwehr ist allerdings die Kommentar-Blacklist. Auch das ist wieder ein Textfeld und arbeitet ähnlich wie das Textfeld bei der Kommentarmoderation. Mit den kleinen Unterschied, dass die Kommentare die hier gefiltert werden,direkt im Spam landen. Mit anderen Worten, hier habt ihr die Möglichkeit einen Komplett eigenen Spamfilter einzurichten. Also E-Mailadressen,Website-URLs, häufig in Spam verwendete Worte oder auch IPs von bekannten Spammern können hier eingetragen werden. Jeweils in einer eigenen Zeile. Und sollte nun eine dieser Zeilen in einem Kommentar zu finden sein, nun ja, der ist dann halt Spam.

Fazit

Es ist also gar nicht so wirklich schwer dem Spam etwas entgegen zu setzen, wenn man weiß wie. Und wenn diese Blacklisten auch gepflegt werden, hat man es ganz schnell ziemlich ruhig. Ich kann nur aus meinen eigenen Erfahrungen sagen, die Kombination aus Antispam Bee und den Blacklisten hilft ganz ausgezeichnet. Ach ja, bevor ich es vergesse, Captchas sind kein Mittel gegen Spam, sondern nur gegen Nutzer :-)

HowTo: WordPress und Piwik Analytics installieren und miteinander verheiraten

2012-08-18T22:32:41-07:00

Ich wurde in einer Mail, die mich erreichte, gebeten, dass ich doch mal erläutern kann, wie man Piwik und WordPress miteinander verheiratet. Da scheint es noch so den einen oder anderen (Er)klärungsbedarf zu geben. Nun gut, da ich mich nicht lumpen lasse, will ich das hier mal versuchen so schonend und umweltfreundlich wie möglich zu erklären.

Vorwort

Ich gehe für diesen Artikel davon aus, dass es sich um eine selbstgehostete Installation von WordPress handelt, da ich nicht sagen kann, wie es sich bei den von wordpress.com gehosteten Blogs verhält. Wer möchte, kann diesen Artikel gerne auffassen und dies eventuell für die wordpress.com-Blogs bei sich erläutern.

Voraussetzungen

Also, hier nun einige Voraussetzungen, die man braucht, um seine WordPress-Seite mit Piwik Analytics zu verheiraten.

Webspace (besser einen eigenen Server)
zwei Datenbanken (eine für WordPress und eine für Piwik)
Zugriff auf den Webspace per FTP
einen Browser :-)

Vorbereitungen

Als erstes sollte man die Datenbanken einrichten. In den Voraussetzungen sprach ich von zwei Datenbanken. Das hat seinen Grund, denn wir trennen die Datenhaltung von WordPress und Piwik voneinander. Da es sich hier um zwei unterschiedliche Systeme handelt, sollten natürlich auch die Datenbanken getrennt sein.

Nun sollte man sich die Daten der Datenbanken notieren, die werden bei der Installation gebraucht.

Datenbank 1 (WordPress)

Host: localhost
User: nutzername
DB Name: wordpress-db
DB-Passwort: ganzgheimespasswort
Tabellenpäfix: my_wp_

Datenbank 2 (Piwik)

Host: localhost
User: nutzername
DB Name: piwik-db
DB-Passwort: ganzgheimespasswort
Tabellenpäfix: my_piwik_

Nachdem die beiden Datenbanken erstellt und die Daten notiert sind, kann es schon mit der Installation der beiden Systeme losgehen.

Installation

Diese ist bei beiden Systemen denkbar einfach. Hier wird nun der FTP gebraucht, den ich eingangs erwähnte.

WordPress

Zunächst muss WordPress als .zip-Datei heruntergeladen werden. Diese wird nun erst einmal auf dem eigenen Rechner entpackt und die darin enthaltene Datei wp-config-sample.php angepasst und als wp-config.php abgespeichert. In der Beispieldatei steht vieles beschrieben, was die Konfiguration schon etwas einfacher macht.

Die Datenbankeinstellungen sind gleich am Anfang der Datei zu finden. Hier werden die Daten von Datenbank 1, also der Datenbank, welche für WordPress angelegt wurde, eingetragen. Sieht dann in etwa so aus:

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

/** MySQL Einstellungen - diese Angaben bekommst du von deinem Webhoster. */
/** Ersetze database_name_here mit dem Namen der Datenbank, die du verwenden möchtest. */
define('DB_NAME', 'wordpress-db');

/** Ersetze username_here mit deinem MySQL-Datenbank-Benutzernamen */
define('DB_USER', 'ganzgheimespasswort');

/** Ersetze password_here mit deinem MySQL-Passwort */
define('DB_PASSWORD', 'password_here');

/** Ersetze localhost mit der MySQL-Serveradresse */
define('DB_HOST', 'localhost');

/** Der Datenbankzeichensatz der beim Erstellen der Datenbanktabellen verwendet werden soll */
define('DB_CHARSET', 'utf8');

/** Der collate type sollte nicht geändert werden */
define('DB_COLLATE', '');

Den Zeichensatz und den Collate-Type sollte man so lassen, wie sie in der Datei stehen.

Im nächsten Abschnitt kommen die Sicherheitsschlüssel. Diese werden verwendet um Nutzerpasswörter zu salzen, also mit einem zusätzlichen Hash zu versehen, um diese nicht so einfach aus der Datenbank herauslesen zu können. Diefse Sicherheitsschlüssel können auf der Seite https://api.wordpress.org/secret-key/1.1/salt/ generiert werden lassen. Kann dann zum Beispiel wie folgt aussehen:

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

/**#@+
* Sicherheitsschlüssel
*
* Ändere jeden KEY in eine beliebige, möglichst einzigartige Phrase.
* Auf der Seite {@link https://api.wordpress.org/secret-key/1.1/salt/ WordPress.org secret-key service} kannst du dir alle KEYS generieren lassen.
* Bitte trage für jeden KEY eine eigene Phrase ein. Du kannst die Schlüssel jederzeit wieder ändern, alle angemeldeten Benutzer müssen sich danach erneut anmelden.
*
* @seit 2.6.0
*/
define('AUTH_KEY', 'B}(*,3QG[llb~eNFN3tcUV8F*dxIrRfrl0Uglvqo#]qPP!E[F8+|]);L-m]G0%Y/');
define('SECURE_AUTH_KEY', 'H&r4bUO!0d/~R_37X]Co31>:B+u*l-SPN}>^4j?ceOZ.CVL./I`X`!T[6u-1]neQ');
define('LOGGED_IN_KEY', 'aX[ooZH`{Hk?LAx}ijIy#CLd)e-~_lON-vvGR-kc?62sk=I=tcUN+v|FEnjlNA@u');
define('NONCE_KEY', 'F%XazxZ@nv5)Ty9.K-|>H_wsCo4/z+[APkQc|zvTden6.D J-ft6W<,Hawc-^i[s');
define('AUTH_SALT', 'k[?t8 K!(vHP@FUWNXczS;H7;aR:U/[c)w`dzn#?=_{Kw26~bb`|5z>2nIcHib)*');
define('SECURE_AUTH_SALT', 'N7@E.QI::SokRL~B{s7|{_DdXn*C~1DT~+8%s1OOCP)o9XAt5nKwyeP}/f3-~(|d');
define('LOGGED_IN_SALT', 'tR=Gd4wgvEt&j8f.o6;)lb/X4JE=4OYv6vQ67up&$u,j36R:/?7M(%=hH:8~ruXA');
define('NONCE_SALT', '_5X-@,O,/D]SWbDzERiTx@ph4hmr|vG*-InOgJLY25iDg.uS61z!khDE}HXa2&c*');

Hinweis am Rande: Diese hier solltet ihr nicht unbedingt hernehmen, sondern eigene generieren lassen.

Nun ist das Tabellenpräfix an der Reihe. Auch dafür gibt es eine Zeile in der wp-config.php in der der von uns gewählte Präfix hinterlegt wird. Dieser sollte auf jeden Fall geändert werden, da somit die Tabellen in der Datenbank einen einzigartigen Namen bekommen, was die Sicherheit doch schon etwas erhöht.

1
2
3
4
5
6
7

/**
* WordPress Datenbanktabellen-Präfix
*
* Wenn du verschiedene Präfixe benutzt, kannst du innerhalb einer Datenbank
* verschiedene WordPress-Installationen betreiben. Nur Zahlen, Buchstaben und Unterstriche bitte!
*/
$table_prefix = 'my_wp_';

Der Rest der Datei kann so übernommen werden, wie er da steht.

Nun kann WordPress mittels FTP auf den Server überspielt werden. Um die Installation abzuschließen gebt nun die URL zu eurem WordPress in einem Browser eurer Wahl ein und folgt den Anweisungen.

Piwik

Widmen wir uns nun der Analysesoftware Piwik. Diese ist fast noch einfacher zu installieren als WordPress, denn hier muss man nicht erst eine Konfigurationsdatei anpassen. Einfach die aktuelle Piwik-Version herunterladen, entpacken und mittels FTP auf den Server übertragen.

Auch hier wieder mit dem Browser eurer Wahl die URL von eurem Piwik-Verzeichnis ansurfen und den Instruktionen im Browser folgen. Die Daten zur Datenbank werden direkt im Browser eingegeben. Auf der Seite von Piwik ist auch eine Schritt für Schritt Anleitung zu finden.

Während der Installation von Piwik werden euch bei Bedarf auch Hinweise angezeigt, wie ihr eventuelle Konfigurationsprobleme beheben könnt. Sehr elegante Lösung, wie ich finde.

WordPress und Piwik verheiraten

Nun da beides installiert ist, sollten die beiden Systeme sich auch endlich kennen lernen. Dazu loggt euch in euer WordPress ein und wählt den Menüpunkt “Plugins” und instaliert hier das Plugin “WP-Piwik“. Nachdem das Plugin installiert und aktiviert ist, findet ihr unter “Einstellungen” > “WP-Piwik” alles was gebraucht wird, um WordPress und Piwik
zusammen nutzen zu können.

Diese Seite selbst ist in mehrere Tabs unterteilt. Im Tab “Home” finden sich später lediglich einige allgemeine Informationen zum Status des Plugins, dieser Tab ist nicht vorhanden, so lange das Plugin nicht konfiguriert wurde. Im Tab “Piwik Einstellungen” finden sich die benötigten Felder, um WordPress mit Piwik zu verbinden.

Im Feld “Piwik URL (REST API)” tragt ihr die URL zu eurer Piwik Installation ein, also beispielsweise http://deineseite.de/piwik/. Nun fehlt nur noch euer Auth-Token, den findet ihr auf der API-Seite von eurem Piwik und ist ein langer Code aus Buchstaben und Zahlen. Ich persönlich empfehle den Haken bei “Auto-Konfiguration” zu setzen, dies erspart das Anlegen einer Seite im Piwik Backend und übernimmt das direkt für einen. Nun einfach die Einstellungen speichern und schon verbinden sich WordPress und Piwik miteinander.

Nachdem diese grundlegenden Einstellungen erfolgreich gespeichert wurden, sind auch ein paar mehr Tabs zu sehen. Unter anderem “Tracking“, bei dem es nun weitergeht. Hier kann festgelegt werden, wie das Trackingscript von Piwik in eure Seite eingebunden werden soll, und vor allem, was alles erfasst werden soll. Auch hier die Empfehlung von mir, den ersten Haken zu setzen, um das Trackingscript automatisch einbinden zu lassen. Dies funktioniert natürlich nur, wenn das von euch verwendete Theme auch den Hook wp_footer() eingebaut hat. Wenn nicht, kann und sollte man dies schnell nachholen.

Abgesang

Das war es eigentlich auch schon. Alle Einstellungen des Plugins sind eigentlich selbsterklärend und bedürfen hier von meiner Seite aus keine weiteren Erläuterungen. Ich hoffe, meine Ausführungen konnten dem einen oder anderen und vor allem den Verfasser der Mail mit der Bitte nach diesen weiterhelfen. :-)

In diesem Sinne …