Code Block Pro – Beautiful Syntax Highlighting

What is Code Block Pro?

Code Block Pro is a WordPress block plugin that renders code directly through the same engine used by VS Code. Developed by Kevin Batdorf, this plugin has been available for 4 years and currently holds 10K+ active installs. It maintains a 4.8/5 rating from 50 ratings, with 94% of those being five-star reviews. The latest version, 1.28.0, was last updated on Apr 12, 2026.

This plugin solves a specific problem: how to add syntax highlighting in WordPress without slowing down your site. It uses pre-rendering and minimal asset loading to keep pages fast. The core functionality works even in headless mode, making it a practical choice for developers who need a reliable syntax highlighter WordPress solution.

Key Features of Code Block Pro

• VS Code Rendering Engine – Code is processed through the same highlighter used by VS Code, ensuring accurate tokenization for over 140 programming languages.
• 25+ Built-in Themes – Includes popular VS Code themes like Dark Plus, Dracula, Monokai, Nord, and One Dark Pro, all with live demos.
• Line Highlighting & Blur Effects – Static and hover line highlighting plus a blur effect with reveal on hover, letting you focus attention on specific code sections.
• 10+ Programming Fonts – Locally hosted modern web fonts designed for code readability, with no external dependencies.
• Per-Block Customization – Every setting applies per block, including line numbers, header styles, footer styles, copy button, tab or space indentation, and max height with scroll.
• Theme Pack (Paid) – A cosmetic-only upgrade available at code-block-pro.com includes 18 additional themes like Cobalt2, Night Owl, and the Andromeda series.
• Conversion from Default Block – Converts existing default code blocks to Code Block Pro blocks without losing content.
• Clamp Value Font Sizing – Under the Styling tab, clamp values compute rem sizes relative to a 16px–24px base, solving font size complaints directly.

Who Should Use Code Block Pro?

This plugin suits developers, technical bloggers, and tutorial creators who display code regularly. If you run a programming tutorial site, documentation portal, or developer portfolio, the VS Code syntax highlighting WordPress integration gives your readers a familiar reading experience. The 92% five-star rating suggests it works well for users who need a best code highlighting plugin WordPress option that doesn't compromise on speed.

Beginners can use it too. The block appears when you type "/code" in the editor, and all settings are visual. The FAQ addresses common questions like font size adjustment and headless usage. With 10K+ users, it has enough community validation to trust for production sites.

Installation & Setup

Install Code Block Pro through the Plugins screen in WordPress. It requires WordPress 6.0+ and PHP 7.0+. Once activated, search for "Code Pro" or type "/code" in the block editor to add your first code block. The plugin is beginner-friendly—no configuration files or API keys are needed.

Support & Community

The support data shows 2 open threads and 0 resolved in the last 2 months, resulting in a 0% resolution rate. This is a notable gap for a plugin with 50 ratings. However, the rating distribution tells a different story: 92% 2% one-star reviews. This suggests that most users find the plugin works reliably without needing support. Kevin Batdorf maintains an active GitHub repository where users can star the project and report issues directly.

The 4-year age of the plugin and regular updates (last on Apr 12, 2026) indicate ongoing maintenance. For a code block plugin with this feature set, the low support resolution rate may reflect that most functionality works out of the box rather than neglect. Users who need a specific code block plugin with VS Code themes should test it on a staging site first.