Tag: Gutenberg

Using The New Constrained Layout In WordPress Block Themes

One of the main goals of the WordPress Site Editor (and, yes, that is now the “official” name) is to move basic block styling from CSS to structured JSON. JSON files are machine-readable, which makes it consumable by … Using The New Constrained Layout In WordPress Block Themes originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading Using The New Constrained Layout In WordPress Block Themes

Creating a Settings UI for a Custom WordPress Block

So far, we’ve covered how to work with data from an external API in a custom WordPress block. We walked through the process of fetching that data for use on the front end of a WordPress site, and how to … Creating a Settings UI for a Custom WordPress Block originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading Creating a Settings UI for a Custom WordPress Block

Managing CSS Styles in a WordPress Block Theme

The way we write CSS for WordPress themes is in the midst of sweeping changes. I recently shared a technique for adding fluid type support in WordPress by way of theme.json, a new file that WordPress has been pushing … Managing CSS Styles in a WordPress Block Theme originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading Managing CSS Styles in a WordPress Block Theme

Adding Fluid Typography Support to WordPress Block Themes

Fluid typography is a fancy way of “describing font properties, such as size or line height, that scale fluidly according to the size of the viewport”. It’s also known by other names, like responsive typography, flexible type, fluid type, … Adding Fluid Typography Support to WordPress Block Themes originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading Adding Fluid Typography Support to WordPress Block Themes

Getting Started With WordPress Block Development

Let’s acknowledge that developing for WordPress is weird right now. Whether you’re new to WordPress or have worked with it for eons, the introduction of “Full-Site Editing” (FSE) features, including the Block Editor (WordPress 5.0) and the Site Editor (WordPress … Getting Started With WordPress Block Development originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading Getting Started With WordPress Block Development

How To Customize WordPress Block Theme Cover Templates with Dynamic Post Feature Images

If we browse the WordPress theme directory, a majority of themes showcase cover images. It is a feature in popular demand. The cover page trend is true even in the block theme directory screenshots as well. Let’s consider the … How To Customize WordPress Block Theme Cover Templates with Dynamic Post Feature Images originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading How To Customize WordPress Block Theme Cover Templates with Dynamic Post Feature Images

How to Create Style Variations in WordPress 6.0 Block Themes

Global styles, a feature of the block themes, is one of my favorite parts of creating block themes. The concept of global style variations in WordPress were introduced in Gutenberg 12.5 which would allow theme authors to create alternate … How to Create Style Variations in WordPress 6.0 Block Themes originally published on CSS-Tricks. You should get the newsletter. ...
Continue Reading How to Create Style Variations in WordPress 6.0 Block Themes

A Deep Introduction to WordPress Block Themes

The relatively new WordPress editor, also known as the WordPress Block Editor, always under development via the Gutenberg plugin, has been with us since 2018. You can use the block editor on any WordPress theme, provided the theme … A Deep Introduction to WordPress Block Themes originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading A Deep Introduction to WordPress Block Themes

4 Quality Options for a Table of Contents Block in WordPress

There are a number of options for including a Table of Contents lock in WordPress. You can use a plugin, or try to do it yourself. 4 Quality Options for a Table of Contents Block in WordPress originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading 4 Quality Options for a Table of Contents Block in WordPress

The Ultimate Overview of the WordPress Block Editor (Gutenberg) for Developers in 2022

I’ve been loosely following the noise and #wpdrama surrounding Gutenberg for as long as it has been around and honestly for the most part I’ve had negative feelings around it… Read more The post The Ultimate Overview of the WordPress Block Editor (Gutenberg) for Developers in 2022 appeared first on Delicious Brains. ...
Continue Reading The Ultimate Overview of the WordPress Block Editor (Gutenberg) for Developers in 2022