Ghost Themes

Transcript

1. 1.

   Ghost – The blog platform –

2. 2.

   Rodrigo Espinosa Developer at Sophilabs Co-organizer JSConfUY! ! @espinosacurbelo

3. 3.

   What is Ghost?

4. 4.

   Ghost is a CMS “Ghost is a simple, powerful publishing

   platform that allows you to share your story with the world.’
5. 5.

   It has… posts pages administrator ! – just like Wordpress

   –
6. 6.

   What’s different Ghost from the others?

7. 7.

   It’s simplicity

8. 8.

   Extremely easy to customise

9. 9.

   Ghost folder structure Everything you need is located in the

   /content/ directory
10. 10.

    Theme folder structure Ghost themes are intended to be simple

    to build and maintain
11. 11.

    What are those .hbs files?

12. 12.

    HANDLEBARS HTML with advance functionality

13. 13.

    variables HANDLEBARS HTML with advance functionality {{author.name}}

14. 14.

    HANDLEBARS HTML with advance functionality

15. 15.

    iterators HANDLEBARS HTML with advance functionality {{#foreach posts}} {{/foreach}}

16. 16.

    HANDLEBARS HTML with advance functionality

17. 17.

    assets HANDLEBARS HTML with advance functionality {{asset "css/style.css"}}

18. 18.

    HANDLEBARS HTML with advance functionality

19. 19.

    partials HANDLEBARS HTML with advance functionality {{!< layout }}

20. 20.

    HANDLEBARS HTML with advance functionality

21. 21.

    HANDLEBARS HTML with advance functionality

22. 22.

    Open a theme file default.hbs default.hbs is not required. But

    would be helpful to have a base layout for all that repetitive content.
23. 23.

    Open a theme file index.hbs The index.hbs is the principal

    point of access to your site. Your home page.
24. 24.

    Open a theme file post.hbs The post.hbs contains the template

    to display when navigates to a specific post.
25. 25.

    Open a theme file page.hbs The page.hbs contains the template

    to display when navigates to a static page. For example to /about
26. 26.

    Open a theme file page.hbs Also a page.hbs can display

    a specific (and unique) static page. Like in about page-about.hbs
27. 27.

    Handlebar helpers {{#has tag="photo"}} {{pagination}}

28. 28.

    Marketplace

29. 29.

    Ghost has it own Marketplace at marketplace.ghost.org

30. 30.

    None
31. 31.

    Selling themes on the marketplace

32. 32.

    Demand

33. 33.

    None
34. 34.

    Examples themes

35. 35.

    None
36. 36.

    None
37. 37.

    None
38. 38.

    None
39. 39.

    Q&A

40. 40.

    Thanks!