WP Manifestindependent plugin directory
manifest / builders / bricks-code-box

Bricks Code Box

Ein leichtgewichtiges Bricks-Addon, das ein **Code Box**-Element (Snippet-Box) zu den Bricks-Widgets hinzufügt – mit Syntax-Highlighting, Copy-Button, Zeilennummern, Dark/Light-Theme, optionalem Titel/Dateiname und weiteren Komfortfeatures.

by Why Studio · github.com/whydesignstudio/bricks-code-box · website

★ 0stars

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/whydesignstudio/bricks-code-box/archive/refs/heads/main.zip
Updates itself. It ships its own updater (Plugin Update Checker), so new versions appear under Dashboard → Updates.
Readme github.com/whydesignstudio/bricks-code-box ↗

Bricks Code Box - WordPress Plugin

A WordPress plugin for Bricks Builder that adds a Code Box element (snippet box) with syntax highlighting, copy button, line numbers, dark/light theme, optional title/filename, and more convenience features.

✨ Features

  • Bricks Element "Code Box"
    • Selectable language (e.g., HTML, CSS, JS, PHP, JSON, YAML, …)
    • Syntax Highlighting (Prism.js)
    • Copy-to-Clipboard button (with ARIA labels & feedback)
    • Line numbers (optional)
    • Dark/Light theme toggleable
    • Title/Filename (optional) with icon
    • Line wrap toggleable (Wrap/No-Wrap)
    • Max height with scroll (optional)
    • Collapsible (optional: expand/collapse)
  • Clean Bricks Integration
    • Own category "Bricks Code Box"
    • Control groups for content, display, behavior
  • Accessible
    • Focus states, screen reader labels, button keyboard support
  • Auto-Updates (optional)
    • via Plugin Update Checker (PUC) directly from this GitHub repo

🔧 Requirements

  • WordPress ≥ 6.0 (WordPress installation required)
  • Bricks Builder ≥ 1.9.x (Bricks Theme or Plugin)
  • PHP ≥ 7.4 (recommended: 8.1+)

📦 Installation

Option A: Create ZIP file and upload (recommended)

  1. Download repository:
    • GitHub: Code → Download ZIP (or clone repository)
    • Extract the ZIP file locally
  2. Create ZIP file for WordPress:
    • Navigate to the extracted folder (should be named bricks-code-box-main or similar)
    • Important: Create a ZIP file from the contents of the folder
    • The ZIP must result in the folder bricks-code-box/ when extracted
    • Structure should be: bricks-code-box/bricks-code-box.php, bricks-code-box/elements/, etc.
  3. Upload to WordPress:
    • WordPress Admin → Plugins → Install → Upload Plugin
    • Select and upload your created ZIP file
  4. Activate plugin:
    • Activate the plugin
    • Use the new "Code Box" element in Bricks Builder