Gutenberg a przyszłość WordPressa

WordUp Wrocław #15: Gutenberg

W 2018 roku szykuje się wiele zmian, które wpłyną na przyszłość WordPressa. Przede wszystkim ujrzymy zupełnie nowy sposób tworzenia treści, który przedefiniuje to, jak użytkownicy korzystają z WordPressa. Programiści i projektanci powinni być świadomi wyzwań, ale również nowych możliwości, które się przed nimi pojawią.

Transcript

1. Grzegorz Ziółkowski @gziolo gziolo.pl Gutenberg a przyszłość WordPressa
2. ROZDZIAŁ I Historia
10. “ ” The editor will endeavour to create a new page and post building experience that makes writing rich posts effortless, and has “blocks” to make it easy what today might take shortcodes, custom HTML, or “mystery meat” embed discovery. make.wordpress.org/core/2017/01/04/focus-tech-and-design-leads/ MATT MULLENWEG
11. Wprowadzając koncepcje "bloku", mamy możliwośći ujednolicenia wielu różnych interfesjów.
12. "Mystery meat" odnosi się do ukrytych funkcjonalności w oprogramowaniu, które każdy musi odkryć samemu.
13. ROZDZIAŁ II Gutenberg
15. Wizja • Wszystko jest blokiem • Wszystkie bloki są sobie równe • Placeholdery są kluczowe • Bezpośrednia modyfikacja • Dostosowanie do potrzeb użytkownika • Przeciągnij i upuść jako dodatek
16. “ ” Ultimately, the vision for Gutenberg is to make it much easier to author rich content. Through ensuring good defaults, wrapping and bundling advanced layout options blocks, and making the most important actions immediately available, authoring content with WordPress should be accessible to anyone. WORDPRESS.ORG/GUTENBERG/HANDBOOK/REFERENCE/DESIGN-PRINCIPLES/
17. ROZDZIAŁ III Demo
18. ROZDZIAŁ IV Sprawy techniczne
19. Wybory techniczne: make.wordpress.org/core/2017/01/17/editor- technical-overview/
20. “ ” MATT MULLENWEG I believe quite strongly that JavaScript and API-driven interfaces are the future of not just WordPress but the web. The State of the Word 2015
21. SPRAWY TECHNICZNE Technologie
22. Biblioteki • React • Redux • Lodash • Pakiety WordPressa • Inne moduły npm
23. Narzędzia • Webpack • Babel • Eslint • Jest • Cypress
24. Gutenberg jest zbudowana z niezależnych modułów.
25. Zewnętrzne biblioteki przykryte warstwą abstrakcji.
26. Komponenty wielokrotnego użycia ponad czysty HTML i CSS.
27. SPRAWY TECHNICZNE Bloki
28. Enqueue Javascript CSS HTML
29. API bloku: wordpress.org/gutenberg/handbook/block-api
31. Bloki jako kompozycja komponentów.
33. SPRAWY TECHNICZNE Szablony
34. Eksperymenty z szablonem: github.com/WordPress/gutenberg-theme
35. Rozszerzalność SPRAWY TECHNICZNE
41. ROZDZIAŁ V Przyszłość…
42. Propozycja włączenia do dystrybucji WordPressa dopiero nastąpi.
43. Gutenberg to nie jest page builder, Customizer będzie następny.
44. Eksperymenty: sposób na tworzenie bloków w każdym frameworku.
45. Interaktywne bloki także na frontendzie?
46. Zestaw na początek i skrypty wielokrotnego użycia.
48. “ ” DAN ABRAMOV If WordPress were to adopt React, it would make sense for it to also provide a zero- configuration build environment. We are happy to offer some of the packages we developed as part of Create React App for reuse. wpcouple.com/interview-react-team-facebook-wordpress-gutenberg/
49. Generowanie bloków z WP-CLI: wordpress.org/gutenberg/handbook/blocks/ generate/blocks-with-wp-cli/
50. Skrypty wielokrotnego użycia: github.com/WordPress/packages/tree/master/ packages/scripts
51. Pakiety WordPressa (npm): github.com/WordPress/packages
52. ROZDZIAŁ VI Weź też udział
53. Dowiedz się więcej: wordpress.org/gutenberg
54. Dokumentacja: wordpress.org/gutenberg/handbook/
55. Pobierz wtyczkę: wordpress.org/plugins/gutenberg/
56. Pomóż ze zgłoszeniami: github.com/WordPress/gutenberg/issues
57. Dołącz do rozmów: #core-editor, środa 15:00
58. Dziękuję, pytania? Grzegorz Ziółkowski @gziolo gziolo.pl