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
Yumika Yamada Portfolio
yumii
0
680
minpaku-community-scrum-patterns
norinity1103
1
120
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
990
AI動画生成ガチャ紹介
piyo7
1
130
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
420
今日から意識できるアクセシビリティ
fumiko
0
250
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
1.8k
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
CMS管理画面のアクセシビリティ
magi1125
7
2.1k
#Dubois Challenge 2025: Economics
ajstarks
0
130
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
130
Haley's adventure chase
ivettetwin
0
240
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
690
GraphQLとの向き合い方2022年版
quramy
49
14k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
970
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
The Language of Interfaces
destraynor
158
25k
Scaling GitHub
holman
460
140k
The Invisible Side of Design
smashingmag
301
51k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
How to Ace a Technical Interview
jacobian
278
23k
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!