Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Ghost Themes
Search
Rodrigo Espinosa Curbelo
July 09, 2014
Design
2
300
Ghost Themes
Creating themes for Ghost talk for the Montevideo Web Design Group
Rodrigo Espinosa Curbelo
July 09, 2014
Tweet
Share
More Decks by Rodrigo Espinosa Curbelo
See All by Rodrigo Espinosa Curbelo
Being Blessed
rec
0
9.9k
HapiJS: A delightful experience
rec
1
380
Real time web applications for existing no NodeJS apps
rec
1
580
Git Flow
rec
3
1.6k
Other Decks in Design
See All in Design
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
150
Saudade typeface
tiagoporto
0
340
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
470
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
110
エンジニアでも捗る デザイナー的思考入門
tinykitten
1
1.2k
株式会社Muture_ソーシャル推進事業
muture
PRO
0
130
AI時代に淘汰されないデザインのしごと
akinen
1
180
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
1.4k
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
160
Bulletproof Design System with TypeScript
takanorip
6
3.9k
株式会社バクタム 会社説明資料
bactum
0
290
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
270
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Building Adaptive Systems
keathley
43
2.7k
How to Ace a Technical Interview
jacobian
278
23k
Designing for humans not robots
tammielis
253
25k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
The Invisible Side of Design
smashingmag
301
51k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Transcript
Ghost – The blog platform –
Rodrigo Espinosa Developer at Sophilabs Co-organizer JSConfUY! ! @espinosacurbelo
What is Ghost?
Ghost is a CMS “Ghost is a simple, powerful publishing
platform that allows you to share your story with the world.’
It has… posts pages administrator ! – just like Wordpress
–
What’s different Ghost from the others?
It’s simplicity
Extremely easy to customise
Ghost folder structure Everything you need is located in the
/content/ directory
Theme folder structure Ghost themes are intended to be simple
to build and maintain
What are those .hbs files?
HANDLEBARS HTML with advance functionality
variables HANDLEBARS HTML with advance functionality {{author.name}}
HANDLEBARS HTML with advance functionality
iterators HANDLEBARS HTML with advance functionality {{#foreach posts}} {{/foreach}}
HANDLEBARS HTML with advance functionality
assets HANDLEBARS HTML with advance functionality {{asset "css/style.css"}}
HANDLEBARS HTML with advance functionality
partials HANDLEBARS HTML with advance functionality {{!< layout }}
HANDLEBARS HTML with advance functionality
HANDLEBARS HTML with advance functionality
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.
Open a theme file index.hbs The index.hbs is the principal
point of access to your site. Your home page.
Open a theme file post.hbs The post.hbs contains the template
to display when navigates to a specific post.
Open a theme file page.hbs The page.hbs contains the template
to display when navigates to a static page. For example to /about
Open a theme file page.hbs Also a page.hbs can display
a specific (and unique) static page. Like in about page-about.hbs
Handlebar helpers {{#has tag="photo"}} {{pagination}}
Marketplace
Ghost has it own Marketplace at marketplace.ghost.org
None
Selling themes on the marketplace
Demand
None
Examples themes
None
None
None
None
Q&A
Thanks!