Last week at re:publica 13 Sascha Lobo presented Reclaim Social, a WordPress based concept, consisting of some plugins and scripts that allow you to mirror and store your content and activities around the web on your own blog. Because I like the idea I wanted to give it a try and installed the FeedWordPress plugin along with some PHP scripts  and duct tape from their tech specs on our new Coworking website.

Here’s how it works

Go to dev.twitter.com and create a new app. After submitting the new app on your application’s detail page click the “Create my access token” button on the bottom of the page. After reloading the page you will find all OAuth settings you need for your Twitter proxy script.

The file proxy/twitter.php reads the configuration from proxy/config.php, so you have to put the customer key and secret as well as the user token (access token) and user secret (access token secret) in the $twitter_oauth_setting array.

// setup your own app here
// https://dev.twitter.com/apps/new
	$twitter_oauth_setting = array(
	  'consumer_key'    => 'yyy',
	  'consumer_secret' => 'yyy',
	  'user_token'      => 'yyy-yyy',
	  'user_secret'     => 'yyy',
	);

Once you did that and uploaded it to your web server, you can access the feed at www.yourdomain.com/proxy/twitter.php which is also the URL you have to enter in the Syndication Sites section of your WordPress admin panel.

The FeedWordPress has many configuration settings, but those are documented elsewhere. I had everything up and running in 30 minutes, so it should take you even less with help of this little tutorial.

Internet Briefing veranstaltete gestern am 5. März die WordPress Konferenz in Zürich. In einer Runde mit passionierten Bloggern ist nicht weiter verwunderlich, dass schon einige Artikel direkt im Anschluss veröffentlicht waren.

Die Vorteile sind: Slides und Zusammenfassungen gibt es schon, vielen Dank!

Vom kleinsten zum grössten Bildschirm entwickeln

Responsive Design, ein Design welches auf verschiedenen Bildschirmgrössen gut rauskommt, ist eine der Herausforderungen für Entwickler, Designer und Anwender.

Michael Oeser empfiehlt unter anderem

• ein Theme am kleinsten Objekt zu entwicklen und von dort auf immer grössere Bildschirme erweitern
• sog. Off Canvas einzusetzen, also Elemente nicht alle einzubinden sondern extern zu laden

Ein Tip von Silvan Hagen: WordPress nicht mit Features und Optionen zu überladen. Spätestens beim nächsten Upgrade erinnern wir uns wieder daran!
Seine Frage-Runde, wer denn WordPress nutzt, wer schon am WP Code gearbeitet hat etc. schliesst er mit der Frage “Und wer hat der Community schon mal etwas zurückgegeben?”

Verena Parzer Epp über die WordPress Webseite von Avenir Suisse

Wie zuhause

Natürlich besuche ich eine WordPress Konferenz mit der Idee, Lösungen mit “nach Hause” zu nehmen, aber irgendwie entsteht auch ein familiäres Gefühl, wenn man andere mit den gleichen Grenzen erlebt. Multilinguale Lösungen (z.B mit wpml), die Synchronisation mit anderen Systemen und Datenbanken bleiben komplexe Angelegenheiten.

Social Media und E-Mail Marketing

Dass ein  WordPress-Blog in Kombination mit Social Media & Newsletter, gute Dienste im Bereich Suchmaschinenoptimierung und Marketing leisten, ist inzwischen keine Frage mehr, wann welche  Plattform oder welches Tool am besten einzusetzen ist dagegen schon.

Google Alert und Paper.li sind dabei als weitere Ideen zur Recherche bei mir hängengeblieben. MailChimp war mit Sicherheit das meist erwähnte Tool für den Newsletterversand.

WordPress und Sicherheit

Auch zu diesem Thema kamen wertvolle Hinweise aus den Reihen der Teilnehmer, die kurz darauf per Twitter mit Link zum passenden Blogbeitrag oder zur Info von WP ergänzt wurden. Mitschreiben fällt künftig aus – den passenden Hashtag (hier WPKonferenz) verfolgen und man hat alles parat oder kann nachfragen

