Ghost Themes

Creating themes for Ghost talk for the Montevideo Web Design Group

Transcript

1. Ghost – The blog platform –
2. Rodrigo Espinosa Developer at Sophilabs Co-organizer JSConfUY! ! @espinosacurbelo
3. What is Ghost?
4. Ghost is a CMS “Ghost is a simple, powerful publishing platform that allows you to share your story with the world.’
5. It has… posts pages administrator ! – just like Wordpress –
6. What’s different Ghost from the others?
7. It’s simplicity
8. Extremely easy to customise
9. Ghost folder structure Everything you need is located in the /content/ directory
10. Theme folder structure Ghost themes are intended to be simple to build and maintain
11. What are those .hbs files?
12. HANDLEBARS HTML with advance functionality
13. variables HANDLEBARS HTML with advance functionality {{author.name}}
14. HANDLEBARS HTML with advance functionality
15. iterators HANDLEBARS HTML with advance functionality {{#foreach posts}} {{/foreach}}
16. HANDLEBARS HTML with advance functionality
17. assets HANDLEBARS HTML with advance functionality {{asset "css/style.css"}}
18. HANDLEBARS HTML with advance functionality
19. partials HANDLEBARS HTML with advance functionality {{!< layout }}
20. HANDLEBARS HTML with advance functionality
21. HANDLEBARS HTML with advance functionality
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. Open a theme file index.hbs The index.hbs is the principal point of access to your site. Your home page.
24. Open a theme file post.hbs The post.hbs contains the template to display when navigates to a specific post.
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. 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. Handlebar helpers {{#has tag="photo"}} {{pagination}}
28. Marketplace
29. Ghost has it own Marketplace at marketplace.ghost.org
31. Selling themes on the marketplace
32. Demand
34. Examples themes
39. Q&A
40. Thanks!