WordPress
Block Editor

“What you see is what you get” – that’s the promise of WYSIWYG. And with the Block Editor, it finally delivers. Gone are the days of hidden input fields buried deep in the backend, where you never quite knew what content went where. Instead, the editing experience mirrors the published page, so accurately, you can often skip the preview entirely. Want to see it in action?

What can the Block Editor do?

• Modular content creation: Each section is a block that can be configured individually.
• WYSIWYG experience: What you see is (almost) what you get. Content in the editor is similar to how it appears on the website.
• Drag & drop: Blocks can be easily moved or grouped.
• Block templates & patterns: Ready-made layouts speed up content creation.
• Accessibility & semantics: The editor generates clean, semantic HTML code.
• Extensibility through plugins: Developers can create their own blocks or extend existing ones.
• Part of the WordPress core: Unlike page builders such as Elementor or WPBakery, the Block Editor is an official part of WordPress – future-proof and well integrated.

With an intuitive drag-and-drop system, Gutenberg allows users to create complex layouts with ease. Our team is proficient in the Block Editor and can help you develop customized blocks that meet your specific requirements. Whether it’s integrating multimedia content or creating custom layouts, we can turn your vision into reality with the Block Editor.

One of the key advantages of modern WordPress themes is the theme.json file. It acts as a central configuration layer for design settings such as colors, fonts, spacing, and more. The values defined here apply both in the editor and on the live site, ensuring visual consistency and significantly improving the editing experience.

In our projects, we use theme.json to directly implement our clients’ corporate design within the system. This includes predefined colors and gradients, configured so that editors can easily select them from the editor, without needing to enter hex codes or manually apply styles.

We also rely on a well-thought-out system for font sizes: instead of fixed pixel values, we define scalable, fluid typography that adapts dynamically to different screen sizes. We have developed our own tool for this: Fluidity. We use it to calculate suitable values for each project, which are stored in theme.json – this ensures optimum readability on all devices.

The same principle applies to spacing. Instead of fixed values such as “50 pixel spacing”, we use responsive, fluid spacing values. For example, a spacer can be 20px high on small screens and 50px high on large screens – without anyone having to manually adjust CSS. This ensures consistent layouts on all devices and improves the user experience.

Another best practice we consistently apply is the use of locally hosted web fonts. Many themes load fonts from external services like Google Fonts, a common approach that raises concerns from a data protection and privacy standpoint. We store the fonts locally on the web server and have developed our own open-source tool for this purpose: Local Google Fonts. This allows fonts to be downloaded from the Google catalog and hosted in your own project in a GDPR-compliant and high-performance manner.

All these measures make theme.json a central tool with which we harmonize individual brand identity, performance and editorial freedom. Cleanly structured and future-proof.

Many standard blocks in WordPress offer so-called variants or styles. For example, a button can be given a different look block by block – for example with rounded corners, frames or color variations. Blocks such as quotes or images can also be visually varied in this way without having to manually write CSS.

In addition, block variants can be defined that differ slightly in terms of content or function – such as a special layout for an FAQ or a call-to-action block with a different display.

We use these options specifically to give editors more creative freedom without them being able to change the look of the page unintentionally. We often create our own styles and variants that are precisely tailored to the needs of the project.