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
310
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
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
160
Correspondence:共に生成していく過程
akiramotomura
0
110
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
140
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
140
kintone_aroma
kintone
0
180
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
520
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1k
Memory Man v3 (WIP)
storybychad
PRO
0
2.7k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.8k
Installing and Running decksh/pdfdeck
ajstarks
1
870
Liquid GlassとApp Intents
touyou
0
440
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
200
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
526
40k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Typedesign – Prime Four
hannesfritz
42
2.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Side Projects
sachag
455
43k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
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!