Simone Maranzana

@simonemaranzana.com

Frontend developer and co-founder of justevolve.it and advancedcolumns.com

Right now BlockFlow exports themes with Google Fonts only, following WordPress's native approach to fonts. This ensures consistency and compatibility, but inherits a design challenge: more font variants mean heavier exports. The issue I'm dealing with right now. 🧵

WordPress font library interface

Problem: every design is different, I don't want to force a single workflow. So I've started analyzing the #WordPress Blue Note community #Figma file to understand how to adapt to common patterns. Fewer forced patterns, more real designs, so let's see where this leads.

Bild

I've been experimenting with fluid typography in my BlockFlow prototype. The challenge: Figma doesn't support fluid font sizes, but WordPress does with clamp(). My solution: define min/max values in design tokens, let WordPress handle the rest. 🧵

A few people asked what the Figma-side setup looks like for this "#Figma to #WordPress" workflow, so here’s a quick snapshot. The core configuration lives directly inside the Figma file: Blockflow creates standard Figma variables for the required options, so the setup travels always with the file.

Why I think you need CSS Subgrid, even if you don’t know it yet. 🙃 Take one of the most common layouts you’ll find on almost every website: A simple 2 (or more) column card layout, with 3 elements in each column. 🧵

Bild

I’ve been thinking a lot about subgrid, and I believe it’s a highly useful feature for @advancedcolumns.com that can solve some fundamental layout needs. Has anyone here used subgrid in a project before? For example, we’ve already used it on the advancedcolumns.com landing page.

Create professional layouts with WordPress - Advanced Columns

Built on the CSS grid foundation, the Advanced Columns plugin is the most powerful and flexible layout builder block for professional WordPress websites.

advancedcolumns.com

Hello 🦋 #WordPress friends! 👋 Sharing some news about the upcoming 1.4 update for the Advanced Columns plugin! There are many new features, but the biggest one is likely full responsive Flexbox support in each individual column, along with responsive attributes for third-party blocks! 👀