Slides from Morten Rand-Hendriksen's talk Can WordPress really do that? A case study of vierderduer.no at WordCamp Victoria 2012

1. Can WordPress
Really Do That?
- a case study of
vierderduer.no
Morten Rand-Hendriksen
morten@pinkandyellow.com | @mor10 |
designisphilosophy.com

2. www.designisphilosophy.co
m
www.lynda.com/mor10
Twitter: @mor10
Morten Rand-Hendriksen
morten@pinkandyellow.com | @mor10 |
designisphilosophy.com

3. A little history
and a lesson in Norwegian

6. = 5 kr ( roughly $1
)

7. Oh, and we want the site to
send SMS messages to the
applicants whenever their
application has been updated.
Can WordPress really do that?

8. A look behind the scenes

9. Don’t reinvent the wheel

10. Featured
image

11. Featured
image
Post title

12. Featured
image
Post title
Taxonomies

13. Featured
image
Post title
Taxonomies
Custom Fields

14. Featured
image
Post title
Taxonomies
Custom Fields
Based on Like
count

15. Featured
image
Post title
Taxonomies
Custom Fields
Based on Like
Based on
count
Publish Date

16. Dynamic content on single
pages

17. Custom Post Types:
http://codex.wordpress.org/Function_Reference/re
gister_post_type

19. Custom Taxonomies:
http://codex.wordpress.org/Function_Reference/re
gister_taxonomy

21. Set a default taxonomy term

23. User Generated Posts

27. The Form Itself

28. Custom Index Pages
for custom post types,
custom taxonomies,
and the front page

29. WordPress Template Hierarchy
http://codex.wordpress.org/Template_Hierar
chy

33. Custom Index Pages
archive-$post_type.php
Custom Post Types:
taxonomy-$taxonomy-
Custom Taxonomies:
Front Page: $term.php
front-page.php

34. Custom Queries and Loops

35. FIRST
LOOP:
8 latest new
applications
SECOND
LOOP:
4 latest grants

36. FIRST
LOOP:
8 latest new
applications
SECOND
LOOP:
4 latest grants
granted

37. <?php get_template_part('indexBoxLoop'); ?>

38. <?php include('posttypes'); ?>

39. <?php get_template_part('indexBoxLoop'); ?>

41. Get the term list for an object
<?php
echo get_the_term_list(
$post->ID,
'$term',
'[before list]',
'[between each item]',
'[after list]' );
?>

42. Get the term list for an object
<?php
echo get_the_term_list(
$post->ID,
'aktivitet',
'',
' ',
'' );
?>

43. Get the term list for an object
<?php
echo "<ul>";
echo get_the_term_list(
$post->ID,
'aktivitet',
'<li>',
'</li><li>',
'</li>' );
echo "</ul>";
?>

45. A Lesson Learned:
DON’T TRUST FACEBOOK!

46. ≠ 1 like

47. = 1 like
or 1 share
or 1
comment
or 1 click
etc etc etc

48. Getting Facebook Like (etc)
Numbers
Facebook Query Language (FQL)
https://api.facebook.com/method/fql.query?query=select%20%
20like_count,%20total_count,%20share_count,%20click_count,
%20comment_count%20from%20link_stat%20where%20url='http://
www.wordcampvictoria.ca/'&format=xml

49. Getting Facebook Like (etc)
Numbers
Facebook Query Language (FQL)
https://api.facebook.com/method/fql.query?query=
select%20
%20like_count,
%20total_count,
%20share_count,
%20click_count,
%20comment_count
%20from%20link_stat%20where
%20url='http://www.wordcampvictoria.ca/'
&format=xml

50. Getting Facebook Like (etc)
Numbers
Facebook Query Language (FQL)
https://api.facebook.com/method/fql.query?query=select%20%
20like_count,%20total_count,%20share_count,%20click_count,
%20comment_count%20from%20link_stat%20where%20url='http://
www.wordcampvictoria.ca/'&format=xml

51. Parsing Facebook Like
Numbers
<?php
$permalink = get_permalink( $post->ID );
$content =
file_get_contents("https://api.facebook.com/method/fql.que
ry?query=select%20total_count%20from%20link_stat%20where%2
0url='" . $permalink . "'&format=xml");
$element = new SimpleXmlElement($content);
$likes = $element->link_stat->total_count;
echo $likes;
?>

52. Computers are really good at
math

54. Finding the percentage for
completion
<?php
$earned = ($likes*5);
?>
<div class="earned">
Earned: <?php echo $earned; ?>kr
</div><!-- .earned -->

55. Finding the percentage for
completion
<?php
$kroner = ($likes*5);
if ($kroner <= 3000) {
$earned = $kroner;
} else {
$earned = 3000;
}
?>
<div class="earned">
Earned: <?php echo $earned; ?>kr
</div><!-- .earned -->

56. Finding the percentage for
completion
<?php
$kroner = ($likes*5);
if ($kroner <= 3000) {
$earned = $kroner;
$percent = (($likes*100)/600);
} else {
$earned = 3000;
$percent = 100;
}
?>
<div class="earned">
<span style="width: <?php echo $percent; ?>%">
Earned: <?php echo $earned; ?>kr
</span>
</div><!-- .earned -->

57. Making the percentage graph
.earned {
background-color: #dfe0e0;
position: relative;
height: 8px;
margin-top: 15px;
border-radius: 5px;
}
.earned span {
background-color: #16bcee;
position: absolute;
height: 8px;
text-indent: -9999px;
border-radius: 5px;
}

58. What about this SMS thing?

59. Anything WordPress can do I
can do too
In this case
<?php
add_action('publish_soknad', 'check_term_changes', 10, 2);
function check_term_changes($post_id, $post){
$terms = wp_get_object_terms($post_id, $taxonomy);
switch($term_id) {
case $term_id == $status_terms['post_likes']:
$sms_message = message;
break;
update_post_meta($post_id, '_prev_status', $term_id);
}
?>

60. Bonus 1
Get (and fix) URL from a custom field
<?php
if ((get_post_meta($post->ID, 'website', true))) {
$websiteURL = get_post_meta($post->ID, 'website', true);
if (substr($websiteURL,0,7) != 'http://') {
$websiteURL = 'http://' . $websiteURL;
}
?>
<a href="<?php echo $websiteURL ?>“ title="Website">
The Website
</a>
<?php } ?>

61. Bonus 2
Automatic oEmbed of videos via
<?php
custom field
if(get_post_meta($post->ID, 'video', true)) { ?>
<div id="video">
<?php
$video = get_post_meta($post->ID, 'video', true);
echo wp_oembed_get( $video );
?>
</div>
<?php
}
?>

62. Questions?
come on, you know you got
‘em...

63. www.designisphilosophy.co
m
www.lynda.com/mor10
Twitter: @mor10
Morten Rand-Hendriksen
morten@pinkandyellow.com | @mor10 |
designisphilosophy.com