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
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
220
効率的な開発手段として VRTを活用する
ishkawa
0
140
XP, Testing and ninja testing
m_seki
3
250
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
150
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
10
5.3k
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
290
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
730
5つのアンチパターンから学ぶLT設計
narihara
1
170
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
320
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
0
170
Agentic Coding: The Future of Software Development with Agents
mitsuhiko
0
100
Team operations that are not burdened by SRE
kazatohiei
1
310
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
510
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
We Have a Design System, Now What?
morganepeng
53
7.7k
Side Projects
sachag
455
42k
Music & Morning Musume
bryan
46
6.6k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
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 ! Να είστε και
εσείς!