Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Fotis Routsis - Gutenberg - WordPress Athens 12th meetup

Fotis Routsis - Gutenberg - WordPress Athens 12th meetup

A717e9d055b2284e573b2412e32f5397?s=128

WordPress Greek Community

November 22, 2017
Tweet

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

    εσείς!