Fotis Routsis - Gutenberg - WordPress Athens 12th meetup

Transcript

1. Γειά σας! #fotaras
2. Φώτης Ρούτσης foti.me
3. Gutenberg μια πρώτη αποτίμηση
4. foti.me TinyMCE
5. foti.me TinyMCE / Extend shortcodes
6. foti.me TinyMCE / Super Extend more.. shortcodes
7. foti.me TinyMCE / Super Mega Extend Ο δρόμος για το (semi) Vendor Lock In
8. 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
9. 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
10. foti.me Wordcamp Europe 2017 / Paris “We Called it Gutenberg for a Reason” Mat Mulleneeg
11. 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
12. foti.me
13. Σημειώσεις! μύθοι & πραγματικότητα https://wordpress.tv/2017/11/11/tammie-lister-getting-to-know-gutenberg/
14. foti.me Roadmap Θα αποτελούσε τον κύριο επεξεργαστή κειμένου του Wordpress κατά την έκδοση 5.0 / Δεκέμβριος 2017 Αμφίβολο ακόμα..
15. foti.me Θα μπορείτε να το απενεργοποιήσετε! Πάμε πάλι πίσω στο TinyMCE..
16. foti.me Θα υποστηρίζονται τα metaboxes! Ίσως ο μεγαλύτερος καημός αυτή τη στιγμή..
17. foti.me Θα υποστηρίζονται custom post types Το πλέον λογικό πράγμα ..
18. foti.me Τα shortcodes θα συνεχίσουν να δουλεύουν Ενδιαφέρουσα δήλωση..
19. foti.me Δεν χρειάζεται να αλλάξετε το theme σας. Και άλλη ενδιαφέρουσα δήλωση..
20. foti.me Δεν είναι ένα Page Builder Τέτοια καλούδια σε επόμενη φάση..
21. foti.me Αλλάζει και βελτιώνεται συνεχώς. Σύντομα θα είναι στην πρώτη του πλήρως λειτουργική έκδοση.
22. foti.me Έκδοση 1.7.0 Προηγούμενη Έκδοση Πλέον ορίζεται ως default!
23. Blocks η καρδιά του Gutenberg
24. foti.me Το περιεχόμενο δομείται γύρω από λειτουργικές μονάδες οι οποίες ονομάζονται Blocks!
25. foti.me
26. Themes κάτι extra ;
27. foti.me Single Column Themes Simple is the BEST Καλύτερα τα CSS themes Σχεδιασμός με “placeholders” User defied desigi/structure
28. foti.me blocks.css functons.php add_theme_support()
29. foti.me https://github.oos/WoordPress/gutenbergnthese
30. Κώδικας θα δούμε τίποτα ;
31. eordpress.org/gutenberg μια καλή αρχή..
32. foti.me Blocks! Πως δομούνται στον editor <!--more-->
33. foti.me Blocks! Πως διαβάζονται httpi:////github.com//.utoma.c//wptp-tpoit-grammar
34. foti.me Blocks! Πως χτίζονται ; https://῱ordtpress.org/gutenberg/handboo//bloo/s/῱ritngnyourngrstnbloo/ntytpe/ Λίγη PHP Λίγο CSS Μπόλικη Javaicritpt
35. foti.me PHP Βασικές δηλώσεις enqueue_block_editor_assets()
36. GIPHY Block https://github.oos/obenland/gitphynbloo//
37. foti.me Λίγη PHP enqueue_block_editor_assets()
38. foti.me Λίγο CSS editor.css
39. foti.me Αρκετή Javascript block.js
40. foti.me Το αποτέλεσμα
41. Hello Athens! Το hello ῱orld μου!
42. foti.me
43. foti.me Λίγη PHP enqueue_block_editor_assets()
44. foti.me Λίγο CSS editor.css editor.cii front.cii
45. foti.me Και η Javascript! block.js 1 wptp-block-fotinhello-atheni
46. foti.me 2
47. foti.me 3
48. foti.me
49. Ανησυχίες αυτά τα liceniei..
50. foti.me To Facebook είπε.. React ας ξαναδούμε λίγο την πατέντα του.. htps://code.facebook.com/posts/112130496157735/explaining-react-s-license/
51. foti.me Και μετά το Wordpress είπε.. Πάμε σε άλλο JS Frameeork! htps://ma.t/2017/09/on-react-and-eordpress/
52. foti.me Και μετά το Facebook είπε.. Χαλαρώστε.. πάμε τελικά σε MIT license htps://code.facebook.com/posts/300798627056246
53. foti.me Και μετά το Wordpress είπε.. Συνεχίζουμε τότε και εμείς με React.. htps://github.com/WordPress/gutenberg/issues/2733
54. foti.me NPM παιδιά και MB htps://gist.github.com/ahmadaeais/798f6a45cb4402f5a627e237cbaa9f9
55. foti.me Modules και Licenses Είναι (και θα είναι) όλα GPL Compatble ; htps://codepen.io/ahmadaeais/full/yXexbX/
56. foti.me Και η κοινότητα.. Δεν δείχνουν ιδιαίτερα ικανοποιημένοι Καμιά ιδέα γιατί γίνεται αυτό ;
57. Ευχαριστώ! να τα πούμε λιγάκι τώρα ;
58. fots.me θα είμαι και στο WC.th ! Να είστε και εσείς!