Learning with Open Source

Making Open Source: Wordpress Themes - Learning by creating projects for everyday use

Transcript

1. making
   open source
   wordpress themes
   learning by creating projects for everyday use
   

   View Slide

2. www.sayan.ee
   @sayanee_
   

   View Slide

3. make
   learn
   ship
   help
   

   View Slide

4. make
   learn ship
   help
   open
   source
   

   View Slide

5. wordpress theme
   oct 2011 - dec 2012
   minimal design, responsive
   

   View Slide

6. make
   learn new stuff
   use it myself
   others will use
   php, responsive design
   for my blog design
   for their websites
   bonus!
   

   View Slide

7. make
   read documentation
   wordpress codex
   getting
   started
   

   View Slide

8. make
   localhost development
   one-step to get started
   server scripting
   & alias
   build tool
   demo
   

   View Slide

9. make
   localhost development
   one-step to get started
   server scripting
   & alias
   build tool
   demo
   Premature optimization is the root of all evil
   ~ Donald Knuth
   

   View Slide

10. make
    know the structure
    readme, screenshot, css, php
    demo
    view files
    404.php, footer.php
    project files
    readme, screenshot
    coding files
    build tool, preprocessor
    

    View Slide

11. make
    asset processing in 1 step
    css, javascript, images
    demo
    

    View Slide

12. make
    start with an example
    starter themes
    naked
    starter theme
    underscores.me
    theme generator
    demo
    

    View Slide

13. make
    encouragement
    suggestions
    share your first version
    social media, github
    

    View Slide

14. ship
    publish my creation
    feedback from wordpress
    central hub of themes
    adherence to guidelines
    

    View Slide

15. version with numbers
    semantic versioning
    ship
    major.minor.patch
    

    View Slide

16. license type and effects
    apache, gpl mit
    ship
    

    View Slide

17. asset handling & format
    javascript, css
    ship
    style.css
    coding style
    javascript
    enqueue script
    

    View Slide

18. test for all types of data
    post, page, images, gallery, text
    ship
    wp-config.php
    demo
    

    View Slide

19. build for upload + blog
    upload for production & wordpress theme directory
    ship
    demo
    remove production folder
    remove zip to upload
    create production folder
    create zip to upload
    

    View Slide

20. upload for approval
    work with guidelines
    ship
    demo
    approved!
    

    View Slide

21. help
    help users with issues
    hear from others
    detect issues or customise
    update and integrate with feedback
    

    View Slide

22. support emails
    demo
    I absoulutely love your wordpress
    theme Ice Cap. Is there anyway I can
    remove the header? I try, but when I
    click header it says I do not have
    permission to change header. Just
    checking. I am trying to remove the
    photo.
    Thanks again for putting together this
    AWESOME wordpress theme!!!!
    I love your Ice Cap theme – but
    can’t work out how to change the
    colour of the title font. Is this
    possible?
    Hi. I'm using your Ice Cap theme - love it!
    But I've noticed that it won't allow me to
    format in bold or italic. I'm not sure if there's
    something that I've done wrong (I'm not
    exactly Mr. Technie) or if it's something that
    needs to fixed in the code.
    Would love to hear from you about what
    might be wrong.
    OK, so I have set up the WP self hosted at
    my domain.
    What I wanted to do is remove the gray bar
    area and "home" link there too. I do not want
    these on any pages of site.
    I attached a screenshot of the homepage, and
    added red line showing what I mean.
    Hope its not too hard to modify, and it wont
    ruin all your coding work!
    ask: url, screenshot
    help: file name, line#
    help
    

    View Slide

23. one-page website
    demo
    most common
    emails
    help
    most common
    resources
    

    View Slide

24. feedback ratings & ideas
    demo
    help
    

    View Slide

25. learn
    thorough with guidelines
    forgive my own mistakes
    inspired by senior coders
    create more ideas
    understand why or why not
    time management, comments, ratings
    10,000 hours
    fall in love with the doing, not the idea
    

    View Slide

26. usage is the oxygen for ideas
    ~ matt mullenweg
    founder of wordpress
    

    View Slide