Pro Yearly is on sale from $80 to $50! »

Ghost Themes

Ghost Themes

Creating themes for Ghost talk for the Montevideo Web Design Group

71f946b4fdeb8a14e43297b2708e4c3a?s=128

Rodrigo Espinosa Curbelo

July 09, 2014
Tweet

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

  30. None
  31. Selling themes on the marketplace

  32. Demand

  33. None
  34. Examples themes

  35. None
  36. None
  37. None
  38. None
  39. Q&A

  40. Thanks!