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
270
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.8k
HapiJS: A delightful experience
rec
1
350
Real time web applications for existing no NodeJS apps
rec
1
510
Git Flow
rec
3
1.5k
Other Decks in Design
See All in Design
B/43プラスカードができるまで
putchomsmartbank
0
490
Designship 2023|想いを可視化するデザインの力
weddingpark
0
250
Fooocus(Stable DiffusionXL)で アニメ画像生成の仕方
otanet
0
1.1k
他人事じゃないWebアクセシビリティ入門
arihiro17
0
230
社内管理画面のデザインもプロダクトデザイン
takanorip
4
740
現象と向き合うデザイン @Spectrum Tokyo Festival 2023
hirokazu_oda
3
1.3k
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
240
Ride or Die Animatics
warwatkar
0
140
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
1
260
成果が出ないユーザーインタビューは何がダメだったのか? ~「誰に聞くか」の探り方 ~
jouykw
10
13k
豊かな自然を守るための、 クラフトビール造りのプロジェクトとデザイン
kazuakiebe
0
450
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
1
180
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Become a Pro
speakerdeck
PRO
13
4.6k
For a Future-Friendly Web
brad_frost
172
9k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Faster Mobile Websites
deanohume
300
30k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
Designing on Purpose - Digital PM Summit 2013
jponch
111
6.5k
The Invisible Side of Design
smashingmag
294
49k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
It's Worth the Effort
3n
180
27k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
14
1.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
21
1.4k
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!