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
11
Andreas Karavanas - AI Supercharged Landing Pages
wpgr
0
16
Όμορφα, γρήγορα και οικονομικά websites με WordPress
wpgr
0
22
Unlocking creativity - Marilia Darilli
wpgr
0
50
Έλλη Μουχτάρη - Χτίσε το προσωπικό σου brand και απόκτησε τους πελάτες που θες
wpgr
0
33
Ioannis Kastorinis - WooCommerce technical automations in the real world
wpgr
0
50
Christos Paloukas - Cache me if you can, a journey through caching layers in WordPress
wpgr
0
58
Ευάγγελος Πάλλης - Malware Cleanup & Protection
wpgr
0
64
Νίκος Μαυράκης - Κοστολογώντας τη δημιουργικότητα
wpgr
0
46
Other Decks in Programming
See All in Programming
テストコードはもう書かない:JetBrains AI Assistantに委ねる非同期処理のテスト自動設計・生成
makun
0
250
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
clshinji
1
210
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
3
280
CJK and Unicode From a PHP Committer
youkidearitai
PRO
0
110
プロパティベーステストによるUIテスト: LLMによるプロパティ定義生成でエッジケースを捉える
tetta_pdnt
0
300
そのAPI、誰のため? Androidライブラリ設計における利用者目線の実践テクニック
mkeeda
2
260
Android端末で実現するオンデバイスLLM 2025
masayukisuda
1
130
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
840
Laravel Boost 超入門
fire_arlo
2
210
ProxyによるWindow間RPC機構の構築
syumai
3
1.1k
基礎から学ぶ大画面対応(Learning Large-Screen Support from the Ground Up)
tomoya0x00
0
410
AIでLINEスタンプを作ってみた
eycjur
1
230
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
A designer walks into a library…
pauljervisheath
207
24k
Practical Orchestrator
shlominoach
190
11k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
How to train your dragon (web standard)
notwaldorf
96
6.2k
How STYLIGHT went responsive
nonsquared
100
5.8k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Into the Great Unknown - MozCon
thekraken
40
2k
RailsConf 2023
tenderlove
30
1.2k
Navigating Team Friction
lara
189
15k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
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 ! Να είστε και
εσείς!