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 12th meetup
Search
WordPress Greek Community
November 22, 2017
Programming
1
85
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
Enhancing WordPress and WooCommerce - Case study of ymca.gr
wpgr
0
26
Κατανόηση της καταναλωτικής συμπεριφοράς και διαμόρφωση στρατηγικής
wpgr
0
27
Συνδυαστικές στρατηγικές για Επιτυχημένο E- Commerce, Online Merchandising και Digital Marketing
wpgr
0
39
Ρυθμίσεις & styling μλοκ με χρήση του theme.json
wpgr
0
74
Marketing στην πράξη το 2023
wpgr
1
44
Το Metaverse και πώς σχετίζεται με το WordPress!
wpgr
0
77
Γνωριμία με την ομάδα Training
wpgr
0
15
Στρατηγική SEO content για e-commerce websites
wpgr
0
49
Είμαι Freelancer, πώς να κάνω personal branding
wpgr
0
32
Other Decks in Programming
See All in Programming
Netty Chicago Java User Group 2024-04-17
sullis
0
170
VS Code をプロダクトにどう取り込むか
onomax
1
360
Rethinking UI building strategies @ SFI 2024
letelete
0
270
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
8
4k
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
19k
コーンフレークから始める モデリング会話入門
ogurotakayuki
0
370
Random\Randomizer クラスで日常のあれこれを解決しよう! / Random\Randomizer class solves familiar trouble
cocoeyes02
0
230
SIMD Parallel Programming with the Vector API
josepaumard
0
160
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
170
Anthropic Cookbook のおすすめレシピ
schroneko
7
930
try! Swift Tokyo 初参加報告LT
hinakko2
0
220
Git Rebase
bkuhlmann
11
1.6k
Featured
See All Featured
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
6
1.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
31
46k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
Bash Introduction
62gerente
604
210k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
40
4.4k
For a Future-Friendly Web
brad_frost
172
9k
Build The Right Thing And Hit Your Dates
maggiecrowley
24
2k
A designer walks into a library…
pauljervisheath
200
23k
Raft: Consensus for Rubyists
vanstee
132
6.3k
BBQ
matthewcrist
80
8.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 ! Να είστε και
εσείς!