ECO & Green

Zwischen den Zeilen war Nachhaltigkeit immer wieder Thema. Sei es bezügl. Kundenprojekte, über die sich Teilnehmer austauschten, das Thema des eigenen Blogs oder in einer der Präsentationen. Klasse!

Bin überzeugt, dem ein oder anderen wieder über den Weg zu laufen und freu mich drauf!

Slides:
Silvan Hagen: Developing for WorPress – Do´s & Dont´s mit vielen Tips & Tools
Michael Oeser: Responsive Webdesign mit WordPress
Karin Friedli und Michael Sebel: WordPress für die Corporate Website

weitere Blogbeiträge:
blogWERK.com und swiss-kyburz.ch waren schneller und haben bereits Artikel über die WordPress Konferenz verfasst.

The new WordPress default theme Twenty Twelve is an elegant, readable, and fully responsive theme that makes your site content look its best on any device, but having tested it on mobile devices myself, I can confirm that e.g. the main navigation styles are very basic and early beta IMHO.

Although I would prefer to build sites based on the new default theme, I thought it might be worth looking at other free (as in Open Source) responsive WordPress themes out there and I was not disappointed. Although there are many more, this article presents a small selection of responsive WordPress themes for developers and frameworks that are actively being developed.

Click on the title to get redirected to each project. The latest update date will give you a good idea on how active the project is being developed. The following listing is in chronological order.

Roots

Roots is a starting WordPress theme based on HTML5 Boilerplate & Bootstrap from Twitter.

• License: MIT License
• Latest Update: December 26, 2012

Bones

Built around the HTML5 Boilerplate, Bones is a rock solid foundation to start any WordPress project. Keep what you need, remove what you don’t. It’s totally up to you.

• License: WTFPL
• Latest Update: December 26, 2012

Responsive

Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment.

• License: GNU GPLv3
• Latest Update: December 24, 2012

Foundation, for WordPress

Foundation, for WordPress, is a blank starter theme built on ZURB’s Foundation Framework.

It features clean semantic code, smart use of WordPress functions and the WordPress Shortcode API.

• License: MIT License
• Latest Update: November 2, 2012

Whiteboard Framework

Whiteboard is not like most other WordPress Frameworks out there. While most other WordPress Frameworks include a mess of styles, functions, and content areas that have to be cleaned out for nearly every project, Whiteboard remains a true WordPress Framework. Whiteboard includes only the core WordPress structure and does not get fancy with unnecessary functions. While Whiteboard does include Less Framework and a minimal theme, these can be easily removed with the exclusion of a line of HTML each.

• License: GNU GPLv3
• Latest Update: September 12, 2012

Reverie

Versatile HTML5 Responsive WordPress Framework also based on the Power of Foundation.

• License: MIT License
• Latest Update: July 3, 2012

I have looked at the demos of all of these themes and frameworks and like most of them. Yesterday, I tested Reverie with WordPress 3.5 and had problems with the main navigation which made me conclude that a project that has not been updated in more than 6 months cannot really be relied on and is questionable to be used in production.

If you know of any other responsive WordPress themes and/or frameworks that are actively being developed, please leave a comment below.

1. All empty tag container (e.g. <div..></div>) will be stripped.
2. All code formatting (e.g. new lines, indents) will be changed.
3. Paragraph tags will be hidden but not stripped.
4. A space before closing /> of self-containing tags will be added in case you have not put it there.
5. WordPress will also put all in-line elements not contained into block elements into paragraph container.
6. &nbsp;s and <br/>s will be stripped.
7. All blank attributes of all tags will be stripped (critical for <a> tags).

To get rid of it you have to strip this new token directly from the wp_X_options table where X is id of the website you want to strip it for. This is quite handy because you can disable it just for certain websites and also keep this token different for the rest. So pull the required string with the following query:

SELECT * FROM `wp_X_options` WHERE `option_name` = 'rewrite_rules'

