‘Gutenberg Block’ Videos

  • Kjell Reigstad: Creative use of block styles

    WordCamp US 2021Speaker: Kjell Reigstad

    December 24, 2021 — A professional designer offers some examples of how to creatively customize blocks. Learn how to use Block Styles to transform standard blocks into works of art!

  • Eileen Violini: Themes of the Future – The New Frontier of Gutenberg Block-Based Themes and Theme Development

    WordCamp San Antonio 2020Speaker: Eileen Violini

    January 21, 2021 — In the WordPress post Gutenberg world there are fundamental shifts in both user and development workflows, and moving forward that means how we develop themes for will also change. Let’s look at the current status of theme development, how you can get started taking advantage of the core editor right and how we can begin building themes for the future. Specifically, we’ll cover: • How to modify existing themes to take full advantage of the new editor and blocks. • Adding Theme Supports and Block templates to existing themes • What’s the difference between Block Enabled and Block Based Themes • Upcoming enhancements for Full Site Editing and Global Styles and how this will affect theme development.

  • Imran Sayed: Fastest way of Creating Gutenberg block with minimal Javascript knowledge

    WordCamp Rochester 2020Speaker: Imran Sayed

    November 26, 2020 — Adapting to Gutenberg could be challenging for PHP developers who have minimal knowledge of JavaScript and React. It’s a paradigm shift and to re-learn how to do what we did with PHP in JavaScript can be overwhelming . In this talk I will discuss how a php developer, with minimal js knowledge can build blocks quickly.

    How can the php developers survive the amount of technologies to be learnt for Gutenberg? Can creating a custom block be as easy as running a couple of simple commands?

    Sharing my story, research and methods (How would we solve the problem?)

    You will know about my personal experiences that helped me build blocks quickly and allowed my clients to migrate to WordPress site, with the power of Gutenberg. ServerSideRender component can simplify creating the editor representation for dynamic blocks. My talk will show how the some build tools like @wordpress/create-block, wp-cli and dynamic blocks can help anyone who wants to create reusable blocks quickly with minimal JavaScript.

    Conclusion (Leave the audience smarter)

    My talk will leave you with a clear understanding of how you can dive into block development quickly without knowing much JS, then expand your knowledge further into the areas of our need.

    Presentation Slides »

  • Fabian kagy, Anja Deubzer: Gutenberg Workshop – Part-1

    WordCamp Prague 2020Speakers: Fabian kagy, Anja Deubzer

    November 26, 2020 — ‘Fabian and Anja want to instruct you to develop a custom Gutenberg block from scratch with the help of tools the Gutenberg team has developed:

  • Fabian kagy, Anja Deubzer: Gutenberg Workshop – Part-2

    WordCamp Prague 2020Speakers: Fabian kagy, Anja Deubzer

    November 26, 2020 — ‘Fabian and Anja want to instruct you to develop a custom Gutenberg block from scratch with the help of tools the Gutenberg team has developed:

  • Fabian kagy, Anja Deubzer: Gutenberg Workshop – Part-3

    WordCamp Prague 2020Speakers: Fabian kagy, Anja Deubzer

    November 26, 2020 — ‘Fabian and Anja want to instruct you to develop a custom gutenberg block from scratch with the help of tools the gutenberg team has developed:

  • Imran Sayed : Custom Gutenberg Block Development In React

    WordPress Colombo MeetupSpeaker: Imran Sayed

    November 3, 2020 — Blocks are the components of Gutenberg. Blocks are simply reusable easy to use components. While there are many libraries and core blocks available, sometimes you have to writes custom blocks to meet your client requirements. The knowledge of Gutenberg can really empower you to achieve even the complex functionalities and layouts in Gutenberg.

    In this session, Imran (WordPress Developer at rtCamp) will demonstrate how to quickly write custom Gutenberg blocks with the help of available tools while explaining the States and attributes of the block and other concepts.

    Meetup link
    https://www.meetup.com/Colombo-WordPress-Meetup/events/274099459/

    Presentation Slides »

  • Mel Choyce: Designing your first Gutenberg block

    WordCamp Europe 2019Speaker: Mel Choyce

    September 19, 2019 — Sometimes the hardest part of a new project is just getting started. In this new Gutenberg-powered world, what does it mean to design a block? Where do I put my shortcode attributes? What’s this toolbar? Mel will show you examples of blocks she designed and go over the basic anatomy of a Gutenberg block. You’ll learn how a block is structured, where to put your settings, and user experience tips to ensure your users or customers are set up for success. No prior design experience is required, and developers are encouraged to attend!

    Presentation Slides »

  • Mika Epstein: The Magical Repeatable Gutenberg Block

    WordCamp Manchester 2018Speaker: Mika Epstein

    May 15, 2019 — Gutenberg. It’s real, it’s happening, and it’s terrifying because you don’t know how you’re going to do everything you do today. What if I told you that for the majority of the simple tasks out there, no only will you still be able to do them, they’ll be even easier? Let me show you how with the magical, repeatable, Gutenberg block.

  • Yoav Farhi: Your First Gutenberg Block

    WordCamp Kathmandu 2019Speaker: Yoav Farhi

    May 7, 2019 — If you haven’t jumped in yet, this quick presentation will teach you the basics of Gutenberg block creation.
    Learn how blocks can improve workflows for you and your customers, and start taking advantage of everything the new WordPress editor has to offer.