The cost of WordPress plugins on the performance of the editor

Performance metrics Building a performant editor is a very difficult task, it requires constant attention and monitoring to some key metrics. In the context of the WordPress block editor (aka Gutenberg), we constantly track the following key metrics: Loading time: The time it takes from the moment the user clicks the “new/edit post” link until …

Introduction to WordPress’s Global Styles and Global Settings

Building a website these days is all about finding the right balance between a coherent and consistent design across the website and customizations capabilities that allows specific content to shine. Far is the era where everything was customized manually (remember Dreamweaver and Frontpage?). CSS came to be, and different iterations on top of it, guidelines …

The WordPress block editor: a maintainer’s story

Writing software is easy, sustaining it for years is harder, and doing it for open-source software is a challenge. Here’s a story about my journey to help build the WordPress block editor from a maintainer’s perspective, a perspective probably invisible to most developers and contributors (unless you’re an open-source project maintainer). The fun part As …

Embrace the modularity

The WordPress block editor is based around the idea that you can combine independent blocks together to write your post or build your page. Blocks can also use and interact with each other. This makes it very modular and flexible. But the Block Editor does not embrace modularity for its behavior and output only, it …

Let’s start building JavaScript plugins for WordPress

With Gutenberg, we made the choice to use JavaScript heavily in order build the UI of the editor, not because we’re nerdy hipsters but essentially because it is the perfect fit to address the UI and UX challenges of a heavily interactive interface in the browser. As a consequence, we’ll start to see a shift in …

Explorons Gutenberg sous le capot au WPTech Lyon

J’ai eu l’honneur de donner un nouveau talk sur Gutenberg au WP Tech Lyon. De nombreux talks ont été donnés sur Gutenberg, le pourquoi du comment, ce que ça change pour les utilisateurs mais peu de talks ont abordé les dessous de Gutenberg, son architecture et ce que ça apporte au développeur de thèmes de …

Mon premier WordCamp en tant que speaker

Aujourd'hui s'est déroulée la dixième édition du WordCamp Paris et j'ai eu l'honneur d'y participer en tant que speaker pour parler de Gutenberg. Conférence Vous trouvez ci-dessous les slides de ma conférence intitulée "Gutenberg, le futur de la création de contenu dans WordPress" https://www.slideshare.net/riadbenguella/gutenberg-le-futur-de-la-cration-de-contenu-dans-wordpress-90168384 Atelier J'ai aussi eu la chance d'animer un atelier sur l'extensibilité …

WordPress Core, the next battles

What are the next battles we should take to improve WordPress technology and workflow? What should we do next? I've been part of the WordPress community for more than a year now, which is really short in WordPress time, but I truly love this community and I hope to contribute for several more years. This …

With Gutenberg, what happens to my Custom Fields?

Developers and web agencies make extensive use of Custom Fields to add structured data to their Custom Post Types (and regular post types as well). By leveraging the Meta Box API, plugins like ACF, CMB or Pods Framework address this concern. They all work similarly: you define fieldsets, a list of fields with different types …

How Gutenberg is changing WordPress Development?

If you're already familiar with WordPress, you're probably used to its content editor based on TinyMCE. Creating content in WordPress did not really change for many years now. But with new competitors gaining more and more attraction like Medium, Ghost, Wix, Squarespace, WordPress decided to build a new Editor called Gutenberg (After Johannes Gutenberg, the …