WordCamp Sydney: Contributing to WordPress Core

Almost everyone will have heard the phrase “don’t hack WordPress core” before, what’s less known is that it’s only the start of the saying. Don’t hack WordPress core, without contributing the hacks back.

Contributing to WordPress core is like riding a bike, it takes a little effort to get started but once you learn it’s a skill you’ll never forget.

You will be given a jump start on contributing, from how to use the bug tracker all the way to contributing a patch and getting your first props.

Transcript

1. Dr. Mirko Junge / Wikimedia Commons (CC)
   

   View Slide

2. Public domain
   

   View Slide

3. Brooklyn Museum / Wikimedia Commons
   

   View Slide

4. Brooklyn Museum / Wikimedia Commons
   

   View Slide

5. Christophe Finot / Wikimedia Commons (CC)
   

   View Slide

6. Contributing to WordPress Core
   Peter Wilson • peterwilson.cc • @pwcc
   

   View Slide

7. Contributing to WordPress
   Peter Wilson • peterwilson.cc • @pwcc
   

   View Slide

8. Contributing to WordPress Core
   Peter Wilson • peterwilson.cc • @pwcc
   

   View Slide

9. View Slide

10. } else {
    $classes[] = 'page-template-default';
    Index: /trunk/wp-includes/post-template.php
    =================================================================
    --- /trunk/wp-includes/post-template.php (revision 18411)
    +++ /trunk/wp-includes/post-template.php (revision 18412)
    @@ -490,4 +490,6 @@
    $classes[] = 'page-template';
    $classes[] = 'page-template-' . sanitize_html_class( str_repla
    + } else {
    + $classes[] = 'page-template-default';
    }
    } elseif ( is_search() ) {
    

    View Slide

11. Sites using WordPress
    Jan 2011 onward (%)
    5.0%
    10.0%
    15.0%
    20.0%
    25.0%
    30.0%
    1 Jan 2011 1 Jan 2012 1 Jan 2013 1 Jan 2014 1 Jan 2015 1 Jan 2016 30 Jul 2016
    w3techs.com, July 2016
    

    View Slide

12. View Slide

13. View Slide

14. wordpress.org/about/philosophy/
    

    View Slide

15. WordPress Core Trac
    core.trac.wordpress.org
    

    View Slide

16. core.trac.wordpress.org
    

    View Slide

17. core.trac.wordpress.org/browser
    

    View Slide

18. make.wordpress.org/core/reports/
    

    View Slide

19. View Slide

20. core.trac.wordpress.org/my-comments
    

    View Slide

21. core.trac.wordpress.org/tickets/major
    

    View Slide

22. Boring
    

    View Slide

23. Sites using WordPress
    5.0%
    10.0%
    15.0%
    20.0%
    25.0%
    30.0%
    1 Jan 2011 1 Jan 2012 1 Jan 2013 1 Jan 2014 1 Jan 2015 1 Jan 2016 30 Jul 2016
    Boring
    

    View Slide

24. Checkout WordPress Core
    A version control love story.
    

    View Slide

25. Checkout WordPress via SVN
    wordpress-develop
    https://develop.svn.wordpress.org/trunk/ ↩
    svn checkout ↩
    

    View Slide

26. Checkout WordPress Core
    A version control love story.
    

    View Slide

27. Clone WordPress via Git
    wordpress-develop
    git://develop.git.wordpress.org ↩
    git clone ↩
    

    View Slide

28. Contribute with
    SVN or Git
    

    View Slide

29. Public domain
    

    View Slide

30. Public domain
    

    View Slide

31. View Slide

32. View Slide

33. View Slide

34. View Slide

35. View Slide

36. View Slide

37. View Slide

38. View Slide

39. Contributing within
    five minutes
    

    View Slide

40. localhost/phpmyadmin
    

    View Slide

41. localhost/phpmyadmin
    

    View Slide

42. localhost/phpmyadmin
    

    View Slide

43. localhost/phpmyadmin
    

    View Slide

44. localhost/phpmyadmin
    

    View Slide

45. localhost/phpmyadmin
    

    View Slide

46. localhost
    

    View Slide

47. View Slide

48. DB username: root
    DB password: root
    

    View Slide

49. View Slide

50. View Slide

51. View Slide

52. View Slide

53. View Slide

54. View Slide

55. View Slide

56. View Slide

57. View Slide

58. View Slide

59. View Slide

60. core.trac.wordpress.org/tickets/good-first-bugs
    

    View Slide

61. View Slide

62. View Slide

63. View Slide

64. View Slide

65. Creating a patch
    

    View Slide

66. ~$
    

    View Slide

67. ~$ git pull
    

    View Slide

68. ~$ git pull
    Updating 470a9fa..e7a6afc
    Fast-forward
    src/wp-includes/js/swfupload/swfupload.js|2 +-
    1 file changed, 1 insertion(+), 1 deletion(-)
    ~$
    

    View Slide

69. View Slide

70. WordCamp Easter Egg
    // Inside get_body_class()
    $title = get_the_title($post_id);
    if ($title == "WordCamp Sydney")
    $classes[] = "September, 2016";
    

    View Slide

71. WordCamp Easter Egg
    
    

    View Slide

72. WordCamp Easter Egg
    
    
    

    View Slide

73. WordCamp Easter Egg
    // Inside get_body_class()
    $title = get_the_title($post_id);
    if ($title == "WordCamp Sydney")
    $classes[] = sanitize_html_class("September, 2016");
    

    View Slide

74. 
    WordCamp Easter Egg
    

    View Slide

75. 
    
    WordCamp Easter Egg
    

    View Slide

76. Public domain
    

    View Slide

77. Malcolm Best (CC)
    

    View Slide

78. View Slide

79. View Slide

80. View Slide

81. View Slide

82. This is what happens in a world
    without standards.
    

    View Slide

83. Saroar Zubair (CC), flic.kr/p/a1ePPd
    

    View Slide

84. WordPress Coding Standards
    // Inside get_body_class()
    $title = get_the_title($post_id);
    if ($title == "WordCamp Sydney")
    $classes[] = sanitize_html_class("September, 2016");
    

    View Slide

85. View Slide

86. make.wordpress.org/core/coding-standards/
    

    View Slide

87. WordPress Coding Standards
    // Inside get_body_class()
    $title = get_the_title($post_id);
    if ($title == "WordCamp Sydney")
    $classes[] = sanitize_html_class("September, 2016");
    

    View Slide

88. Spaces
    // Inside get_body_class()
    $title = get_the_title( $post_id );
    if ( $title == "WordCamp Sydney" )
    $classes[] = sanitize_html_class( "September, 2016" );
    

    View Slide

89. No inline control structures
    // Inside get_body_class()
    $title = get_the_title( $post_id );
    if ( $title == "WordCamp Sydney" ) {
    $classes[] = sanitize_html_class( "September, 2016" );
    }
    

    View Slide

90. No inline control structures
    // Inside get_body_class()
    $title = get_the_title( $post_id );
    if ( $title == "WordCamp Sydney" ) {
    $classes[] = sanitize_html_class( "September, 2016" );
    $classes[] = sanitize_html_class( "all-welcome" );
    }
    

    View Slide

91. No inline control structures
    // Inside get_body_class()
    $title = get_the_title( $post_id );
    if ( $title == "WordCamp Sydney" ) {
    $classes[] = sanitize_html_class( "September, 2016" );
    }
    

    View Slide

92. Single quotes preferred
    // Inside get_body_class()
    $title = get_the_title( $post_id );
    if ( $title == 'WordCamp Sydney' ) {
    $classes[] = sanitize_html_class( 'September, 2016' );
    }
    

    View Slide

93. Yoda Conditions
    // Inside get_body_class()
    $title = get_the_title( $post_id );
    if ( 'WordCamp Sydney' == $title ) {
    $classes[] = sanitize_html_class( 'September, 2016' );
    }
    

    View Slide

94. === != ==
    // Inside get_body_class()
    $title = get_the_title( $post_id );
    if ( 'WordCamp Sydney' === $title ) {
    $classes[] = sanitize_html_class( 'September, 2016' );
    }
    

    View Slide

95. Uploading a patch
    

    View Slide

96. WordCamp Easter Egg
    }
    }
    $title = get_the_title( $post_id );
    if ( 'WordCamp Sydney' === $title ) {
    $classes[] = sanitize_html_class( 'September, 2016' );
    }
    if ( is_attachment() ) {
    $mime_type = get_post_mime_type($post_id);
    

    View Slide

97. WordCamp Easter Egg
    }
    }
    $title = get_the_title( $post_id );
    if ( 'WordCamp Sydney' === $title ) {
    $classes[] = sanitize_html_class( 'September, 2016' );
    }
    if ( is_attachment() ) {
    $mime_type = get_post_mime_type($post_id);
    src/wp-includes/post-template.php
    

    View Slide

98. WordCamp Easter Egg
    git diff
    

    View Slide

99. WordCamp Easter Egg
    diff --git a/src/wp-includes/post-template.php b/src/wp-includes/post-template.php
    index 7994f89..f1a0cad 100644
    --- a/src/wp-includes/post-template.php
    +++ b/src/wp-includes/post-template.php
    @@ -614,6 +614,11 @@ function get_body_class( $class = '' ) {
    }
    }
    + $title = get_the_title( $post_id );
    + if ( 'WordCamp Sydney' === $title ) {
    + $classes[] = sanitize_html_class( 'September, 2016' );
    + }
    +
    if ( is_attachment() ) {
    $mime_type = get_post_mime_type($post_id);
    $mime_prefix = array( 'application/', 'image/', 'text/', 'audio/', 'video/'...
    

    View Slide

100. WordCamp Easter Egg
     diff --git a/src/wp-includes/post-template.php b/src/wp-includes/post-template.php
     index 7994f89..f1a0cad 100644
     --- a/src/wp-includes/post-template.php
     +++ b/src/wp-includes/post-template.php
     @@ -614,6 +614,11 @@ function get_body_class( $class = '' ) {
     }
     }
     + $title = get_the_title( $post_id );
     + if ( 'WordCamp Sydney' === $title ) {
     + $classes[] = sanitize_html_class( 'September, 2016' );
     + }
     +
     if ( is_attachment() ) {
     $mime_type = get_post_mime_type($post_id);
     $mime_prefix = array( 'application/', 'image/', 'text/', 'audio/', 'video/'...
     

     View Slide

101. WordCamp Easter Egg
     diff --git a/src/wp-includes/post-template.php b/src/wp-includes/post-template.php
     index 7994f89..f1a0cad 100644
     --- a/src/wp-includes/post-template.php
     +++ b/src/wp-includes/post-template.php
     @@ -614,6 +614,11 @@ function get_body_class( $class = '' ) {
     }
     }
     + $title = get_the_title( $post_id );
     + if ( 'WordCamp Sydney' === $title ) {
     + $classes[] = sanitize_html_class( 'September, 2016' );
     + }
     +
     if ( is_attachment() ) {
     $mime_type = get_post_mime_type($post_id);
     $mime_prefix = array( 'application/', 'image/', 'text/', 'audio/', 'video/'...
     

     View Slide

102. WordCamp Easter Egg
     diff --git a/src/wp-includes/post-template.php b/src/wp-includes/post-template.php
     index 7994f89..f1a0cad 100644
     --- a/src/wp-includes/post-template.php
     +++ b/src/wp-includes/post-template.php
     @@ -614,6 +614,11 @@ function get_body_class( $class = '' ) {
     }
     }
     + $title = get_the_title( $post_id );
     + if ( 'WordCamp Sydney' === $title ) {
     + $classes[] = sanitize_html_class( 'September, 2016' );
     + }
     +
     if ( is_attachment() ) {
     $mime_type = get_post_mime_type($post_id);
     $mime_prefix = array( 'application/', 'image/', 'text/', 'audio/', 'video/'...
     

     View Slide

103. WordCamp Easter Egg
     diff --git a/src/wp-includes/post-template.php b/src/wp-includes/post-template.php
     index 7994f89..f1a0cad 100644
     --- a/src/wp-includes/post-template.php
     +++ b/src/wp-includes/post-template.php
     @@ -614,6 +614,11 @@ function get_body_class( $class = '' ) {
     }
     }
     + $title = get_the_title( $post_id );
     + if ( 'WordCamp Sydney' === $title ) {
     + $classes[] = sanitize_html_class( 'September, 2016' );
     + }
     +
     if ( is_attachment() ) {
     $mime_type = get_post_mime_type($post_id);
     $mime_prefix = array( 'application/', 'image/', 'text/', 'audio/', 'video/'...
     

     View Slide

104. WordCamp Easter Egg
     diff --git a/src/wp-includes/post-template.php b/src/wp-includes/post-template.php
     index 7994f89..f1a0cad 100644
     --- a/src/wp-includes/post-template.php
     +++ b/src/wp-includes/post-template.php
     @@ -614,6 +614,11 @@ function get_body_class( $class = '' ) {
     }
     }
     + $title = get_the_title( $post_id );
     + if ( 'WordCamp Sydney' === $title ) {
     + $classes[] = sanitize_html_class( 'September, 2016' );
     + }
     +
     if ( is_attachment() ) {
     $mime_type = get_post_mime_type($post_id);
     $mime_prefix = array( 'application/', 'image/', 'text/', 'audio/', 'video/'...
     

     View Slide

105. Generating a patch
     > ~/Downloads/37941.diff
     git diff
     

     View Slide

106. git diff
     Generating a patch
     > ~/Downloads/37941.diff
     

     View Slide

107. View Slide

108. View Slide

109. You retain the copyright.
     You license your code to WordPress
     

     View Slide

110. View Slide

111. View Slide

112. View Slide

113. Let the code reviews begin
     

     View Slide

114. View Slide

115. flic.kr/p/y35dEE (CC)
     

     View Slide

116. Hack WordPress core,
     contribute code back.
     

     View Slide

117. Hack WordPress docs,
     contribute docs back.
     

     View Slide

118. Translate WordPress,
     help spread the word.
     

     View Slide

119. Contribute however you can,
     however you feel comfortable.
     

     View Slide

120. Thank you
     Peter Wilson • peterwilson.cc • @pwcc
     

     View Slide