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
1forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/whydesignstudio/bricks-code-box/archive/refs/heads/main.zip

Declares an update source (https://github.com/WHYdesignstudio/bricks-code-box), so updates arrive through the plugin's own updater.

Readme

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

Read the full README on GitHub →