Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Kirby Crash Course

Avatar for Bastian Allgeier Bastian Allgeier
May 14, 2013
Programming
5
720

Kirby Crash Course

Avatar for Bastian Allgeier

Bastian Allgeier

May 14, 2013
Tweet

More Decks by Bastian Allgeier

See All by Bastian Allgeier
Escape to planet Aerth
Avatar for Bastian Allgeier bastianallgeier
0
800
Let's build a better web
Avatar for Bastian Allgeier bastianallgeier
3
490
From designer to developer – an unexpected journey
Avatar for Bastian Allgeier bastianallgeier
3
3.5k
Browser vs. Photoshop
Avatar for Bastian Allgeier bastianallgeier
2
550
Rediscover Value
Avatar for Bastian Allgeier bastianallgeier
2
310
design your code, code your design
Avatar for Bastian Allgeier bastianallgeier
7
560
Feel-good interface design
Avatar for Bastian Allgeier bastianallgeier
6
530

Other Decks in Programming

See All in Programming
Querying Design System デザインシステムの意思決定を支える構造検索
Avatar for ikuma-t ikumatadokoro
1
1.2k
オフライン対応！Flutterアプリに全文検索エンジンを実装する @FlutterKaigi2025
Avatar for JaiChangPark itsmedreamwalker
2
320
スタートアップを支える技術戦略と組織づくり
Avatar for pospome pospome
8
13k
「正規表現をつくる」をつくる / make "make regex"
Avatar for TSUYUSATO Kitsune makenowjust
1
940
r2-image-worker
Avatar for Yusuke Wada yusukebe
1
180
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
Avatar for Matsumoto Moeka moeka__c
5
2.6k
TypeScript 5.9 で使えるようになった import defer でパフォーマンス最適化を実現する
Avatar for おおいし bicstone
1
520
モビリティSaaSにおけるデータ利活用の発展
Avatar for Nealle nealle
1
660
Web エンジニアが JavaScript で AI Agent を作る / JSConf JP 2025 sponsor session
Avatar for izumin5210 izumin5210
4
2.1k
開発生産性が組織文化になるまでの軌跡
Avatar for ふくすけ tonegawa07
0
200
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
Avatar for dachi023 dachi023
1
130
Rails Girls Sapporo 2ndの裏側―準備の日々から見えた、私が得たもの / SAPPORO ENGINEER BASE #11
Avatar for はる lemonade_37
2
190

Featured

See All Featured
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
2.9k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.3k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
7k
Navigating Team Friction
Avatar for Lara Hogan lara
190
16k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
690

Transcript

  1. None

  2. Kirby ist ein datei-basiertes CMS [email protected] Email Website Twitter

  3. getkirby.com/made-with-kirby-and-love

  4. - Einfache Installation - Version Controlling - NoSQL Flexibilität -

    Einfache Deploys - Geschwindigkeit Warum datei-basiert?

  5. Kern + Panel

  6. +

  7. Kirby’s Aufbau

  8. Wie funktioniert Kirby? Ein Ordner = eine Seite

  9. Wie funktioniert Kirby? Eine Textdatei für jede Seite project.txt

  10. Wie funktioniert Kirby? Eine Textdatei für die gesamte Seite content/site.txt

  11. Wie funktioniert Kirby? Name der Textdatei = Name des Templates

    /content/01-projects/01-project-a/project.txt /site/templates/project.php

  12. Wie funktioniert Kirby? Sortierung + Sichtbarkeit über Zahlen sichtbar unsichtbar

  13. Wie funktioniert Kirby? Bilder, Videos, PDFs, etc.

  14. Markdown / Kirbytext # Headline 1 ## Headline 2 ###

    Headline 3 **Bold Text** _Italic Text_

  15. Markdown / Kirbytext (image: my-image.jpg) (link: http://getkirby.com) (email: [email protected]) (file:

    fact-sheet.pdf) (youtube: http://youtube.com/watch...)

  16. Templating templates snippets

  17. templates/article.php snippets/header.php snippets/footer.php

  18. Templating $site

  19. Templating $pages

  20. Templating $pages

  21. Templating $page

  22. Templating Bilder, Videos, PDFs, etc.

  23. Templating Bilder, Videos, PDFs, etc.

  24. Templating Crazy shit…

  25. Docs getkirby.com/docs getkirby.com/blog getkirby.com/tutorials

  26. None

  27. Prototyping mit Kirby Finder als Mindmap

  28. Prototyping mit Kirby Inhalte strukturieren team-member.txt

  29. Prototyping mit Kirby Inhalte strukturieren client.txt

  30. Prototyping mit Kirby Inhalte strukturieren philosophy.txt

  31. Prototyping mit Kirby Header und footer snippets /site/snippets/header.php /site/snippets/footer.php

  32. Prototyping mit Kirby Assets verlinken

  33. Prototyping mit Kirby Assets verlinken getkirby.com/blog/template-css

  34. Prototyping mit Kirby Navigation bauen getkirby.com/downloads/snippets getkirby.com/blog/fun-with-menus

  35. Prototyping mit Kirby Nach und nach Templates anlegen home.php client.php

    project.php …

  36. Danke! @bastianallgeier @getkirby