Custom Coding

Clutch Plugin Development Guide

Join our Discord

Getting Started

Clutch is a visual builder for headless WordPress that gives professional creators complete design and functional freedom—all while delivering superior performance and security and reducing necessary plugins and services.

Introduction

Once you create a project you will be taken to the Project Editor.

Tour the Interface

This guide walks through the steps to connect your Clutch project to your WordPress backend using the Clutch plugin for WordPress.

Connect to WordPress

Builder Features

Layouts

This article provides details of how Pages can be created and managed in Clutch.

Pages

Sections are pre-built, reusable website components designed to streamline your workflow. This article explains how Sections can be inserted and managed in Clutch.

Sections

Classes

Class Manager

HTML Tags

Instance Styles

CSS states allow for dynamic styling without JavaScript and help create more interactive and responsive interfaces. They're essential for providing visual feedback and improving user experience. This article walks through how CSS states can be visually created/set in Clutch builder.

States

Tokens

Previewing

Media

Settings

History

Keyboard Shortcuts

This article provides details on how we can change CSS property values at various breakpoints for screen width-specific CSS

Responsive Breakpoints

Sharing a Project

Reusability

HTML lang Attribute

Agent Update Test (edited)

Links to useful courses, external packages and other neat stuff for Clutch users