Plugin Architecture Overview

Funcool for WordPress is organized into several key sections, each responsible for a specific aspect of block creation, styling, and functionality. Understanding how these components interact will help you extend and maintain your blocks efficiently.

Table of Contents

Blocks

The Blocks section contains everything related to creating native WordPress blocks.

Each block consists of the following parts:

Content

The PHP files responsible for rendering the block output on both the frontend and the Gutenberg editor.

Styles

Written in SCSS, compiled into CSS, and applied to both the frontend and the Gutenberg editor to ensure consistent visuals.

Editor Styles

tyles loaded only within the Gutenberg editor, allowing you to control how blocks appear during editing without affecting the frontend.

View.js

Handles frontend interactivity and logic. Scripts placed here are not loaded in the Gutenberg editor, ensuring the editing experience remains lightweight.

Attributes Manager

Defines and manages block attributes. These fields are rendered in the Gutenberg sidebar panel when a block is selected, allowing users to customize content and behavior.

Symbols

Symbols are reusable PHP components designed for modular development.

You can create standalone elements such as title, excerpt, button, or card, and reuse them across multiple blocks.

Combining symbols makes it easy to build complex components such as sliders, accordions, or custom layouts.

This modular approach improves maintainability and promotes consistency across your project.

SCSS Partials

SCSS Partials are reusable style fragments that can be imported into specific blocks or applied globally.

When marked as global, a partial is automatically included in all blocks — ideal for defining shared variables, mixins, or utility functions.

This structure eliminates repetitive styling and ensures a consistent design system throughout the plugin.