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 ! Να είστε και

    εσείς!