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
Fotis Routsis - Gutenberg - WordPress Athens 12...
Search
WordPress Greek Community
November 22, 2017
Programming
1
100
Fotis Routsis - Gutenberg - WordPress Athens 12th meetup
WordPress Greek Community
November 22, 2017
Tweet
Share
More Decks by WordPress Greek Community
See All by WordPress Greek Community
Thanassis Zannias - Flexible WordPress Dev Environment with Docker
wpgr
0
7
Andreas Karavanas - AI Supercharged Landing Pages
wpgr
0
10
Όμορφα, γρήγορα και οικονομικά websites με WordPress
wpgr
0
10
Unlocking creativity - Marilia Darilli
wpgr
0
35
Έλλη Μουχτάρη - Χτίσε το προσωπικό σου brand και απόκτησε τους πελάτες που θες
wpgr
0
22
Ioannis Kastorinis - WooCommerce technical automations in the real world
wpgr
0
35
Christos Paloukas - Cache me if you can, a journey through caching layers in WordPress
wpgr
0
42
Ευάγγελος Πάλλης - Malware Cleanup & Protection
wpgr
0
46
Νίκος Μαυράκης - Κοστολογώντας τη δημιουργικότητα
wpgr
0
30
Other Decks in Programming
See All in Programming
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
mickey_kubo
1
120
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
irinanazarova
0
110
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
10
5.3k
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
1
18k
RailsGirls IZUMO スポンサーLT
16bitidol
0
190
PostgreSQLのRow Level SecurityをPHPのORMで扱う Eloquent vs Doctrine #phpcon #track2
77web
2
530
技術同人誌をMCP Serverにしてみた
74th
1
650
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
550
PicoRuby on Rails
makicamel
2
130
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
790
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
760
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
150
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
53
7.7k
The World Runs on Bad Software
bkeepers
PRO
69
11k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
Making Projects Easy
brettharned
116
6.3k
Designing Experiences People Love
moore
142
24k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Become a Pro
speakerdeck
PRO
29
5.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Transcript
Γειά σας! #fotaras
Φώτης Ρούτσης foti.me
Gutenberg μια πρώτη αποτίμηση
foti.me TinyMCE
foti.me TinyMCE / Extend shortcodes
foti.me TinyMCE / Super Extend more.. shortcodes
foti.me TinyMCE / Super Mega Extend Ο δρόμος για το
(semi) Vendor Lock In
foti.me Wordcamp Europe 2016 / Vienna “Over the next 5
years, every developer in this room is going to need to learn JavaScript deeply.” Mat Mulleneeg
foti.me Wordcamp Europe 2016 / Vienna “Medium has an amazing
WYSIWYG, and a great editor. Hoeever, there’s no themes. Your site looks generic like every other one on there.” Mat Mulleneeg
foti.me Wordcamp Europe 2017 / Paris “We Called it Gutenberg
for a Reason” Mat Mulleneeg
foti.me The editor eill endeavour to create a nee page
and post building experience that makes eritng rich posts efortless, and has “blocks” to make it easy ehat today might take shortcodes, custom HTML, or “mystery meat” embed discovery Mat Mulleneeg
foti.me
Σημειώσεις! μύθοι & πραγματικότητα https://wordpress.tv/2017/11/11/tammie-lister-getting-to-know-gutenberg/
foti.me Roadmap Θα αποτελούσε τον κύριο επεξεργαστή κειμένου του Wordpress
κατά την έκδοση 5.0 / Δεκέμβριος 2017 Αμφίβολο ακόμα..
foti.me Θα μπορείτε να το απενεργοποιήσετε! Πάμε πάλι πίσω στο
TinyMCE..
foti.me Θα υποστηρίζονται τα metaboxes! Ίσως ο μεγαλύτερος καημός αυτή
τη στιγμή..
foti.me Θα υποστηρίζονται custom post types Το πλέον λογικό πράγμα
..
foti.me Τα shortcodes θα συνεχίσουν να δουλεύουν Ενδιαφέρουσα δήλωση..
foti.me Δεν χρειάζεται να αλλάξετε το theme σας. Και άλλη
ενδιαφέρουσα δήλωση..
foti.me Δεν είναι ένα Page Builder Τέτοια καλούδια σε επόμενη
φάση..
foti.me Αλλάζει και βελτιώνεται συνεχώς. Σύντομα θα είναι στην πρώτη
του πλήρως λειτουργική έκδοση.
foti.me Έκδοση 1.7.0 Προηγούμενη Έκδοση Πλέον ορίζεται ως default!
Blocks η καρδιά του Gutenberg
foti.me Το περιεχόμενο δομείται γύρω από λειτουργικές μονάδες οι οποίες
ονομάζονται Blocks!
foti.me
Themes κάτι extra ;
foti.me Single Column Themes Simple is the BEST Καλύτερα τα
CSS themes Σχεδιασμός με “placeholders” User defied desigi/structure
foti.me blocks.css functons.php add_theme_support()
foti.me https://github.oos/WoordPress/gutenbergnthese
Κώδικας θα δούμε τίποτα ;
eordpress.org/gutenberg μια καλή αρχή..
foti.me Blocks! Πως δομούνται στον editor <!--more-->
foti.me Blocks! Πως διαβάζονται httpi:////github.com//.utoma.c//wptp-tpoit-grammar
foti.me Blocks! Πως χτίζονται ; https://ordtpress.org/gutenberg/handboo//bloo/s/ritngnyourngrstnbloo/ntytpe/ Λίγη PHP Λίγο CSS
Μπόλικη Javaicritpt
foti.me PHP Βασικές δηλώσεις enqueue_block_editor_assets()
GIPHY Block https://github.oos/obenland/gitphynbloo//
foti.me Λίγη PHP enqueue_block_editor_assets()
foti.me Λίγο CSS editor.css
foti.me Αρκετή Javascript block.js
foti.me Το αποτέλεσμα
Hello Athens! Το hello orld μου!
foti.me
foti.me Λίγη PHP enqueue_block_editor_assets()
foti.me Λίγο CSS editor.css editor.cii front.cii
foti.me Και η Javascript! block.js 1 wptp-block-fotinhello-atheni
foti.me 2
foti.me 3
foti.me
Ανησυχίες αυτά τα liceniei..
foti.me To Facebook είπε.. React ας ξαναδούμε λίγο την πατέντα
του.. htps://code.facebook.com/posts/112130496157735/explaining-react-s-license/
foti.me Και μετά το Wordpress είπε.. Πάμε σε άλλο JS
Frameeork! htps://ma.t/2017/09/on-react-and-eordpress/
foti.me Και μετά το Facebook είπε.. Χαλαρώστε.. πάμε τελικά σε
MIT license htps://code.facebook.com/posts/300798627056246
foti.me Και μετά το Wordpress είπε.. Συνεχίζουμε τότε και εμείς
με React.. htps://github.com/WordPress/gutenberg/issues/2733
foti.me NPM παιδιά και MB htps://gist.github.com/ahmadaeais/798f6a45cb4402f5a627e237cbaa9f9
foti.me Modules και Licenses Είναι (και θα είναι) όλα GPL
Compatble ; htps://codepen.io/ahmadaeais/full/yXexbX/
foti.me Και η κοινότητα.. Δεν δείχνουν ιδιαίτερα ικανοποιημένοι Καμιά ιδέα
γιατί γίνεται αυτό ;
Ευχαριστώ! να τα πούμε λιγάκι τώρα ;
fots.me θα είμαι και στο WC.th ! Να είστε και
εσείς!