Unfortunately WordPress is keeping its rewrite rules serialized so it would be quite a task too strip this slug from the database directly. Instead you can use the simple script below to unserialize the rewrites array, strip the required slug and serialize it back. Just put your serialized string instead of … and replace “blog” token inside of preg_replace function with your slug.

$str = '..';
$str = unserialize($str);
$new_str = array();
while(list($key, $val) = each($str)){
$new_str[preg_replace('/^blog//i', '', $key)] = $val;
}
echo serialize($new_str);

Also in the same table find an entry with option_name = ‘permalink_structure’ and wipe the slug out of there also.

You are done!

cat_is_ancestor_of(get_cat_id(‘music’), get_query_var(‘cat’))

Of course you can use the direct IDs for any of parameters. This code can be modified to find out if any of the categories your post belongs to have some specific ancestor.

foreach(get_the_category() as $category){

if(cat_is_ancestor_of(get_cat_id(‘music’), $category->term_id)){

…

}

}

Here we are using another generic WordPress function get_the_category() which returns an array of objects, one object for each category assigned to the post. It takes one optional parameter: the post ID, which defaults to current post ID.

Unfortunately WordPress does not have a function in its arsenal to walk through whole directory tree and find out if our post or category have some specific ancestor somewhere deeper then one level down. In this case you can use the following custom function I wrote. I took the source code of WordPress get_category_parents() function as the origin. Here is the result:

function cat_is_ancestor_of_recursive($ancestor_id, $of_id, $visited = array()){

$visited[] = $of_id;
$parent = &get_category($of_id);
if(is_wp_error($parent)){

return false;

}elseif($parent->term_id == $ancestor_id){

return true;

}elseif($parent->parent && $parent->parent != $parent->term_id && !in_array($parent->parent, $visited)){

return cat_is_ancestor_of_recursive($ancestor_id, $parent->parent, $visited);

}

}

It takes absolutely the same parameters as cat_is_ancestor_of() but walks the complete tree recursively. The third parameter is for internal use and does not have to be passed when calling the function. It holds the array of categories already checked to prevent infinite loops.

Am Schluss des Interviews finden sich 5 Tipps für die Entwicklung auf mobilen Endgeräten:

1. Warten Sie nicht! Ihre Kunden sind bereits auf mobilen Endgeräten, Sie sollten es auch sein
2. Konzipieren Sie eine grossartige User Experience, die den mobilen Kontext berücksichtigt
3. Experimentieren Sie mit Monetarisierungsmodellen – mobile Endgeräte sind anders als der Desktop
4. Nutzen Sie Bewertungen und Rezensionen zu Ihrem Vorteil
5. Iterieren, iterieren, iterieren: Gehen Sie inkrementell vor, d.h. entwicklen Sie zyklisch

Natürlich hinken wir in Europa und der Schweiz meistens ein paar Jahre hinterher, was die neuesten Trends anbelangt, ich denke aber, dass jede Webseite zumindest einige grundlegende, oft sehr einfach zu realisierende Optimierungen beinhalten sollte. Eine eigene iPhone App wird für die meisten Firmen und selbst Online Shops nicht notwendig sein, eine mühsame Navigation auf einer nicht optimierten Webseite frustriert allerdings die meisten Besucher.

Für WordPress gibt es beispielsweise das WPtouch Pro Modul, welches für eine auf WordPress basierte Webseite oder einen auf WordPress basierten Blog optimierte Versionen für iPhone, iPad, Android, Blackberry, Palm OS und Samsung touch bereit stellt.

Die Openstream Webseite wird momentan von TYPO3 auf WordPress migriert, der Openstream Blog läuft bereits auf WordPress. Wenn Sie unseren Blog abonnieren und in den nächsten Wochen nochmals vorbei schauen, werden Sie ebenfalls in den Genuss einer speziell für Ihr mobiles Endgerät optimierten Version kommen

Was halten Sie vom mobilen Trend? Denken Sie, dass es noch zu früh ist, auf den mobilen Zug auf zu springen? Was sind Ihre Tipps oder Erfahrungen für die Entwicklung auf mobilen Endgeräten?