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
370
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
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
260
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
580
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
440
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
290
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
180
portfolio_YumiYasuda
yum0418
0
290
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
390
CIRCULAR ECONOMY + SERVICES
jmanooch
0
120
AI動画生成ガチャ紹介
piyo7
1
130
Storyboard Honey
rocioparronrubio
0
280
Bulletproof Design System with TypeScript
takanorip
6
3.6k
minpaku-community-scrum-patterns
norinity1103
1
120
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
The Language of Interfaces
destraynor
158
25k
Producing Creativity
orderedlist
PRO
346
40k
Unsuck your backbone
ammeep
671
58k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
A designer walks into a library…
pauljervisheath
207
24k
Typedesign – Prime Four
hannesfritz
42
2.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
690
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!