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
11
Unlocking creativity - Marilia Darilli
wpgr
0
37
Έλλη Μουχτάρη - Χτίσε το προσωπικό σου brand και απόκτησε τους πελάτες που θες
wpgr
0
24
Ioannis Kastorinis - WooCommerce technical automations in the real world
wpgr
0
38
Christos Paloukas - Cache me if you can, a journey through caching layers in WordPress
wpgr
0
45
Ευάγγελος Πάλλης - Malware Cleanup & Protection
wpgr
0
48
Νίκος Μαυράκης - Κοστολογώντας τη δημιουργικότητα
wpgr
0
32
Other Decks in Programming
See All in Programming
はじめてのWeb API体験 ー 飲食店検索アプリを作ろうー
akinko_0915
0
140
NEWT Backend Evolution
xpromx
1
140
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
280
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
4
410
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
2
15k
Porting a visionOS App to Android XR
akkeylab
0
680
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
470
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
24
9.6k
PicoRuby on Rails
makicamel
3
140
PipeCDのプラグイン化で目指すところ
warashi
1
310
可変変数との向き合い方 $$変数名が踊り出す$$ / php conference Variable variables
gunji
0
180
レトロゲームから学ぶ通信技術の歴史
kimkim0106
0
110
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
43
7.6k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Visualization
eitanlees
146
16k
GraphQLとの向き合い方2022年版
quramy
49
14k
Adopting Sorbet at Scale
ufuk
77
9.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Embracing the Ebb and Flow
colly
86
4.8k
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 ! Να είστε και
εσείς!