Plugin Updated Apr 15, 2024

Code Block Pro Theme Pack

by Kevin Batdorf code-block-pro.com v1.6.2 Unlimited sites

Code Block Pro Theme Pack by Kevin Batdorf is an add-on plugin for the Code Block Pro WordPress plugin. It adds 29 extra syntax highlighting themes inspired by popular VS Code themes, so the code snippets you publish in the block editor look the way programmers expect.

Version: 1.6.2
Released: Apr 15, 2024
Developer: Kevin Batdorf
Type: WordPress plugin
Licence: GPL
Included in: Every plan, or $1.59 on its own

What’s new in Code Block Pro Theme Pack 1.6.2

Version 1.6.2 Latest

FixedFixes a bug where loading on non-Gutenberg pages would cause ACF to break

What it does

Posting code in WordPress often leaves you with plain, hard-to-read text blocks. Code Block Pro solves that inside the block editor by rendering snippets with VS Code style syntax highlighting, and it already ships with 27 themes. This pack sits on top of it and adds 29 more themes, giving you a wider choice of color schemes to match your site design or the editor themes your readers already know.

The highlighting covers more than 100 programming languages, from common ones like Python, JavaScript, C++, Ruby and PHP to more niche options. Code is pre-rendered in the editor, which keeps front-end JavaScript minimal and lets blocks load in headless setups. You can pick coding fonts with ligatures, highlight or blur lines, add headers and footers, and give visitors a copy button. It suits developer blogs, documentation and tutorial sites.

Best for

Developer blogs that publish code snippets
Technical documentation sites built with the block editor
Coding tutorial and course websites

Features

29 extra VS Code themes

Adds 29 themes inspired by popular VS Code themes on top of the 27 that come with Code Block Pro, for a larger set of color schemes.

Support for 100+ languages

Highlights more than 100 programming languages, including Python, JavaScript, C++, Ruby and PHP, and new languages can be requested if one is missing.

Coding fonts with ligatures

Choose Fira Code or JetBrains Mono with ligatures for readable code, or fall back to the visitor's system default font.

Line highlighting and blur

Highlight specific lines and softly blur the rest, so readers focus on the part of the snippet that matters in a tutorial.

Custom headers and footers

Add header and footer styles around code blocks to give each snippet extra context and a finished look.

Adjustable font and spacing

Set font size, line height and padding so code blocks fit your layout and stay readable on different screen sizes.

Copy to clipboard button

Visitors can copy a snippet with a single click instead of selecting the text by hand.

Pre-rendered, headless-friendly output

Code is rendered in the editor ahead of time, which keeps JavaScript minimal and allows blocks to load in headless setups.

Questions about Code Block Pro Theme Pack

Does this work on its own or do I need another plugin?

It is an extension for the Code Block Pro plugin. Code Block Pro provides the code block and its 27 included themes, and this pack adds 29 additional VS Code inspired themes to choose from.

Which programming languages can it highlight?

Highlighting covers more than 100 languages, ranging from mainstream ones like Python, JavaScript, C++, Ruby and PHP to more niche languages. If you need one that is not covered, you can request it.

Can I point readers to specific lines in a snippet?

Yes. You can highlight chosen lines and blur the remaining ones, which helps readers follow a step in a tutorial or presentation without losing track of the surrounding code.

Will it add a lot of scripts to my pages?

Code blocks are pre-rendered in the editor, so very little JavaScript is needed on the front end. The same pre-rendering also lets the blocks display in headless setups.

Is Code Block Pro Theme Pack free?

The code of Code Block Pro Theme Pack is licensed under the GPL, so anyone may use, change and share it. GPL Feast is a paid service: a plan or a single purchase gives you the download and automatic updates. The developer's own support, licence key and online services are not included.

Which version of Code Block Pro Theme Pack is this?

Version 1.6.2, released Apr 15, 2024. New versions appear here when the developer publishes them, and members get them as automatic updates.

How do I update Code Block Pro Theme Pack?

Install the free GPL Feast Updater on your site and connect it with your API key. It installs new versions of Code Block Pro Theme Pack automatically and keeps a backup, so you can roll back.