Layout Widths

[POC] Add support for custom custom layout width

by @maxpertici · github.com/maxpertici/layout-widths · website

★ 1stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/maxpertici/layout-widths/archive/refs/heads/main.zip

Updates itself. It ships its own updater (Update URI header), so new versions appear under Dashboard → Updates.

Readme github.com/maxpertici/layout-widths ↗

WordPress plugin to manage custom layout widths in the block editor.

Demo

https://github.com/user-attachments/assets/c7f93998-7923-4ee4-9850-bd7c5de6f9c0

Configuration

Add the custom settings to your theme.json file:

{
    "settings": {
        "custom": {
            "layoutWidths": {
                "widths": {
                    "x-content": {
                        "label": "X Content",
                        "value": "820px"
                    },
                    "wide": {
                        "label": "Wide",
                        "value": "1280px"
                    },
                    "x-wide": {
                        "label": "X Wide",
                        "value": "1440px"
                    },
                    "full": {
                        "label": "Full",
                        "value": "none"
                    }
                },
                "labels": {
                    "fr-FR": {
                        "x-content": "Contenu large",
                        "wide": "Large",
                        "x-wide": "Très large",
                        "full": "Pleine largeur"
                    }
                }
            }
        }
    }
}