WP Meetup i Norrköping 2012-05-25

Vincent Boiardt
Technical Director, Oakwood

@vincentboiardt
http://boiardt.se
http://oakwood.se
http://wpquicktips.wordpress.com/
http://open.spotify.com/user/vinceb

www.digster.se www.oakwood.se

Om Digster
•Varumärke skapat av Universal Music
•Redaktionella spellistor skapade av Digsters redaktörer
•Spellistor skapade av artister
•Uppdaterade spellistor, t ex Digster HITS


Om Digster
•Lanserades december 2009
•Första version gjordes i Umbraco
•Andra versionen gjordes i WordPress och lanserades mars 2011


Om Digster
Posttyper och taxonomier

WP Cron Mobilt WordPress-nätverk

Egna komponenter

Facebook Integration API

Översättning


Om Digster
•WordPress-nätverk - WordPress Multisite, tidigare WPMU
•Finns tillgängligt i 14 länder bland annat USA, England, Tyskland och Australien
•185 000+ användare över hela världen


Om Digster
•Ett tema där all funktionalitet ﬁnns

•Några få tillägg...
•Domain Mapping, egna domäner för varje site
•Widget Logic, möjliggör villkor för widgets
•Mobile Smart, för att visa mobiltema för mobila enheter
•Samt ett par egenutvecklade för att t ex sync:a e-postadresser med nyhetsbrevstjänst

Mer information:
http://wordpress.org/extend/plugins/wordpress-mu-domain-mapping/
http://wordpress.org/extend/plugins/widget-logic/
http://www.mobile-smart.co.uk/


Struktur
•Post typer register_post_type( 'playlist' );
•Spellistor - playlist
register_post_type( 'section' );
•Sektioner - section
•Redaktörer - editor register_post_type( 'editor' );

register_taxonomy( 'genre' );
•Taxonomier register_taxonomy( 'suitable' );
•Genre - genre
register_taxonomy( 'mood' );
•“Passar till” - suitable
•Stämning - mood register_taxonomy( 'artist' );

•Artister - artist register_taxonomy( 'section-tax' );
•Sektion - section-tax
Mer information:
http://codex.wordpress.org/Function_Reference/register_post_type
http://codex.wordpress.org/Function_Reference/register_taxonomy


Sektioner - post type - section

Spellistor - post type -
playlist
Redaktörer - post type -
editor

Passar till - taxonomy - Sidebar och widgets -
suitable dynamic_sidebar()


Omslag -
the_post_thumbnail() Länkar - post meta - services
Passar till - taxonomy - suitable

Innehåll - the_content()

Genre - taxonomy - genre
Tid - post meta - duration
Arister - taxonomy - artist
Stäming - taxonomy - mood
Låtlista - post meta - tracklist

Kommentarer


Administration för användare
•Registrering och login
•Användarinställningar


Skapa egna komponenter - “Catch URI”
•En funktion inspirerad function mytheme_catch_uri() {
av BuddyPress http://example.com/user/vincent
$uri = $_SERVER['REQUEST_URI'];

•Bryter ner URI till en array $uri = str_replace( '?' . $_SERVER['QUERY_STRING'], '', $uri );
$uri = split( '/', $uri );
•Körs vid init Arrayarray_values(
$uri = ( array_filter( $uri ) );

•Lätt att bygga komponenter [0] => 'user',
if ( isset($uri[0]) ) {

/register/ [1] => 'vincent'
switch ($uri[0]) {
case ‘user’:
/login/ ) //Do stuff

/settings/ }
}
/proﬁle/ }
add_action( 'init', 'mytheme_catch_uri', 5 );

Mer information:
http://wpquicktips.wordpress.com/2011/03/29/simple-catch-uri-function/


Användarfunktioner
•Facebook Integration
•Användarproﬁl
•Favoriter, notiﬁerar användaren när en favorit uppdateras


Facebook
•Använder både Facebooks JavaScript- och PHP-ramverk
•Loggar in frontend med JS SDK
•Veriﬁerar användaren backend med PHP SDK
Logga in på FB/app

JS SDK FB
$user_id = $facebook->getUser();
Login/
Digster PHP SDK Register

Mer information:
Hitta användare
med $user_id
https://developers.facebook.com/docs/reference/php/facebook-api/
https://developers.facebook.com/docs/reference/javascript/


Annat smått och gott
•Import av spellistdata från Spotify
•Sync av samma data via WordPress egen cron-funktionalitet
•Värvning/rekrytering


WP Cron
•Inte en riktig crontab, utan en “psuedo-cron”
•Aktiveras av t ex en besökare
•Aktiveras efter den schemalagda tiden
•Intervaler som ﬁnns tillgänliga är hourly, daily och twicedaily
•Gör egna intervaller!

Hourly Daily

•Spellistor-sync •Nyhetsbrev-sync

Mer information:
http://codex.wordpress.org/Function_Reference/wp_schedule_event


Översättning
•Använd funktionerna __() och _e()
•Generera och översätt .po-ﬁler med t ex Poedit
•Digster översatt till 10 språk

_e( ‘My translatable string’, ‘mytheme’ );
load_theme_textdomain( 'mytheme', TEMPLATEPATH . '/languages' );

Mer information:
http://codex.wordpress.org/Translating_WordPress
http://codex.wordpress.org/Function_Reference/load_textdomain
http://codex.wordpress.org/Function_Reference/_e
http://codex.wordpress.org/Function_Reference/_2


Mobiltema
•Child-tema av orginaltemat
•Plugin “Mobile Smart” laddar temat
•Möjlighet att se desktop version

Mer information:
http://www.mobile-smart.co.uk/


iOS applikation
•Utvecklades tillsammans med Appego
•Baserades på en tidig version av API:t

Mer information:
http://itunes.apple.com/se/app/digster/id462752433?mt=8


API
•Inspirerad av PHP-ramverket Simple-REST
•Data i två format: JSON & XSPF (“spiff”, XML Shareable Playlist Format)

<?xml version="1.0" encoding="UTF-8"?>
{
<playlist xmlns="http://xspf.org/ns/0/" version="1">
"status":"ok",
<identifier>digster-hits</identifier>
"playlist":{
<title>Digster HITS</title>
"id":27,
<creator>2</creator>
"title":"Digster HITS",
<annotation>
"author":"2",
Digster HITS √§r alltid laddad med alltid laddad med de bu00e4sta..."
"description":"Digster HITS u00e4rde b√§sta...
</annotation>
...
...
}
</playlist>
}

Mer information:
Representational state transfer (REST)
https://github.com/deepeshmalviya/simple-rest/
http://www.xspf.org/


Spotify App
•Släpptes i mars 2012
•Använder sig av Digsters API
•Spotify App API - HTML/CSS/JS
•Enorm traﬁkökning

Mer information:
https://developer.spotify.com/technologies/apps/


www.digster.se
www.oakwood.se
@vincentboiardt

WP Meetup i Norrköping 2012-05-25

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie WP Meetup i Norrköping 2012-05-25

Ähnlich wie WP Meetup i Norrköping 2012-05-25 (20)

WP Meetup i Norrköping 2012-05-25